:root{font-family:'Be Vietnam Pro',system-ui,sans-serif;color:#eaf0ff;background:#0b1021;font-size:13px}*{box-sizing:border-box}body{margin:0}header{height:92px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.brand{display:flex;align-items:center;gap:12px}.logo{display:grid;place-items:center;background:#b2ed6b;color:#152719;width:46px;height:46px;border-radius:14px;font-size:36px}.brand strong{font-size:22px;letter-spacing:2px}.brand em{font-style:normal;color:#b2ed6b}.brand small{display:block;color:#939bb0;font-size:10px;margin-top:4px}nav{display:flex;gap:12px;align-items:center}.pill{font-size:10px;letter-spacing:1px;color:#b2ed6b;background:#b2ed6b12;padding:10px;border-radius:20px}button,input,textarea,select{font:inherit}button{cursor:pointer;background:#ffffff06;border:1px solid #ffffff15;color:#d8deee;border-radius:9px;padding:10px 12px}button:hover{background:#ffffff13}button:disabled{opacity:.4;cursor:default}main{display:grid;grid-template-columns:280px minmax(350px,1fr) 260px;gap:20px;padding:24px;max-width:1920px;margin:auto}aside,.ranking{background:#131a2d;border:1px solid #ffffff0b;border-radius:16px;padding:22px}.eyebrow{font-size:9px;font-weight:700;color:#a2abc0;letter-spacing:1.6px}h1{font-size:32px;line-height:1.25;letter-spacing:-1px;margin:18px 0 10px}h1 span{color:#b2ed6b}.muted{color:#909ab2;font-size:11px;line-height:1.8}label{display:block;font-size:9px;font-weight:700;letter-spacing:.5px;color:#9faac1;margin-top:18px}input:not([type=checkbox]),textarea,select{display:block;width:100%;background:#0c1223;color:#edf2ff;border:1px solid #ffffff15;border-radius:8px;padding:10px;margin-top:8px;outline:none}input:focus,textarea:focus{border-color:#b2ed6b}textarea{height:142px;resize:vertical;font-size:11px;line-height:1.8}.row{display:flex;gap:7px;margin-top:10px}.row>button{flex:1;font-size:10px;padding:10px 4px}.settings>label{flex:1;margin-top:6px}.check{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:0;font-weight:400}.check input{accent-color:#b2ed6b}.primary{background:#b2ed6b;color:#14231c;font-weight:800;width:100%;padding:15px;margin-top:18px;border:0}.primary:hover{background:#c9ff83}#message{font-size:10px;line-height:1.7;color:#aebad3;margin-top:14px}details{margin-top:15px;border-top:1px solid #ffffff10;padding-top:15px;font-size:10px;color:#929fba}details p{line-height:1.8}.arena{display:flex;flex-direction:column;min-width:0}.arenaTop{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 18px}.live{font-size:9px;letter-spacing:1px;color:#b2ed6b}h2{font-size:17px;margin:9px 0}.timer{font-size:27px;font-variant-numeric:tabular-nums}.timer small{display:block;text-align:right;font-size:8px;color:#7b88a4;letter-spacing:1px}.scene{position:relative;flex:1;min-height:570px;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#304e6b,#18273b 50%,#101b2d);border:1px solid #ffffff15}#canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.sceneBadge{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:1px;color:#c0d0e8}.sceneBadge span{background:#ffffff12;padding:5px;margin-left:10px;border-radius:5px}.intro{position:absolute;top:27%;width:100%;text-align:center;pointer-events:none;text-shadow:0 2px 12px #000}.intro>span{font-size:43px}.intro h2{font-size:23px}.intro p{font-size:11px;color:#bacce3}.bottomBadge{position:absolute;bottom:17px;text-align:center;width:100%;font-size:9px;color:#bbd0e8}footer{display:flex;justify-content:space-between;gap:10px;color:#7d8ba5;font-size:9px;padding:18px 2px}footer b{color:#b6c4d9;font-weight:400}.ranking h2{font-size:18px}.ranking h2 span{float:right}.rankrow{display:flex;align-items:center;gap:10px;padding:12px 9px;margin-bottom:7px;background:#ffffff03;border-radius:9px;font-size:11px}.rankrow:first-child{background:#b2ed6b12;border:1px solid #b2ed6b27}.rankrow .place{color:#8996b1;font-size:10px;width:14px}.dot{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:10px;color:white;box-shadow:inset -4px -4px 6px #0004,inset 3px 3px 5px #fff5}.rankrow .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip{border:1px solid #ffffff12;border-radius:10px;padding:14px;margin-top:24px;color:#8e9bb5;font-size:10px;line-height:1.8}.tip b{color:#b2ed6b}.tip small{font-size:9px}#countdown{position:absolute;inset:30% 0;text-align:center;font-size:100px;font-weight:800;color:#b2ed6b;pointer-events:none}#results{position:absolute;inset:0;background:#0c1423ed;backdrop-filter:blur(8px);padding:70px 25px;text-align:center}#results[hidden]{display:none}#results h2{font-size:27px}#podium{display:flex;flex-direction:column;gap:12px;margin:30px auto;max-width:340px}.winner{border:1px solid #b2ed6b40;background:#b2ed6b0d;padding:18px;border-radius:12px;font-size:18px}#again{max-width:300px}#count{float:right;color:#b2ed6b}@media(min-width:1550px){main{grid-template-columns:300px 1fr 280px}.scene{min-height:700px}}@media(max-width:1100px){main{grid-template-columns:250px 1fr}.ranking{grid-column:1/-1}#ranks{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.tip{display:none}}@media(max-width:700px){header{padding:15px;height:auto}nav .pill,nav #sound{display:none}main{display:flex;flex-direction:column;padding:12px}aside{order:2}.arena{order:1}.ranking{order:3}.scene{min-height:480px}.intro h2{font-size:20px}footer{font-size:8px}#ranks{grid-template-columns:repeat(2,1fr)}}
.trackTools{display:flex;align-items:center;gap:8px;padding:0 0 12px}.trackTools>span{font-size:11px;color:#b6c6e0;flex:1}.trackTools button{font-size:10px;padding:8px}.scene{min-height:650px;height:calc(100vh - 250px);max-height:1000px;flex:none;background:#eaf0f5}.intro{background:#101b2de8;color:#f2f8ff;width:80%;left:10%;top:12%;padding:24px;border:1px solid #ffffff33;border-radius:16px;text-shadow:none;backdrop-filter:blur(10px)}.intro h2{font-size:21px}.sceneBadge{color:#334964;pointer-events:none;top:12px;background:#ffffffdb;padding:9px;border-radius:6px}.sceneBadge span{background:#dbe5f0}.bottomBadge{color:#324a69;background:#ffffffdc;width:auto;left:50%;transform:translateX(-50%);padding:8px 14px;border-radius:20px;white-space:nowrap}#countdown{text-shadow:0 4px 20px #10232999}#minimap{display:block;width:100%;height:280px;margin:15px 0 22px;border-radius:9px;border:1px solid #ffffff15;background:#dce5f0}#ranks{max-height:380px;overflow-y:auto;scrollbar-width:thin}.rankrow{padding:10px 8px}.rankrow .distance{font-size:9px;color:#9cabc3;margin-left:auto}.rankrow .nm{flex:1}.newmap{width:100%;font-size:10px;margin-top:12px}.ranking .tip{margin-top:16px}#results{padding-top:50px}.finishTime{display:block;font-size:10px;color:#9dbf9e;margin-top:6px}button:focus-visible{outline:2px solid #b2ed6b;outline-offset:3px}.engineError{position:absolute;inset:0;background:#102039ef;display:grid;place-content:center;padding:30px;text-align:center;color:white;z-index:9}.engineError p{line-height:1.8}#message{min-height:32px}@media(max-width:1100px){.scene{height:700px;max-height:none}.ranking{display:grid;grid-template-columns:220px 1fr;gap:15px}.ranking #minimap{grid-column:1;grid-row:2/6;margin:0}.ranking>.eyebrow:first-child{grid-column:1}.ranking>.eyebrow:not(:first-child),.ranking>h2,.ranking>p,.ranking>#ranks{grid-column:2}.ranking #ranks{grid-row:auto;display:block;max-height:245px}}@media(max-width:700px){.scene{height:600px;min-height:600px}.trackTools{flex-wrap:wrap}.trackTools>span{flex-basis:100%}.ranking{display:block}#minimap{max-width:300px;margin:15px auto!important}#ranks{display:grid!important;max-height:300px}.sceneBadge{font-size:8px;left:10px}.intro{width:90%;left:5%}.intro h2{font-size:18px}}

/* Canvas layout must be scoped: the minimap and inset must never become page overlays. */
[hidden]{display:none!important}#minimap{position:static!important;inset:auto!important;flex:none;width:100%;height:280px;max-width:100%;contain:strict}#canvas{z-index:0}.scene{isolation:isolate}#nameLayer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}.nameplate{position:absolute;top:0;left:0;height:25px;padding:3px 7px;border:1px solid #a4b7cf;border-radius:6px;background:#ffffffed;color:#172b47;font:700 14px/18px system-ui;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-shadow:0 2px 5px #1d344123;text-align:center}#celebration{position:absolute;inset:0;width:100%;height:100%;z-index:25;pointer-events:none}#finishBanner{position:absolute;top:13%;left:50%;transform:translateX(-50%);width:max-content;max-width:92%;padding:19px 35px;text-align:center;border:2px solid #ffe08b;background:linear-gradient(135deg,#132c48f5,#2c4160f5);border-radius:18px;z-index:26;box-shadow:0 12px 45px #16324f55;color:white;pointer-events:none}#finishBanner strong{display:block;font-size:38px;letter-spacing:3px;color:#ffe195}#finishName{display:block;font-size:24px;font-weight:800;margin:8px 0}#finishHint{font-size:11px;color:#d2deef}#rearMonitor{position:absolute;bottom:52px;left:12px;width:214px;background:#10213de8;border:1px solid #ffffff55;box-shadow:0 5px 18px #19334e40;border-radius:10px;overflow:hidden;z-index:7}#rearMonitor>b{display:block;font-size:9px;letter-spacing:1px;padding:9px 10px;color:#d7e8ff}#rearCanvas{display:block;position:static;width:100%;height:132px}#rearNames{font-size:11px;line-height:1.65;padding:7px 10px;color:#dbeaff}#results{inset:auto 12px 48px auto;width:min(400px,calc(100% - 24px));max-height:70%;overflow-y:auto;padding:20px;background:#11233ef0;border:1px solid #b7dd8c70;border-radius:15px;z-index:15;box-shadow:0 10px 35px #1c314b4d}#results h2{font-size:23px}#results #podium{margin:14px auto;gap:8px}#results .winner{padding:12px;font-size:18px}#results #again{margin-top:3px;padding:13px}.intro,.sceneBadge,.bottomBadge,#countdown{z-index:8}.trackTools{flex-wrap:wrap}.trackTools select{font-size:11px;color:#d9e5fa;background:#17253a;border:1px solid #ffffff20;border-radius:8px;padding:8px;max-width:180px}body.expanded main{grid-template-columns:minmax(0,1fr) 240px}body.expanded main>aside{display:none}body.expanded .scene{height:calc(100vh - 255px);min-height:620px}.sceneBadge{pointer-events:none}.scene{min-height:700px}#cameraInfo{max-width:90%;overflow:hidden;text-overflow:ellipsis}#file[hidden]{display:none!important}@media(max-width:1100px){body.expanded main{grid-template-columns:1fr}body.expanded .ranking{grid-column:1/-1}#rearMonitor{width:190px}#rearCanvas{height:118px}}@media(max-width:700px){#rearMonitor{width:155px;bottom:49px;left:8px}#rearCanvas{height:95px}#rearNames{font-size:10px;padding:5px}#finishBanner strong{font-size:30px}#finishName{font-size:20px}.nameplate{font-size:13px}#results{bottom:50px;max-height:57%}#results h2{font-size:19px}.trackTools select{max-width:170px}.scene{min-height:650px}}

.trackTools .quick{display:none}body.expanded .trackTools .quick{display:block}#finishBanner{animation:finish-pop .4s ease-out}@keyframes finish-pop{from{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){#finishBanner{animation:none}}

.nameplate{box-sizing:border-box;white-space:pre-line;overflow:visible;text-overflow:clip;font-family:system-ui;font-weight:700;font-size:18px;line-height:23px;height:auto;padding:5px 10px;border-width:2px;background:#fffffffa;color:#10243e;border-radius:8px;box-shadow:0 3px 9px #10243e35;pointer-events:auto;overflow-wrap:anywhere}#nameLines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.rankrow .nm{white-space:normal;text-overflow:clip;overflow:visible;line-height:1.45;font-size:13px;overflow-wrap:anywhere}.leaders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.leaderCard{border:1px solid #ffffff20;background:#18283c;border-radius:9px;padding:9px 11px;min-width:0}.leaderCard small{display:block;font-size:9px;color:#b2ed6b;margin-bottom:4px}.leaderCard strong{display:block;font-size:15px;line-height:1.4;overflow-wrap:anywhere;color:#f3f8ff}.soundControls{display:flex;gap:9px;align-items:center}.volumeLabel{margin:0;letter-spacing:0;font-size:9px}.volumeLabel input[type=range]{padding:0;margin:5px 0 0;width:85px;accent-color:#b2ed6b;cursor:pointer}.trackTools{gap:6px}nav .pill{font-size:9px}@media(max-width:1100px){nav .pill{display:none}}@media(max-width:700px){nav #sound{display:block;font-size:10px;padding:7px}.volumeLabel{display:none}.leaders{gap:5px}.leaderCard{padding:7px}.leaderCard strong{font-size:13px}#nameSize{max-width:170px}}
/* Grand Prix controls and timing tower */
main{grid-template-columns:270px minmax(350px,1fr) 345px;gap:18px;padding:20px}.ranking{padding:18px;min-width:0}.ranking #ranks{max-height:650px;overflow-y:auto}.importHelp{font-size:10px;color:#99a9c1;line-height:1.65;margin:10px 0}.importHelp b{color:#d1e1f7}aside label{margin-top:14px}.timer{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:25px}.timer small{font-family:system-ui;font-size:9px;margin-top:6px}.timingHeading{display:flex;justify-content:space-between;padding:10px 0;font-size:8px;letter-spacing:1px;color:#91a0bb;border-top:1px solid #ffffff17}.timingRow{display:grid;grid-template-columns:29px minmax(0,1fr) 94px;align-items:center;gap:8px;padding:11px 3px;border-top:1px solid #ffffff0c;background:#ffffff02;font-variant-numeric:tabular-nums}.timingRow.leading{background:#b2ed6b12}.timingRow.arrived{background:#3be2bb0b}.timingRow>b{font-family:ui-monospace,monospace;color:#c1d0e8;font-size:15px;border-left:3px solid #fff;padding-left:5px}.driverInfo{min-width:0}.driverName{display:block;white-space:nowrap;overflow-x:auto;scrollbar-width:none;font-size:12px;line-height:1.5;color:#f3f6fe}.sectors{display:flex;gap:4px;margin-top:6px}.sectors span{font-size:8px;letter-spacing:.5px;color:#6d7c96;padding:1px 5px;background:#ffffff06;border-radius:3px}.sectors span.done{color:#91edba;background:#71da9b17}.sectors span.best{color:#ddb6ff;background:#b472fc25}.driverStats{text-align:right;font-family:ui-monospace,monospace}.driverStats>b{display:block;color:#b2ed6b;font-size:13px}.driverStats>small{display:block;color:#8799b6;font-size:8px;margin-top:4px}.timingNote{font-size:9px;line-height:1.8;color:#8999b4;margin-bottom:0}.liveDot{color:#f37399!important;font-size:11px!important}#minimap{height:220px!important;margin:12px 0 18px}.nameplate{white-space:nowrap!important;overflow:visible!important;overflow-wrap:normal!important;text-overflow:clip!important}.leaderCard strong{white-space:nowrap;overflow-x:auto;scrollbar-width:none;font-size:clamp(13px,1.12vw,18px);line-height:1.6}.scene{min-height:680px}body.expanded main{grid-template-columns:minmax(0,1fr) 345px}body.expanded .scene{min-height:650px}#results{position:fixed;inset:0;width:100%;height:100%;max-height:none;overflow-y:auto;padding:28px;background:radial-gradient(ellipse at 50% 0,#25416b,#0a1427 75%);border:0;border-radius:0;z-index:1000;backdrop-filter:blur(12px);box-sizing:border-box}#resultFireworks{position:fixed;inset:0;display:block;width:100%;height:100%;z-index:2;pointer-events:none}.resultContent{position:relative;z-index:3;max-width:1400px;margin:auto;text-align:center}.resultContent>.eyebrow{color:#f3d794;font-size:12px;letter-spacing:2px}#results #resultTitle{font-size:clamp(30px,4vw,58px);color:#ffe5a5;margin:18px 0 8px;line-height:1.15}#resultSubtitle{color:#b8cce6;font-size:15px;margin:10px 0 24px}#results #podium{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;width:100%;margin:18px auto;gap:12px}#results #podium:has(.winner:only-child){grid-template-columns:minmax(0,900px);justify-content:center}#results .winner{display:flex;align-items:center;gap:20px;text-align:left;border:1px solid #ffffff30;background:linear-gradient(115deg,#243957e8,#172c47eb);border-radius:16px;padding:15px 20px;margin:0;min-width:0;box-shadow:0 8px 24px #0002}#results .winner-1{border-color:#ffdc7980;background:linear-gradient(115deg,#60502588,#243957e8)}#results .winner-2{border-color:#d1e2f080}#results .winner-3{border-color:#e9b68180}.winner .medal{font-size:48px;flex:none;line-height:1}.winner>div{flex:1;min-width:0}#results .resultName{display:block;color:#fff;font-size:40px;font-weight:800;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;line-height:1.35}#results .winner small{display:block;color:#bdd3eb;font-size:13px;margin-top:5px;font-family:ui-monospace,monospace}.resultActions{display:flex;justify-content:center;gap:14px;align-items:center;margin:22px auto 8px}.resultActions button{font-size:15px;min-height:49px}#results #again{max-width:380px;margin:0;width:45%;padding:16px}.resultActions #closeResults{background:#ffffff0a;padding:15px 24px}#results .resultContent .eyebrow{padding-top:8px}@media(min-width:1800px){main{grid-template-columns:290px minmax(0,1fr) 390px}.driverName{font-size:14px}.driverStats>b{font-size:15px}.timingRow{grid-template-columns:30px minmax(0,1fr) 110px}body.expanded main{grid-template-columns:minmax(0,1fr) 390px}}@media(max-width:1150px){main{grid-template-columns:245px minmax(0,1fr)}.ranking{grid-column:1/-1;display:block}.ranking #minimap{float:left;width:200px!important;margin-right:22px!important}.ranking #ranks{display:block;max-height:420px}.ranking .timingHeading{display:none}.ranking .eyebrow{margin-top:12px}.ranking #ranks .timingRow{grid-template-columns:35px minmax(0,1fr) 130px}body.expanded main{grid-template-columns:minmax(0,1fr) 305px}body.expanded .ranking{grid-column:auto}body.expanded .ranking #minimap{float:none;width:100%!important}body.expanded .ranking #ranks .timingRow{grid-template-columns:29px minmax(0,1fr) 85px}}@media(max-width:760px){main,body.expanded main{display:flex;padding:12px}.ranking #minimap{float:none;width:100%!important;max-width:300px!important;margin:12px auto!important}#ranks{display:block!important}.driverName{font-size:13px}.timingRow{grid-template-columns:30px minmax(0,1fr) 100px!important}#results{padding:18px 12px}#results #podium{grid-template-columns:1fr;gap:10px}#results .winner{padding:15px 12px;gap:12px}.winner .medal{font-size:35px}#results #resultTitle{font-size:32px}#resultSubtitle{font-size:12px}.resultActions{flex-wrap:wrap}#results #again{width:100%;max-width:none}.resultActions #closeResults{width:100%}.timer{font-size:20px}.scene{min-height:650px}.leaderCard strong{font-size:13px}}
/* Compact labels remain near their marble; full names stay on one line. */
.nameplate{padding:4px 8px!important;border-width:1px!important;border-radius:6px;background:#fffffff0;box-shadow:0 1px 4px #10243e1c;font-weight:650}.nameplate.hovered{background:#fffde9;box-shadow:0 2px 8px #10243e33;z-index:2}#importDialog{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;padding:22px;background:#061021d9;backdrop-filter:blur(7px)}.importCard{width:min(680px,100%);max-height:calc(100dvh - 44px);overflow:auto;background:#14233a;border:1px solid #99bbde40;box-shadow:0 20px 70px #0006;border-radius:20px;padding:28px}.importCard h2{font-size:26px;margin:14px 0;color:#edf5ff}#importFileName{font-size:11px;color:#99adc9;overflow-wrap:anywhere;line-height:1.6}#importSummary{background:#b2ed6b12;border:1px solid #b2ed6b35;color:#b2ed6b;padding:12px;border-radius:9px;font-size:14px;font-weight:700}.importToolbar>label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:0;color:#d2e1f5;margin:16px 0}#importClassList{max-height:250px;overflow:auto;border:1px solid #ffffff12;border-radius:10px}.importClassRow{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border-bottom:1px solid #ffffff0c;color:#deebfc;font-size:13px;letter-spacing:0;cursor:pointer}.importClassRow:last-child{border-bottom:0}.importClassRow strong{min-width:42px}.importClassRow span{margin-left:auto;font-size:11px;color:#9cb0cc}.importClassRow input,.importToolbar input{accent-color:#b2ed6b;width:16px;height:16px;flex:none}.importActiveLabel{font-size:10px;margin-top:20px}#importPreview{padding:13px;background:#0b192d;border-radius:9px;font-size:12px;line-height:1.9;color:#b9cae1;margin-top:12px}.importExplain{font-size:11px;line-height:1.8;color:#99afcd}.importExplain b{color:#d3e9bb}.importActions{display:flex;gap:12px;margin-top:18px}.importActions #confirmImport{margin:0;flex:1;padding:14px}.importActions #cancelImport{min-width:90px}.importActions .primary:disabled{opacity:.35}@media(max-width:700px){#importDialog{padding:12px}.importCard{padding:20px;max-height:calc(100dvh - 24px)}.importCard h2{font-size:22px}.importClassRow span{font-size:10px}.importActions{gap:8px}}
/* KhoaMusic game shell: poster first, controls second. */
body.at-home{background:#042e36;overflow-x:hidden}body.at-home>header,body.at-home>main{display:none}#homeScreen{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#042e36;color:#eff9ef;padding:34px clamp(25px,5.8vw,116px) 35px}.homePoster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-4;animation:posterDrift 20s ease-in-out infinite alternate;pointer-events:none}.homeShade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#002b34e8 0%,#002f37b8 27%,#003b4040 52%,#00363a00 75%),linear-gradient(0deg,#002d35b3,#002d3500 35%);pointer-events:none}.homeTop{display:flex;align-items:center;justify-content:space-between;gap:20px}.homeBrand{display:inline-flex;align-items:center;gap:12px;color:#edcc83;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:3px}.homeBrand span{font-size:26px}.homeCategory{font-size:10px;font-weight:800;letter-spacing:1.5px;padding:12px 18px;border:1px solid #ffffff36;background:#003c416e;border-radius:30px;color:#f1f6dc;backdrop-filter:blur(12px)}.homeCopy{position:relative;max-width:620px;margin:clamp(38px,7vh,82px) 0 105px}.homeEyebrow{color:#9de8dd;font-size:11px;font-weight:800;letter-spacing:2px;line-height:1.7}.homeCopy>.homeEyebrow{border-left:3px solid #f3cc77;padding-left:12px;margin:0 0 26px}.homeCopy h1{font-family:system-ui,Arial,sans-serif;font-size:clamp(76px,7.5vw,136px);letter-spacing:-5px;font-weight:950;line-height:1.03;margin:0;color:#f3efd7;text-shadow:0 2px 0 #b8a778,0 4px 0 #82744e,0 7px 0 #4e503e,0 14px 30px #00181e90}.homeCopy h1 span{display:inline-block;color:#f3c96e;text-shadow:0 2px 0 #c39447,0 5px 0 #987133,0 8px 0 #574d32,0 15px 35px #00181e7a}.homeSubtitle{font-size:11px;letter-spacing:3px;font-weight:800;color:#b3e8de;margin:27px 0 16px}.homeDescription{max-width:525px;color:#d0e7e7;font-size:16px;line-height:1.9;margin:0}.homeBadges{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.homeBadges span{background:#043b456e;border:1px solid #c1e5df39;backdrop-filter:blur(10px);font-size:10px;padding:8px 11px;border-radius:25px;color:#e5f2e7;font-weight:600}.homeActions{display:flex;gap:16px;margin:26px 0 23px}.gameButton{display:flex;justify-content:center;align-items:center;gap:24px;min-height:59px;padding:16px 27px;border-radius:13px;font-size:17px;font-weight:800;cursor:pointer;transform:translateY(0);transition:transform .15s,box-shadow .15s,filter .15s;text-decoration:none}.goldButton{background:linear-gradient(180deg,#ffdfa0,#e7b754);border:1px solid #ffe9b2;border-bottom:5px solid #a4772d;color:#263432;box-shadow:0 5px 0 #00343d80,0 8px 24px #001b2570,inset 0 1px 0 #fff8}.goldButton:hover{background:linear-gradient(180deg,#ffe9b9,#f2c66e);transform:translateY(-2px);box-shadow:0 7px 0 #00343d80,0 14px 28px #001b2560}.goldButton:active{transform:translateY(3px);box-shadow:0 1px 0 #00343d80}.glassButton{background:linear-gradient(180deg,#0e4652aa,#09353fa8);color:#d6eeec;border:1px solid #9bc6c56e;border-bottom:4px solid #082d36;box-shadow:0 4px 0 #002a3299,inset 0 1px 0 #c2eded26;backdrop-filter:blur(12px)}.glassButton:hover{background:#15515cce;transform:translateY(-2px)}.homeQuickMenu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:620px}.homeQuickMenu>button{display:flex;align-items:center;gap:9px;padding:13px 10px;min-height:68px;background:linear-gradient(155deg,#164b56ab,#062e3bcc);border:1px solid #d1e7e53b;border-bottom:3px solid #052631;border-radius:11px;box-shadow:0 5px 15px #001c2540,inset 0 1px 0 #fff1;backdrop-filter:blur(14px);text-align:left;transition:transform .18s,background .18s}.homeQuickMenu>button:hover{transform:translateY(-4px);background:#205a65d9}.menuIcon{font-size:23px;color:#e9cd86;flex:none;text-shadow:0 2px 3px #001c25}.homeQuickMenu b{display:block;font-size:11px;color:#e4f5f0}.homeQuickMenu small{display:block;color:#9ebcbd;font-size:8px;margin-top:5px;line-height:1.6}.menuArrow{margin-left:auto;color:#9bbfc0;font-size:18px}.homeClassLabel{font-size:10px;color:#a2c4c6;margin-top:17px;line-height:1.8}.homeAudioDock{position:absolute;bottom:85px;right:clamp(25px,5.8vw,116px);display:flex;align-items:center;gap:17px;padding:12px 17px;background:#123a45e0;border:1px solid #b5d9cf52;border-radius:14px;backdrop-filter:blur(16px);box-shadow:0 8px 30px #0026303b}.homeAudioDock button{border:0;padding:5px 0;color:#edce88;font-size:11px;font-weight:700;box-shadow:none!important;background:transparent!important}.homeAudioDock label{display:flex;align-items:center;gap:10px;margin:0;letter-spacing:0;font-size:9px;color:#d5e5df;font-weight:500}.homeAudioDock input[type=range]{width:94px;padding:0;margin:0;accent-color:#f1c677;background:none;box-shadow:none;border:0}.homeFooter{position:absolute;left:clamp(25px,5.8vw,116px);right:clamp(25px,5.8vw,116px);bottom:16px;display:flex;justify-content:space-between;border-top:1px solid #c2dedb24;padding:17px 0 0;color:#91b5b9;font-size:9px}.homeSparks{position:absolute;inset:0;z-index:-1;pointer-events:none}.homeSparks i{position:absolute;width:3px;height:3px;border-radius:100%;background:#ffeab0;box-shadow:0 0 10px #ffdd8d;animation:sparkDrift 9s ease-in-out infinite}.homeSparks i:nth-child(1){left:8%;top:70%;animation-delay:-2s}.homeSparks i:nth-child(2){left:38%;top:20%;animation-delay:-6s}.homeSparks i:nth-child(3){left:28%;top:84%;animation-delay:-4s}.homeSparks i:nth-child(4){left:48%;top:60%;animation-delay:-8s}.homeSparks i:nth-child(5){left:18%;top:36%;animation-delay:-1s}.homeSparks i:nth-child(6){left:64%;top:75%;animation-delay:-5s}.homeSparks i:nth-child(7){left:80%;top:45%;animation-delay:-3s}.shellDialog{position:fixed;inset:0;z-index:1600;background:#001c29db;backdrop-filter:blur(12px);padding:24px;display:flex;align-items:center;justify-content:center}.shellCard{width:min(760px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;border-radius:22px;border:1px solid #add4cc50;background:linear-gradient(145deg,#163b4a,#102639);padding:31px;color:#e6f2ef;box-shadow:0 25px 90px #00101c88}.shellDialogTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.closeShell{font-size:17px;width:36px;height:36px;display:grid;place-items:center;padding:0;background:#ffffff09;border:1px solid #c8e6e12b;border-bottom:3px solid #061d2b;border-radius:10px}.shellCard>h2{font-size:36px;line-height:1.2;color:#f3d795;margin:17px 0 12px;letter-spacing:-1px}.shellLead{font-size:12px;color:#abc6cc;line-height:1.8;margin:0 0 23px}.guideSteps{display:grid;grid-template-columns:1fr 1fr;gap:13px}.guideSteps article{display:flex;align-items:flex-start;gap:12px;padding:17px 14px;background:#06233480;border:1px solid #c5e1d91b;border-radius:13px}.stepNumber{color:#edcb80;background:linear-gradient(145deg,#496763,#1b3a48);border:1px solid #ecd39a4a;border-bottom:3px solid #0c2332;min-width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:13px}.guideSteps h3{font-size:13px;color:#e4f2e9;margin:3px 0 8px}.guideSteps p{font-size:11px;line-height:1.9;color:#adc7cd;margin:0}.guideSteps p b{color:#e2e9ca;font-weight:600}.guideKeys{display:flex;flex-wrap:wrap;gap:12px;font-size:9px;line-height:1.8;color:#a1bfc4;margin:20px 0}.guideKeys kbd{font-family:inherit;border:1px solid #91b7c143;border-bottom:3px solid #082437;background:#254b5a;padding:3px 6px;border-radius:5px;color:#d4e8e7;margin-right:3px}.shellCard>.goldButton{margin-top:22px;width:100%;font-size:14px;min-height:53px}.settingsCard{max-width:580px}.preferenceRow{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #a7cbc02b;border-bottom:1px solid #a7cbc02b}.preferenceRow b{font-size:13px}.preferenceRow small{display:block;font-size:10px;color:#96b9c0;margin-top:6px}.switch{position:relative;display:block;width:48px;height:27px;margin:0;flex:none}.switch input{position:absolute;opacity:0;inset:0;width:48px!important;height:27px;margin:0!important;z-index:2;cursor:pointer}.switch span{position:absolute;inset:0;background:#355361;border-radius:30px;border:1px solid #7da6af55;transition:background .2s}.switch span:after{content:'';position:absolute;width:19px;height:19px;top:3px;left:4px;background:#bacbd0;border-radius:50%;box-shadow:0 2px 4px #00182655;transition:transform .2s,background .2s}.switch input:checked+span{background:#b8d77d}.switch input:checked+span:after{transform:translateX(20px);background:#f7f4da}.preferenceField{font-size:11px;letter-spacing:0;font-weight:600;color:#c8dddb;line-height:1.8;margin-top:22px}.preferenceField>span{float:right;color:#efd085}.preferenceField select{background:#092636;border-color:#8ab9bf3d;font-size:12px;padding:12px}.preferenceField input[type=range]{padding:0;margin-top:13px;accent-color:#edca7b;background:transparent;box-shadow:none;border:0}.preferenceGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.preferenceTip{font-size:10px;line-height:1.8;color:#96b6bd;background:#03253673;padding:12px;border-radius:8px;margin:20px 0 0}.navMenu{font-weight:650;font-size:11px}.brand strong{letter-spacing:1px}body:not(.at-home) button:not(.dot):not(.closeShell){transition:transform .12s,filter .15s,box-shadow .15s}body:not(.at-home) header button,body:not(.at-home) aside button,body:not(.at-home) .trackTools button{border-bottom-width:3px;box-shadow:0 3px 0 #02091666,inset 0 1px 0 #ffffff0a}body:not(.at-home) header button:hover,body:not(.at-home) aside button:hover,body:not(.at-home) .trackTools button:hover{transform:translateY(-1px)}body:not(.at-home) header button:active,body:not(.at-home) aside button:active,body:not(.at-home) .trackTools button:active{transform:translateY(2px);box-shadow:0 0 0 #0000}.primary{background:linear-gradient(180deg,#c3f588,#9bd851);border-bottom:4px solid #548a28;box-shadow:0 4px 0 #080f1e44}.primary:active{transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f1cc7c;outline-offset:4px}@keyframes posterDrift{from{transform:scale(1)}to{transform:scale(1.035)}}@keyframes sparkDrift{0%,100%{transform:translate(0,0);opacity:.15}50%{transform:translate(9px,-28px);opacity:.9}}@media(min-width:1700px){.homeCopy{max-width:700px}.homeDescription{font-size:18px;max-width:590px}.homeQuickMenu{max-width:680px}.homeQuickMenu b{font-size:12px}.homeQuickMenu small{font-size:9px}.homeCopy h1{font-size:140px}}@media(max-width:1350px){header{height:auto;min-height:92px;padding:17px 22px;gap:18px}header nav{gap:7px;flex-wrap:wrap;justify-content:flex-end}header nav .pill{display:none}.homeCopy{max-width:560px}.homePoster{object-position:60% center}.homeShade{background:linear-gradient(90deg,#002b34ed,#002f37c4 35%,#003b4030 72%),linear-gradient(0deg,#002d35b3,transparent 40%)}.homeQuickMenu>button{padding:11px 8px;gap:7px}.homeQuickMenu small{font-size:8px}.homeAudioDock{bottom:78px;padding:10px 13px}.homeCopy{margin-bottom:125px}.homeActions{margin:24px 0 20px}}@media(max-height:850px) and (min-width:901px){#homeScreen{padding-top:25px}.homeCopy{margin-top:34px;margin-bottom:105px}.homeCopy h1{font-size:clamp(72px,6.6vw,112px)}.homeCopy>.homeEyebrow{margin-bottom:18px}.homeSubtitle{margin:20px 0 12px}.homeDescription{font-size:14px;line-height:1.8;max-width:490px}.homeBadges{margin:17px 0;gap:6px}.homeActions{margin:19px 0}.homeQuickMenu>button{min-height:59px}.homeClassLabel{margin-top:12px}.homeAudioDock{bottom:72px}.homeFooter{bottom:15px}}@media(max-width:900px){#homeScreen{padding:25px 28px 130px;min-height:100svh}.homeCopy{margin:55px 0 70px;max-width:550px}.homeCopy h1{font-size:95px}.homeDescription{font-size:15px}.homePoster{object-position:65% center}.homeShade{background:linear-gradient(90deg,#002b34ed 0%,#002f37cc 55%,#003b4055 100%),linear-gradient(0deg,#002d35e0,transparent 65%)}.homeAudioDock{left:28px;right:auto;bottom:72px}.homeFooter{left:28px;right:28px;bottom:20px;font-size:8px}.homeCategory{font-size:8px;padding:10px 12px}.homeBrand{font-size:17px}.homeQuickMenu{gap:8px}.homeCategory{max-width:190px;text-align:center}.homeFooter>span:last-child{display:none}}@media(max-width:600px){#homeScreen{padding:22px 20px 145px}.homeTop{gap:10px}.homeBrand{font-size:15px;letter-spacing:2px;gap:7px}.homeBrand span{font-size:20px}.homeCategory{max-width:150px;font-size:7px;line-height:1.6;padding:7px 9px}.homeCopy{margin-top:43px;margin-bottom:50px}.homeCopy>.homeEyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}.homeCopy h1{font-size:78px;letter-spacing:-3px}.homeSubtitle{font-size:9px;letter-spacing:1.9px;line-height:1.8;margin-top:23px}.homeDescription{font-size:13px;max-width:370px}.homeBadges{gap:6px;margin:20px 0}.homeBadges span{font-size:8px;padding:7px 9px}.homeActions{gap:10px}.gameButton{font-size:14px;min-height:53px;padding:14px 20px;gap:18px}.homeActions>.goldButton{flex:1}.homeActions>.glassButton{flex:1}.homeQuickMenu{grid-template-columns:1fr;gap:8px;max-width:420px}.homeQuickMenu>button{padding:12px 15px;min-height:56px}.homeQuickMenu b{font-size:12px}.homeQuickMenu small{font-size:9px}.menuIcon{font-size:23px;min-width:27px}.homeClassLabel{font-size:9px}.homeAudioDock{left:20px;right:20px;bottom:70px;gap:10px;justify-content:space-between;padding:10px 12px}.homeAudioDock button{font-size:9px}.homeAudioDock label{font-size:8px;gap:6px}.homeAudioDock input[type=range]{width:68px}.homeFooter{left:20px;right:20px;font-size:8px}.shellDialog{padding:14px}.shellCard{padding:23px 18px;max-height:calc(100dvh - 28px)}.shellCard>h2{font-size:29px}.guideSteps{grid-template-columns:1fr;gap:10px}.guideSteps article{padding:14px 12px}.guideKeys{font-size:8px;gap:9px}.preferenceGrid{grid-template-columns:1fr;gap:0}header{padding:14px;flex-wrap:wrap}.brand strong{font-size:19px}header nav{gap:6px;width:100%;justify-content:flex-start}.navMenu{font-size:10px;padding:8px}.homePoster{object-position:68% center}}@media(prefers-reduced-motion:reduce){.homePoster,.homeSparks i{animation:none}.gameButton,.homeQuickMenu>button,button{transition:none!important}.gameButton:hover,.homeQuickMenu>button:hover{transform:none}}
@media(max-height:850px) and (min-width:901px){#homeScreen{padding-top:22px;padding-bottom:22px}.homeTop{min-height:30px}.homeCategory{padding:9px 14px}.homeCopy{margin-top:25px;margin-bottom:75px}.homeCopy>.homeEyebrow{font-size:9px;margin-bottom:12px}.homeCopy h1{font-size:clamp(64px,5.5vw,90px);line-height:1.02}.homeSubtitle{font-size:9px;margin:16px 0 10px}.homeDescription{font-size:12px;line-height:1.75;max-width:500px}.homeBadges{margin:12px 0;gap:6px}.homeBadges span{padding:5px 9px;font-size:9px}.homeActions{margin:14px 0}.homeActions .gameButton{min-height:49px;padding:11px 24px;font-size:15px}.homeQuickMenu>button{min-height:53px;padding:9px}.homeQuickMenu b{font-size:10px}.homeQuickMenu small{font-size:8px;margin-top:4px}.homeClassLabel{font-size:9px;margin:10px 0 0;line-height:1.7}.homeAudioDock{bottom:64px}.homeFooter{padding-top:13px;bottom:13px}}

/* Keep the chosen Pinball title on one line at every screen size. */
.homeCopy h1 span{font-size:.82em;letter-spacing:-.035em;white-space:nowrap}