:root{color-scheme:dark;background:#10231d;font-family:Avenir Next,Trebuchet MS,sans-serif}html,body,#root{min-height:100%;margin:0}*{box-sizing:border-box}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid #ffd28c;outline-offset:3px}.mobile-controller{min-height:100svh;width:100%;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#10231d;color:#f9f3e7}.mobile-controller__frame{display:flex;width:min(100%,34rem);min-height:calc(100svh - 2rem);margin:0 auto;flex-direction:column;gap:1rem}.mobile-controller--controls{padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.mobile-controller--controls .mobile-controller__frame{width:100%;min-height:calc(100svh - 1.5rem)}.mobile-controller__topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .1rem}.mobile-controller__brand,.mobile-kicker{margin:0;color:#b7c9b0;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.mobile-controller__connection{display:inline-flex;align-items:center;gap:.4rem;color:#a7b5a1;font-size:.78rem;font-weight:700}.mobile-controller__connection.is-live{color:#d4e7c8}.mobile-controller__connection-dot,.ready-pill__dot{width:.45rem;height:.45rem;border-radius:50%;background:#a7b5a1}.mobile-controller__connection.is-live .mobile-controller__connection-dot,.ready-pill.is-ready .ready-pill__dot{background:#8ee0a1;box-shadow:0 0 0 .2rem #8ee0a124}.mobile-card,.controls-screen{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:1.8rem;background:#f7f0e2;color:#22352c;box-shadow:0 1rem 2.5rem #0003}.mobile-card{display:grid;gap:1rem;padding:clamp(1.25rem,5vw,2rem)}.mobile-card h1,.controls-screen h1{margin:0;color:#1b3026;font-size:clamp(2rem,9vw,3.1rem);line-height:.98;letter-spacing:-.04em}.mobile-card__identity{margin:-.55rem 0 0;color:#6a796a;font-size:.9rem;font-weight:800;letter-spacing:.02em}.mobile-card p,.controls-screen p{line-height:1.45}.mobile-card__intro{margin:0;color:#536456}.mobile-card--loading{min-height:22rem;align-content:center}.mobile-card--loading p:not(.mobile-kicker){margin:0;color:#536456}.mobile-card__icon{display:grid;width:3.25rem;height:3.25rem;place-items:center;border-radius:1.15rem;background:#d9ebd5;color:#2a6842;font-size:1.7rem}.mobile-step-number{color:#d28b4b;font-size:.75rem;font-weight:900;letter-spacing:.14em}.mobile-card__hint{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border-radius:1rem;background:#e5efdf;color:#31573d;font-size:.9rem;font-weight:800}.mobile-card__hint-mark{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:.65rem;background:#31573d;color:#e5efdf}.phone-grip{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:10.5rem;margin:.25rem 0;overflow:hidden}.phone-grip__device{position:relative;display:flex;width:11.25rem;height:6.5rem;align-items:center;justify-content:center;border:.35rem solid #263e32;border-radius:1.1rem;background:#719277;box-shadow:0 .8rem #c8d6bd;transform:rotate(-3deg)}.phone-grip__screen{width:7.3rem;height:3.5rem;border-radius:.5rem;background:linear-gradient(135deg,#b9d3ad,#4e7860)}.phone-grip__camera{position:absolute;top:.45rem;left:.7rem;width:.65rem;height:.65rem;border:.12rem solid #d8e9d2;border-radius:50%}.phone-grip__hand{display:flex;width:3.1rem;height:4.75rem;align-items:center;justify-content:center;border-radius:1.5rem 1.5rem .8rem .8rem;background:#d18f60;color:#fff1d6;font-size:.55rem;font-weight:900;letter-spacing:.08em;writing-mode:vertical-rl}.phone-grip__hand--left{border-radius:1.4rem .8rem .8rem 1.4rem}.phone-grip__hand--right{border-radius:.8rem 1.4rem 1.4rem .8rem;opacity:.72}.permission-prompt,.calibration-prompt{display:grid;gap:.8rem;padding:1rem;border-radius:1.15rem;background:#e8f0e3}.permission-prompt__copy,.calibration-prompt{grid-template-columns:auto minmax(0,1fr);align-items:start}.permission-prompt__copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem}.permission-prompt h2,.calibration-prompt h2{margin:0;color:#254532;font-size:1rem}.permission-prompt p,.calibration-prompt p{margin:.3rem 0 0;color:#536456;font-size:.86rem}.permission-prompt .mobile-button,.calibration-prompt .mobile-button{width:100%}.permission-prompt__icon,.calibration-prompt__icon{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:.75rem;background:#c8dfc4;color:#2d6642;font-size:1.35rem;font-weight:900}.calibration-prompt{grid-template-columns:auto minmax(0,1fr)}.calibration-prompt .mobile-button{grid-column:1 / -1}.calibration-prompt--waiting{opacity:.7}.mobile-button{min-height:3rem;border:0;border-radius:.9rem;padding:.75rem 1rem;cursor:pointer;font-size:.95rem;font-weight:850;transition:transform .12s ease,background .12s ease,opacity .12s ease}.mobile-button:active:not(:disabled){transform:translateY(1px)}.mobile-button:disabled{cursor:not-allowed;opacity:.45}.mobile-button--primary{background:#244d36;color:#fff8e9}.mobile-button--primary:hover:not(:disabled){background:#2e6545}.mobile-error{margin:0;color:#903f28!important;font-size:.85rem}.controls-screen{display:flex;min-height:calc(100svh - 1.5rem);flex-direction:column;justify-content:space-between;gap:clamp(1rem,4vw,2rem);padding:clamp(1rem,3vw,2rem)}.controls-screen__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.controls-screen__header h1{max-width:10ch;font-size:clamp(1.8rem,6vw,3rem)}.ready-pill{display:inline-flex;flex:0 0 auto;align-items:center;gap:.45rem;min-height:2rem;padding:.45rem .7rem;border-radius:999px;background:#e6ded0;color:#647162;font-size:.72rem;font-weight:850;white-space:nowrap}.ready-pill.is-ready{background:#d9ebd5;color:#2f6540}.controls-screen__hint{max-width:36rem;margin:0;color:#536456;font-size:.9rem}.race-standing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,3vw,1.4rem);align-items:center}.race-stat{display:grid;min-height:clamp(8rem,27vw,11rem);align-content:center;gap:.25rem;padding:1rem;border-radius:1.35rem;background:#e5efdf;text-align:center}.race-stat__label{color:#536456;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.race-stat__value{color:#1b3026;font-size:clamp(2.5rem,11vw,4.5rem);line-height:.95;letter-spacing:-.05em}.race-stat__detail{color:#6a796a;font-size:.78rem;font-weight:800}.controls-screen__actions{display:grid;gap:.7rem}@media(max-width:30rem){.race-standing{gap:.6rem}.controls-screen__header{display:grid}.ready-pill{justify-self:start}}@media(orientation:portrait){.mobile-controller--controls{padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.mobile-controller--controls .mobile-controller__frame{width:min(100%,34rem);min-height:calc(100svh - 2rem)}}@media(orientation:landscape)and (max-height:30rem){.mobile-controller__frame{width:100%}.mobile-card{padding:1rem 1.25rem}.mobile-card h1{font-size:clamp(1.7rem,5vw,2.4rem)}.mobile-card--orientation{grid-template-columns:minmax(0,1fr) minmax(12rem,.7fr);align-items:center}.mobile-card--orientation>.mobile-step-number,.mobile-card--orientation>.mobile-kicker,.mobile-card--orientation>.mobile-card__identity,.mobile-card--orientation>h1,.mobile-card--orientation>.mobile-card__intro,.mobile-card--orientation>.permission-prompt,.mobile-card--orientation>.calibration-prompt,.mobile-card--orientation>.mobile-error{grid-column:1}.mobile-card--orientation>.phone-grip,.mobile-card--orientation>.mobile-card__hint{grid-column:2;grid-row:1 / span 5}.mobile-card--orientation>.phone-grip{grid-row:1 / span 4}.mobile-card--orientation>.mobile-card__hint{align-self:end}}