:root {
  --navy-950:#080d28; --navy-900:#0f1640; --navy-850:#151e4d; --navy-800:#1c285b;
  --ink:#f7f8ff; --muted:#9aa6cf; --teal:#12a2b0; --teal-light:#42d8db;
  --orange:#f28c1e; --gold:#ffd23f; --lime:#a3d33d; --magenta:#e4467b; --gray:#77809f;
  --line:rgba(255,255,255,.13); --panel:rgba(15,22,64,.78); --radius:12px;
  font-family:Pretendard,"Pretendard Variable","Noto Sans KR","Apple SD Gothic Neo",Inter,system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--navy-950);color:var(--ink)}
body{font-weight:600} button,input{font:inherit} button,a{color:inherit} a{text-decoration:none}
button{border:0;cursor:pointer}.hidden{display:none!important}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:900;color:var(--teal-light)}
.brand,.mini-brand{font-weight:950;letter-spacing:-.06em}.brand-word{font-size:38px;line-height:.9}.brand-word span,.mini-brand span{color:var(--orange)}
.brand-kicker{display:block;font-size:9px;letter-spacing:.18em;color:var(--teal-light);margin-bottom:5px}
.mini-brand{font-size:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 22px;border-radius:10px;border:1px solid var(--line);font-weight:850;transition:.18s ease;background:rgba(255,255,255,.06)}
.button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35)}.button.primary{background:var(--orange);color:#181024;border-color:transparent;box-shadow:0 12px 30px rgba(242,140,30,.23)}.button.ghost{background:rgba(15,22,64,.55)}

/* Launcher */
.hub-page{min-height:100vh;background:#080d28 url('/assets/jobara-v2-stadium.png') center top/cover fixed no-repeat}
.hub-page:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(8,13,40,.98) 0%,rgba(8,13,40,.87) 45%,rgba(8,13,40,.58) 100%),linear-gradient(0deg,#080d28 0%,transparent 55%);pointer-events:none}
.hub-shell{position:relative;z-index:1;max-width:1440px;margin:auto;padding:28px 48px 40px}
.hub-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}
.server-chip{height:40px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:0 14px;background:rgba(8,13,40,.7);font-size:12px;color:var(--muted)}
.server-chip i,.venue-label i,.live-pill i,.operator-status i,.screen-connection i,.phone-status i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px rgba(163,211,61,.8)}.server-chip b{color:var(--ink);font-variant-numeric:tabular-nums}
.hub-hero{min-height:520px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:30px;padding:70px 10px 40px}
.hero-copy{max-width:780px}.hero-copy h1{font-size:clamp(54px,5.3vw,92px);line-height:.98;letter-spacing:-.065em;margin:18px 0 24px;font-weight:950;word-break:keep-all}.hero-copy h1 em{font-style:normal;color:var(--orange);position:relative}.hero-copy h1 em:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:7px;background:var(--teal);z-index:-1;transform:skewX(-18deg)}
.hero-copy p{max-width:610px;color:#bdc6e7;font-size:18px;line-height:1.7;font-weight:600}.hero-actions{display:flex;gap:12px;margin-top:34px}
.hero-copy .lan-join{margin-top:16px;font:700 12px/1.5 ui-monospace,monospace;color:#8f9abf}.lan-join strong{color:var(--teal-light);user-select:all}
.hero-orbit{position:relative;width:340px;height:340px;justify-self:center}.orbit-ring{position:absolute;border:1px solid rgba(66,216,219,.3);border-radius:50%;inset:31px;animation:orbitSpin 18s linear infinite}.orbit-ring.r2{inset:73px;border-style:dashed;animation-direction:reverse;animation-duration:12s}.orbit-core{position:absolute;inset:108px;border-radius:50%;background:var(--orange);color:#121630;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 9px rgba(15,22,64,.8),0 0 0 13px var(--teal),0 22px 60px rgba(0,0,0,.4)}.orbit-core b{font-size:58px;line-height:.85;letter-spacing:-.06em}.orbit-core span{font-size:9px;letter-spacing:.18em;margin-top:8px}.orbit-node{position:absolute;display:flex;align-items:center;gap:8px;background:#17214e;border:2px solid var(--teal);box-shadow:5px 5px 0 #080d28;padding:9px 13px;border-radius:9px;font-size:11px}.orbit-node span{font-size:20px;color:var(--gold)}.n1{top:10px;left:124px}.n2{right:-4px;top:145px}.n3{bottom:18px;left:116px}.n4{left:-8px;top:145px}@keyframes orbitSpin{to{transform:rotate(360deg)}}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.role-card{position:relative;min-height:174px;padding:24px;border:1px solid var(--line);background:rgba(15,22,64,.84);backdrop-filter:blur(14px);border-radius:var(--radius);display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;overflow:hidden;transition:.2s ease}.role-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:var(--teal);transform:scaleX(.22);transform-origin:left;transition:.22s ease}.role-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.3);background:rgba(21,30,77,.96)}.role-card:hover:after{transform:scaleX(1)}.phone-card:after{background:var(--orange)}.console-card:after{background:var(--gold)}
.role-no{position:absolute;right:14px;top:10px;color:rgba(255,255,255,.12);font-size:42px;font-weight:950}.role-icon{width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--teal);border-radius:12px;color:var(--teal-light);font-size:28px;background:rgba(18,162,176,.08)}.phone-card .role-icon{border-color:var(--orange);color:var(--orange)}.console-card .role-icon{border-color:var(--gold);color:var(--gold)}
.role-card small{font-size:9px;letter-spacing:.15em;color:var(--muted)}.role-card h2{font-size:23px;margin:4px 0 8px;letter-spacing:-.03em}.role-card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0;max-width:250px}.role-arrow{font-size:21px;align-self:end;color:var(--muted)}
.run-sheet{margin-top:88px;padding:34px 0 50px;border-top:1px solid var(--line)}.section-title{display:flex;align-items:baseline;gap:20px;margin-bottom:24px}.section-title>span{font-size:10px;color:var(--orange);letter-spacing:.2em}.section-title h2{font-size:30px;letter-spacing:-.04em;margin:0}.section-title p{color:var(--muted);margin-left:auto;font-size:13px}.run-sheet ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0;gap:2px}.run-sheet li{position:relative;min-height:126px;padding:18px;background:rgba(15,22,64,.82);border-top:4px solid var(--orange)}.run-sheet li[data-tone=gold]{border-color:var(--gold)}.run-sheet li[data-tone=teal]{border-color:var(--teal)}.run-sheet li[data-tone=lime]{border-color:var(--lime)}.run-sheet li[data-tone=violet]{border-color:#8b6ee8}.run-sheet time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.game-index{position:absolute;right:13px;top:7px;font-size:40px;font-weight:950;color:rgba(255,255,255,.08)}.run-sheet li div{position:absolute;left:18px;bottom:17px}.run-sheet b{display:block;font-size:16px;margin-bottom:4px}.run-sheet small{color:var(--muted)}.hub-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.hub-footer strong{color:var(--teal-light)}.hub-footer a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* Screen */
.screen-page{width:100vw;height:100vh;overflow:hidden;background:#020512;display:grid;place-items:center}.screen-viewport{position:relative;width:100vw;height:100vh;display:grid;place-items:center}.screen-viewport canvas{display:block;max-width:100vw;max-height:100vh;width:auto;height:auto;aspect-ratio:16/9;background:#0f1640;box-shadow:0 0 80px #000}
.screen-connection{position:fixed;top:14px;right:390px;display:flex;align-items:center;gap:8px;background:rgba(8,13,40,.84);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:11px;z-index:5;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .18s ease}.screen-connection.offline{opacity:1}.screen-connection.offline i{background:var(--gray);box-shadow:none}.screen-tools{position:fixed;right:14px;top:14px;z-index:5;display:flex;gap:6px}.screen-tools button{background:rgba(8,13,40,.84);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:11px;backdrop-filter:blur(8px)}.reconnect-card{position:absolute;z-index:4;background:rgba(8,13,40,.94);border:2px solid var(--teal);box-shadow:9px 9px 0 rgba(0,0,0,.4);width:min(520px,80vw);padding:30px;text-align:center;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:9px}.reconnect-card.hidden{display:none}.reconnect-card b{font-size:24px}.reconnect-card small{color:var(--muted);line-height:1.5}.loader-lights{display:flex;gap:8px;margin-bottom:7px}.loader-lights i{width:14px;height:14px;border-radius:3px;background:var(--gray);animation:light 1.2s infinite}.loader-lights i:nth-child(2){animation-delay:.18s}.loader-lights i:nth-child(3){animation-delay:.36s}@keyframes light{40%{background:var(--orange);box-shadow:0 0 18px var(--orange)}}

/* Phone */
.phone-page{min-height:100dvh;background:radial-gradient(circle at 50% -20%,#24357a,#0f1640 45%,#080d28 100%);overscroll-behavior:none}.phone-shell{position:relative;width:min(100%,460px);min-height:100dvh;margin:auto;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 25%);padding:calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + 18px);overflow:hidden}.phone-top{height:44px;display:flex;align-items:center;justify-content:space-between}.phone-status{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-left:auto;margin-right:10px}.phone-status i{width:6px;height:6px;background:var(--gray);box-shadow:none}.phone-status.online i{background:var(--lime);box-shadow:0 0 10px rgba(163,211,61,.6)}.icon-button{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-weight:900}.onboarding{padding:30px 2px 0}.onboard-progress{display:flex;align-items:center;gap:6px;margin-bottom:24px}.onboard-progress i{height:4px;flex:1;border-radius:99px;background:rgba(255,255,255,.12)}.onboard-progress i.active{background:var(--orange)}.onboard-progress span{font-size:10px;color:var(--muted);margin-left:7px}.onboard-step{display:none;animation:stepIn .28s ease}.onboard-step.active{display:block}@keyframes stepIn{from{opacity:0;transform:translateX(12px)}}.onboard-step h1{font-size:38px;line-height:1.05;letter-spacing:-.055em;margin:12px 0 16px}.onboard-step h1 em{color:var(--orange);font-style:normal}.lead{font-size:15px;line-height:1.65;color:#bec7e5;margin:0 0 22px}.consent-box{display:grid;gap:9px}.consent-box label{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:10px;padding:12px}.consent-box input{appearance:none;width:21px;height:21px;border:2px solid #6976a1;border-radius:5px;flex:0 0 auto;margin:0}.consent-box input:checked{background:var(--teal);border-color:var(--teal);box-shadow:inset 0 0 0 4px var(--navy-900)}.consent-box span{font-size:12px;line-height:1.45;color:#c4cae1}.consent-box b{color:var(--orange);margin-right:5px}.consent-box b.optional{color:var(--teal-light)}.privacy-note{font-size:10px;color:var(--muted);line-height:1.5;margin:12px 4px}.phone-cta,.file-cta{width:100%;height:58px;border-radius:11px;background:var(--orange);color:#141730;font-weight:900;display:flex;align-items:center;justify-content:center;margin-top:18px;box-shadow:0 10px 24px rgba(242,140,30,.2)}.phone-cta:active,.file-cta:active{transform:scale(.985)}.text-button{width:100%;background:transparent;padding:13px;color:#b5bfdf;font-size:12px}.field-label{font-size:11px;color:var(--muted);display:block;margin:26px 0 7px}.nickname-row{display:grid;grid-template-columns:1fr 50px;gap:8px}.nickname-row input{height:54px;background:rgba(255,255,255,.07);border:2px solid rgba(255,255,255,.13);border-radius:10px;color:white;padding:0 15px;font-size:18px;font-weight:850;outline:0}.nickname-row input:focus{border-color:var(--teal)}.nickname-row button{background:rgba(18,162,176,.16);color:var(--teal-light);border:1px solid rgba(18,162,176,.4);border-radius:10px;font-size:21px}.preset-head{display:flex;justify-content:space-between;margin:22px 0 10px;font-size:12px}.preset-head small{color:var(--muted)}.preset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.preset-option{aspect-ratio:1;border-radius:50%;position:relative;padding:3px;background:rgba(255,255,255,.07);border:2px solid transparent}.preset-option.selected{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,210,63,.14)}.preset-face{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-size:20px;border:3px solid white;color:#101433;text-shadow:none}.face-preview{width:200px;height:200px;border-radius:50%;margin:28px auto 14px;background:#2a356c;display:grid;place-items:center;border:9px solid white;outline:5px solid var(--navy-950);position:relative;overflow:hidden}.face-preview span{font-size:88px}.face-preview i{position:absolute;inset:14px;border:2px dashed rgba(255,255,255,.6);border-radius:48% 48% 45% 45%}.face-preview img{width:100%;height:100%;object-fit:cover}.face-help{text-align:center;color:var(--muted);font-size:12px;line-height:1.55;padding:0 16px}.file-cta{background:var(--teal);box-shadow:0 10px 24px rgba(18,162,176,.18)}.file-cta input{display:none}
.controller{padding-top:22px;min-height:calc(100dvh - 58px);display:flex;flex-direction:column}.controller-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.controller-head span{font-size:10px;letter-spacing:.12em;color:var(--teal-light)}.controller-head h1{font-size:24px;line-height:1.12;letter-spacing:-.04em;margin:5px 0 0}.team-badge{flex:0 0 auto!important;min-width:64px;height:38px;display:grid;place-items:center;border:2px solid var(--teal);border-radius:9px;background:rgba(18,162,176,.13);font-size:13px!important;color:white!important;letter-spacing:0!important}.one-line{height:44px;margin:16px 0 8px;border-radius:8px;background:rgba(255,255,255,.05);display:flex;align-items:center;padding:0 12px;color:#cbd2e8;font-size:12px}.control-stage{flex:1;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:16px}.input-ack{height:30px;text-align:center;font-size:11px;color:var(--muted)}
.control-stage.offline-locked{pointer-events:none;filter:saturate(.35);opacity:.58}
.a11y-sheet{position:fixed;z-index:30;left:50%;bottom:0;width:min(100%,460px);padding:26px 22px calc(env(safe-area-inset-bottom) + 25px);background:#18214d;border:1px solid var(--line);border-radius:18px 18px 0 0;transform:translate(-50%,110%);transition:.25s ease;box-shadow:0 -25px 60px rgba(0,0,0,.42)}.a11y-sheet.open{transform:translate(-50%,0)}.a11y-sheet h2{margin:0 0 18px}.sheet-close{position:absolute;right:16px;top:16px;width:36px;height:36px;background:rgba(255,255,255,.07);border-radius:50%;font-size:23px}.a11y-sheet label,.switch-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:15px 0}.a11y-sheet input,.switch-row input{appearance:none;width:44px;height:24px;border-radius:99px;background:#566080;position:relative}.a11y-sheet input:after,.switch-row input:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s}.a11y-sheet input:checked,.switch-row input:checked{background:var(--teal)}.a11y-sheet input:checked:after,.switch-row input:checked:after{left:23px}.phone-page.large-text{font-size:1.15em}.phone-page.reduce-motion *{animation:none!important;transition:none!important}

/* Dynamic phone controls */
.lobby-card{display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:center;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:12px;padding:18px;margin:auto 0}.lobby-avatar{width:86px;height:112px;position:relative}.lobby-avatar .head{position:absolute;top:0;left:12px;width:62px;height:62px;border:5px solid white;outline:3px solid var(--navy-950);border-radius:50%;display:grid;place-items:center;color:#141733;font-size:28px}.lobby-avatar .body{position:absolute;width:70px;height:58px;border-radius:34px 34px 15px 15px;background:var(--teal);left:8px;bottom:0;border:4px solid var(--navy-950)}.lobby-card h3{font-size:22px;margin:0 0 5px}.lobby-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.screen-look{height:210px;border:2px dashed rgba(255,255,255,.2);border-radius:16px;display:grid;place-items:center;text-align:center;color:var(--muted);margin:20px 0}.screen-look b{display:block;font-size:52px;color:var(--gold);margin-bottom:5px}.quiz-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-choice{min-height:105px;border-radius:12px;border:3px solid var(--choice);background:color-mix(in srgb,var(--choice) 15%,var(--navy-900));color:white;text-align:left;padding:14px;position:relative}.quiz-choice strong{display:block;font-size:22px;margin-bottom:5px}.quiz-choice span{font-size:13px}.quiz-choice.locked{box-shadow:inset 0 0 0 4px white;transform:scale(.98)}.quiz-choice:disabled{opacity:.38}.undo-bar{height:5px;background:rgba(255,255,255,.16);border-radius:99px;overflow:hidden;margin-top:8px}.undo-bar i{display:block;height:100%;background:white;animation:undo 1.5s linear forwards}@keyframes undo{to{width:0}}.sling-control{height:430px;position:relative;border-radius:16px;background:radial-gradient(circle at 50% 70%,rgba(18,162,176,.16),transparent 48%);touch-action:none;overflow:hidden}.sling-anchor{position:absolute;width:92px;height:92px;border:8px solid var(--orange);outline:4px solid var(--navy-950);background:white;color:#171a3a;border-radius:50%;display:grid;place-items:center;font-size:36px;left:calc(50% - 46px);bottom:58px;z-index:2;transition:transform .05s linear}.sling-anchor:before,.sling-anchor:after{content:"";position:absolute;width:130px;height:5px;background:var(--gold);top:43px;z-index:-1;transform-origin:right}.sling-anchor:before{right:43px;transform:rotate(28deg)}.sling-anchor:after{left:43px;transform:rotate(-28deg);transform-origin:left}.sling-hint{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:11px;color:var(--muted)}.wind-chip{position:absolute;top:12px;left:12px;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:12px}.power-meter{position:absolute;top:12px;right:12px;width:18px;height:150px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;display:flex;align-items:flex-end}.power-meter i{display:block;width:100%;background:linear-gradient(0deg,var(--teal),var(--gold));height:0}.skill-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.skill-button{aspect-ratio:1;border-radius:50%;border:4px solid var(--teal);background:#1b285b;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 0 #070b25}.skill-button strong{font-size:14px}.skill-button small{font-size:9px;color:var(--teal-light);margin-top:4px}.skill-button.used{filter:grayscale(1);opacity:.4;transform:translateY(6px);box-shadow:0 2px 0 #070b25}.pin-locator{height:210px;position:relative;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(18,162,176,.12),rgba(255,255,255,.02));overflow:hidden}.pin-locator .ball{position:absolute;width:52px;height:52px;border:5px solid var(--teal);background:white;color:#181b3a;border-radius:50%;display:grid;place-items:center;left:calc(50% - 26px);transition:top .25s}.pin-locator .zone-labels{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around;padding-left:12px;font-size:9px;color:var(--muted)}.hold-control{flex:1;min-height:430px;border-radius:18px;border:4px solid var(--teal);background:linear-gradient(180deg,#1e2b61,#121a42);display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;user-select:none;box-shadow:inset 0 -14px 0 rgba(0,0,0,.22)}.hold-control strong{font-size:52px;letter-spacing:-.05em}.hold-control span{font-size:14px;color:var(--teal-light)}.hold-control.held{background:var(--teal);color:#0f1640;transform:translateY(7px);box-shadow:inset 0 -5px 0 rgba(0,0,0,.2)}.hold-control.stop{border-color:var(--gray);filter:saturate(.4)}.race-pad{min-height:310px;border-radius:50% 50% 18px 18px;border:4px solid var(--orange);background:radial-gradient(circle,var(--orange),#b15d14 70%);color:#111630;display:flex;align-items:center;justify-content:center;flex-direction:column;touch-action:none;user-select:none;box-shadow:0 12px 0 #070b25}.race-pad strong{font-size:58px;letter-spacing:-.06em}.race-pad small{font-size:12px}.race-pad.pulse{transform:translateY(8px);box-shadow:0 4px 0 #070b25}.cadence-meter{height:14px;border-radius:99px;background:rgba(255,255,255,.12);display:flex;margin-bottom:18px;overflow:hidden}.cadence-meter i{width:0;background:var(--teal);transition:width .2s}.race-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.race-actions button{height:68px;border-radius:10px;background:#1b285b;border:2px solid var(--line);font-weight:900}.race-actions button.ready{border-color:var(--gold);color:var(--gold)}

.quiz-leadin{min-height:28px;margin:3px 0 10px;text-align:center;color:var(--teal-light);font-size:11px;font-weight:800}
.stake-picker,.loadout-picker{padding:13px;margin-bottom:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.045)}
.stake-picker>b,.loadout-picker>b{display:block;margin-bottom:9px;font-size:13px}
.stake-picker>div,.loadout-picker>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.loadout-picker>div{grid-template-columns:repeat(3,1fr)}
.stake-picker button,.loadout-picker button{min-height:44px;border:2px solid var(--line);border-radius:9px;background:#1b285b;color:white;font-weight:900}
.stake-picker button.selected,.loadout-picker button.selected{border-color:var(--gold);background:rgba(255,210,63,.18);color:var(--gold)}
.stake-picker small,.loadout-picker small{display:block;margin-top:8px;color:var(--muted);font-size:9px}
.baton-button{width:100%;height:64px;margin-top:14px;border:3px solid var(--line);border-radius:12px;background:#202b5d;color:var(--muted);font-size:17px;font-weight:950}
.baton-button.armed{border-color:var(--gold);background:var(--gold);color:#111630;animation:batonPulse .55s infinite alternate;box-shadow:0 0 28px rgba(255,210,63,.35)}
@keyframes batonPulse{to{transform:scale(.975)}}
.race-actions button:disabled,.baton-button:disabled{opacity:.42}

/* Console */
.console-auth-gate{position:fixed;inset:0;z-index:100;background:rgba(5,9,29,.92);backdrop-filter:blur(14px);display:grid;place-items:center;padding:24px}.console-auth-gate[hidden]{display:none}.console-auth-gate>div{width:min(460px,100%);padding:36px;border:1px solid rgba(66,216,219,.4);border-radius:18px;background:#111944;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.5)}.console-auth-gate span{font-size:10px;letter-spacing:.16em;color:var(--teal-light)}.console-auth-gate h2{font-size:28px;margin:12px 0 8px}.console-auth-gate p{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 22px}
.console-page{min-height:100vh;background:#0a0f2c;display:grid;grid-template-columns:230px 1fr}.console-nav{position:fixed;inset:0 auto 0 0;width:230px;background:#0f1640;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;z-index:4}.venue-label{margin:26px 0 32px;padding:12px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:10px 1fr;gap:2px 8px;align-items:center}.venue-label span{font-size:9px;letter-spacing:.12em;color:var(--muted)}.venue-label b{grid-column:2;font-size:18px}.console-nav nav{display:grid;gap:6px}.console-nav nav button{height:48px;border-radius:9px;background:transparent;display:flex;gap:11px;align-items:center;text-align:left;color:#aeb8d7;padding:0 13px}.console-nav nav button span{width:24px;height:24px;border:1px solid rgba(255,255,255,.18);border-radius:6px;display:grid;place-items:center}.console-nav nav button.active{background:#1c285b;color:white}.console-nav nav button.active span{background:var(--teal);color:#0f1640;border-color:var(--teal)}.count-dot{font-style:normal;margin-left:auto;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#121630;font-size:10px}.console-nav-foot{margin-top:auto;display:flex;gap:10px;font-size:11px;color:var(--muted)}.console-main{grid-column:2;padding:28px 34px 60px;min-width:0}.console-header{height:66px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.console-header h1{font-size:28px;margin:4px 0 0;letter-spacing:-.035em}.operator-status{display:flex;gap:18px;align-items:center}.operator-status>span{font:800 14px ui-monospace,monospace;color:var(--muted)}.operator-status b{font-size:11px;border:1px solid var(--line);padding:9px 12px;border-radius:99px;display:flex;align-items:center;gap:8px}.operator-status i{display:inline-block}.console-tab{display:none}.console-tab.active{display:block;animation:stepIn .18s}.now-playing{height:174px;border-radius:14px;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding:28px 35px;background:linear-gradient(110deg,rgba(18,162,176,.26),rgba(15,22,64,.9)),url('/assets/jobara-v2-stadium.png') center 63%/cover;border:1px solid rgba(66,216,219,.45);overflow:hidden}.now-playing:after{content:"";position:absolute;inset:0;border-left:7px solid var(--teal);pointer-events:none}.now-copy{z-index:1}.now-copy>span{font-size:10px;color:var(--teal-light);letter-spacing:.16em}.now-copy h2{font-size:34px;margin:6px 0;letter-spacing:-.05em}.now-copy p{font-size:12px;color:#c3cce5;margin:0}.big-timer{z-index:1;font:950 66px/1 ui-monospace,monospace;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.live-pill{position:absolute;right:18px;top:14px;background:rgba(8,13,40,.8);border:1px solid var(--line);border-radius:99px;padding:7px 10px;font-size:9px;display:flex;align-items:center;gap:6px}.live-pill i{display:inline-block}.console-grid.two-one{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}.console-card{background:#111944;border:1px solid var(--line);border-radius:12px;padding:19px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-title span{display:block;font-size:9px;letter-spacing:.16em;color:var(--teal-light)}.card-title h3{font-size:17px;margin:4px 0 0}.small-button{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.055);font-size:10px}.small-button.danger{color:var(--orange);border-color:rgba(242,140,30,.4)}.game-list{display:grid;gap:7px}.game-row{display:grid;grid-template-columns:44px 1fr 70px 36px;align-items:center;gap:11px;min-height:53px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px 9px;background:rgba(255,255,255,.025)}.game-row.active{border-color:var(--teal);background:rgba(18,162,176,.1)}.game-row .game-no{width:34px;height:34px;border-radius:7px;background:#202c61;display:grid;place-items:center;font-size:11px;color:var(--muted)}.game-row.active .game-no{background:var(--teal);color:#0f1640}.game-row b{display:block;font-size:13px}.game-row small{font-size:9px;color:var(--muted)}.game-row time{font:700 10px ui-monospace,monospace;color:var(--muted)}.game-row button{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.07)}.transport{display:grid;grid-template-columns:1fr 1fr;gap:9px}.transport button{height:100px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;font-weight:950}.transport button small{font-size:10px;margin-top:7px}.transport-main{background:var(--orange);color:#13162f}.transport-next{background:#202c61;color:white}.speed-control{display:block;margin:22px 0 15px}.speed-control span{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px}.speed-control b{color:var(--gold)}.speed-control input{width:100%;accent-color:var(--teal)}.switch-row span b,.switch-row span small{display:block}.switch-row span b{font-size:11px}.switch-row span small{font-size:9px;color:var(--muted);margin-top:3px}.danger-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.danger-row span{font-size:9px;color:var(--muted)}.metric-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.metric-mini{background:#111944;border:1px solid var(--line);border-radius:10px;padding:14px}.metric-mini span{display:block;font-size:9px;color:var(--muted);letter-spacing:.08em}.metric-mini b{display:block;font:850 23px ui-monospace,monospace;margin:6px 0 2px}.metric-mini small{font-size:9px;color:var(--lime)}
.review-header,.quiz-desk{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.review-header h2,.quiz-desk h2{font-size:31px;margin:7px 0}.review-header p,.quiz-desk p{color:var(--muted);font-size:12px}.review-header>div:last-child{display:flex;gap:9px}.face-review-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:9px}.review-face{aspect-ratio:.84;border:2px solid var(--line);border-radius:9px;background:#111944;padding:7px;position:relative}.review-face.pending{border-color:var(--gold)}.review-face.selected{box-shadow:0 0 0 3px rgba(255,210,63,.25)}.review-face img,.review-face .fake-face{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:3px solid white;background:#283465;display:grid;place-items:center}.review-face b{display:block;font-size:9px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-face small{font-size:8px;color:var(--muted)}.empty-state{grid-column:1/-1;height:320px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.16);border-radius:12px;color:var(--muted);font-size:12px}.quiz-policy{background:#111944;border:1px solid var(--line);padding:15px;border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center}.quiz-policy b{font-size:12px}.quiz-policy span{font-size:10px;color:var(--muted)}.quiz-policy button{grid-row:1/3;grid-column:2}.question-bank{display:grid;gap:8px}.question-row{display:grid;grid-template-columns:65px 1fr 100px 80px;gap:12px;align-items:center;background:#111944;border:1px solid var(--line);border-radius:9px;padding:13px}.question-row .qtype{font-size:9px;color:var(--teal-light);letter-spacing:.1em}.question-row b{font-size:12px}.question-row small{color:var(--muted);font-size:9px}.question-row .verified{color:var(--lime)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric-card{height:150px;background:#111944;border:1px solid var(--line);border-radius:11px;padding:17px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(180deg,transparent,rgba(18,162,176,.11));clip-path:polygon(0 80%,15% 45%,28% 65%,45% 15%,61% 43%,76% 20%,100% 55%,100% 100%,0 100%)}.metric-card span{font-size:9px;color:var(--muted);letter-spacing:.1em}.metric-card b{display:block;font:900 32px ui-monospace,monospace;margin-top:15px}.metric-card small{font-size:9px;color:var(--lime)}.healthy{color:var(--lime);font-size:9px}.event-log{height:280px;overflow:auto;font:500 10px/1.8 ui-monospace,monospace;color:#aeb8d8}.event-log p{margin:0;border-bottom:1px solid rgba(255,255,255,.04)}.event-log time{color:#687499;margin-right:11px}.event-log b{color:var(--teal-light);margin-right:8px}

@media(max-width:1000px){.hub-shell{padding:22px}.hub-hero{grid-template-columns:1fr}.hero-orbit{display:none}.role-grid{grid-template-columns:1fr}.run-sheet ol{grid-template-columns:1fr 1fr}.console-page{display:block}.console-nav{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:14px}.console-nav .venue-label,.console-nav-foot{display:none}.console-nav nav{display:flex;margin-left:auto}.console-nav nav button{font-size:0;width:45px;padding:0;justify-content:center}.console-main{padding:22px}.console-grid.two-one{grid-template-columns:1fr}.face-review-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:620px){.hub-shell{padding:18px}.hub-header .server-chip span{display:none}.hub-hero{min-height:430px;padding-top:50px}.hero-copy h1{font-size:49px}.hero-copy p{font-size:15px}.hero-actions{flex-direction:column}.run-sheet{margin-top:55px}.run-sheet ol{grid-template-columns:1fr}.section-title{display:block}.section-title p{margin-left:0}.hub-footer{display:block;line-height:1.6}.console-main{padding:15px}.big-timer{font-size:43px}.now-playing{padding:22px}.metric-strip,.metrics-grid{grid-template-columns:1fr 1fr}.face-review-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}