:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f3ecdb;background:#111923;font-synthesis:none;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid #59717b66;background:#1b2b35ee;color:inherit;border-radius:7px;padding:11px 17px;cursor:pointer;transition:background .12s,border-color .12s}button:hover{background:#30444d}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fbc66a;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}main{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(14px,3vw,42px);background:#101923;z-index:3}a{color:inherit;text-decoration:none}header strong{display:block;font-size:clamp(20px,2.4vw,30px);letter-spacing:-1px;font-weight:900}header i{color:#ffb85c;font-style:italic}header small{display:block;font-size:9px;letter-spacing:2.6px;color:#9bb0b8;margin-top:4px}.top{display:flex;align-items:center;gap:10px}.top span{font-size:9px;letter-spacing:1.3px;color:#9bb0b8}.top button{font-size:12px;padding:10px 13px}#arena{position:relative;flex:1;min-height:0;overflow:hidden;isolation:isolate;background:#372b33}canvas{display:block;width:100%;height:100%;object-fit:contain}#menu{position:absolute;top:20px;bottom:20px;right:clamp(18px,4vw,60px);width:min(470px,calc(100% - 36px));overflow-y:auto;overscroll-behavior:contain;border:1px solid #8da5a64a;border-radius:13px;padding:clamp(22px,3vw,38px);background:linear-gradient(135deg,#15232af5,#18242af0);box-shadow:0 25px 100px #0006;scrollbar-width:thin;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5}h1{font-size:clamp(32px,4vw,54px);font-weight:900;line-height:1.02;letter-spacing:-2px;margin:18px 0}h1 em{font-style:normal;color:#ffbc68}.eyebrow{color:#ffbc68;font-size:10px;font-weight:800;letter-spacing:2px;line-height:1.6}.lead{color:#b8c9ce;font-size:15px;line-height:1.7;max-width:330px}p{color:#b8c9ce;font-size:14px;line-height:1.7;margin:15px 0}.fine{font-size:10px;color:#92a8b0;letter-spacing:.5px}.route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0;font-size:9px;color:#aebdc0;letter-spacing:.8px}.route span{border-bottom:2px solid #f2a452;padding-bottom:9px}#menu>button{display:block;width:100%;margin-top:10px;text-align:left}button.primary{background:#fbc66a;color:#19242b;border-color:#ffda98;display:flex!important;align-items:center;justify-content:space-between;font-weight:900;font-size:13px;letter-spacing:.8px;min-height:54px}button.primary:hover{background:#ffda98}button.secondary{display:flex!important;justify-content:space-between;font-size:12px}.secondary span{font-size:10px;color:#a6b8c0}.links{display:flex;gap:8px;margin-top:12px}.links button{flex:1;font-size:12px}.records{border-top:1px solid #61727a55;margin-top:25px;padding-top:17px}.record-head{display:flex;align-items:center;justify-content:space-between;gap:8px}h2{font-size:12px}.record-head>div{display:flex;gap:3px}.record-head button{font-size:9px;padding:8px;min-height:44px;border-color:transparent;background:transparent}.record-head button[aria-pressed=true]{border-color:#fbc66a88;color:#ffce83}.record{display:grid;grid-template-columns:22px 1fr auto 72px;align-items:center;gap:6px;font-size:11px;padding:9px 0;border-bottom:1px solid #65747b33}.record>span{color:#8ca5ad;font-size:9px}.record strong{color:#ffce83}.record small{font-size:8px;text-align:right;color:#a6b8be}#board>p{font-size:11px}#hud{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(#111923ef,#111923bb,transparent);padding:18px 30px 24px;pointer-events:none;z-index:2;gap:20px;text-shadow:0 2px 4px #000}#hud small{display:block;font-size:9px;letter-spacing:1px;color:#c6d2d4}#hud strong{display:block;font-size:30px;color:#ffd38e;line-height:1.25}#hud b{display:block;font-size:14px;margin:5px 0}.region{width:270px;max-width:40%;text-align:center}.progress{height:3px;background:#9dafb944;border-radius:2px;margin:9px 0 6px}.progress i{display:block;height:100%;background:#fbc66a}.rover-status{text-align:right}.rover-status b{color:#79e0d8;letter-spacing:4px}#telemetry{position:absolute;left:15px;bottom:10px;font:9px monospace;letter-spacing:.4px;background:#14212bbf;padding:6px 9px;border-radius:3px;pointer-events:none;z-index:3}#notice{position:absolute;left:50%;bottom:45px;transform:translate(-50%);width:max-content;max-width:90%;border-radius:6px;background:#101923ed;color:#ffda98;padding:10px 15px;font-size:12px;z-index:8;pointer-events:none}#notice:empty{display:none}footer{height:34px;flex-shrink:0;padding:0 30px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#8ca0ab;background:#111923}.score-large{font-size:60px;color:#ffce83;font-weight:900;letter-spacing:-3px;margin:10px 0}#nameForm{margin:20px 0}#nameForm label{font-size:10px;letter-spacing:1.5px;color:#ffce83}.name-row{display:flex;gap:8px;margin-top:8px}.name-row input{min-width:0;width:95px;background:#0b1720;color:#fff;border:1px solid #647c85;border-radius:6px;padding:10px;font-size:22px;font-weight:800;letter-spacing:4px;text-transform:uppercase}.name-row button{flex:1;font-size:12px}#resultStatus,#nameStatus{font-size:12px}.help-grid{display:grid;grid-template-columns:100px 1fr;gap:14px;margin:25px 0;font-size:13px;line-height:1.5}.help-grid b{color:#ffce83}.help-grid span{color:#b8c9ce}label.range{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0;font-size:14px}input[type=range]{width:65%;accent-color:#ffbc68;min-height:35px}label.check{display:flex;align-items:center;gap:12px;margin:12px 0;min-height:44px;font-size:13px}input[type=checkbox]{width:20px;height:20px;accent-color:#ffbc68}label.select{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin:20px 0}select{background:#11202a;color:#fff;border:1px solid #71848d;border-radius:5px;min-height:44px;padding:10px}#touch{display:flex;gap:10px;justify-content:center;background:#111923;padding:8px 15px max(8px,env(safe-area-inset-bottom));flex-shrink:0}#touch button{min-width:80px;font-size:11px;letter-spacing:.5px;touch-action:none;-webkit-user-select:none;user-select:none}#touch button[data-mask="4"]{color:#13212b;background:#ffce83;font-weight:900}#touch button.held{background:#7ccfc8;color:#13212b}@media(pointer:fine){#touch{display:none!important}}@media(max-width:650px){header{height:64px;padding:10px 14px}header strong{font-size:22px}header small{font-size:7px;letter-spacing:1.5px}.top span{display:none}.top button{font-size:10px;min-height:44px;padding:9px}#menu{inset:12px;width:auto;padding:22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1{font-size:40px}#hud{padding:12px 12px 24px;gap:7px}#hud strong{font-size:23px}#hud b{font-size:11px}#hud small{font-size:7px;letter-spacing:.3px}.region{width:155px}footer{padding:0 12px;font-size:6px;letter-spacing:.5px}.top{gap:6px}#touch{gap:6px;padding:8px}#touch button{min-width:0;flex:1;padding:12px 6px;min-height:50px}#telemetry{left:6px;bottom:7px;font-size:7px;padding:4px}.record-head{flex-wrap:wrap}}@media(max-height:450px){header{height:52px}footer{height:22px}#menu{top:8px;bottom:8px;padding:20px}#hud{padding:8px 20px}#hud strong{font-size:22px}#touch{padding:5px}#touch button{min-height:44px}h1{font-size:35px}.route{margin:15px 0}.records{margin-top:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}