:root{--bg: #0c131d;--panel: #152033;--plate: #1d2b45;--card-top: #223454;--card-bottom: #182641;--line: #34496f;--steel: #c9d3e3;--steel-d: #7c8aa3;--accent: #ff6a00;--accent-d: #a54400;--accent-2: #ffd400;--cyan: #19c3ff;--lime: #8be04e;--red: #ff3b3b;--ink: #eef3fb;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--font: "Bahnschrift", "Arial Narrow", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--digi: "Courier New", ui-monospace, monospace;font-family:var(--font);color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none}button{font:inherit;color:inherit;min-height:44px;min-width:44px;cursor:pointer}h1,h2{margin:0}.perf{background-color:#0f1a2b;background-image:radial-gradient(#1c2b44 28%,transparent 30%);background-size:18px 18px}.card{position:relative;padding:8px 12px;text-align:left;background:linear-gradient(180deg,var(--card-top),var(--card-bottom));border:2px solid var(--line);border-radius:10px}.card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent),0 0 14px #ff6a0066}.card-tag{position:absolute;top:-2px;right:10px;padding:1px 6px;border-radius:0 0 4px 4px;background:var(--accent-2);color:#111;font-size:10px;font-weight:800;letter-spacing:.06em}.icon-btn,.mute-toggle,.hud-mute,.hud-quit{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:#101826d1;font-size:1.1rem}.setup,.result{height:100%;overflow-y:auto;padding:calc(10px + var(--safe-t)) calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l))}.setup-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.setup-head h1{font-size:1.5rem;font-style:italic;letter-spacing:.06em}.sub{padding:1px 6px;border:1px solid var(--line);color:var(--steel-d);font-size:.7rem}.mute-toggle{margin-left:auto}.setup-grid{display:grid;gap:10px;grid-template-columns:1fr;grid-template-areas:"course" "laps" "cpu" "machine" "start"}.group h2{margin-bottom:6px;color:var(--steel-d);font-size:.72rem;letter-spacing:.14em}.group-course{grid-area:course}.group-laps{grid-area:laps}.group-cpu{grid-area:cpu}.group-machine{grid-area:machine}.group-start{grid-area:start;align-self:end}.row{display:flex;flex-wrap:wrap;gap:8px}.cpu-row{flex-wrap:nowrap}.cpu-row .card{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 4px;font-size:.78rem;text-align:center}.group-laps .row{flex-wrap:nowrap}.group-laps .card{flex:1;text-align:center;font-size:1.1rem;font-weight:800}.stars{color:var(--accent-2);letter-spacing:.1em}.group-course .card{flex:1}.course-thumb{display:block;width:100%;height:40px;margin-bottom:2px}.machine-row .card{flex:1 1 calc(50% - 4px);min-width:0;padding:6px 8px}.machine-art{display:block;width:100%;height:40px;margin-bottom:2px}.stat{display:grid;grid-template-columns:38px 1fr;gap:4px;align-items:center;margin-top:3px;color:var(--steel);font-size:.62rem}.stat i{display:block;height:6px;border-radius:3px;background:#0b1424;overflow:hidden}.stat i b{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--lime))}.start{position:relative;width:100%;min-height:54px;border:0;border-radius:8px;background:var(--accent);box-shadow:0 4px 0 var(--accent-d);color:#111;font-size:1.3rem;font-style:italic;font-weight:900;letter-spacing:.1em}.start:before,.start:after{content:"";position:absolute;top:0;bottom:0;width:18px;background:repeating-linear-gradient(-45deg,#111 0 6px,var(--accent-2) 6px 12px)}.start:before{left:0;border-radius:8px 0 0 8px}.start:after{right:0;border-radius:0 8px 8px 0}.start:active{transform:translateY(3px);box-shadow:0 1px 0 var(--accent-d)}@media(orientation:landscape)and (min-width:700px){.setup-grid{grid-template-columns:1.25fr .8fr 1.2fr;grid-template-areas:"course laps cpu" "machine machine start"}.machine-row{flex-wrap:nowrap}.machine-row .card{flex:1}}.result{max-width:640px;margin:0 auto}.result h1{font-size:1.5rem;font-style:italic;letter-spacing:.08em}.results{width:100%;margin-top:8px;border-collapse:separate;border-spacing:0 6px}.results td{padding:6px 10px;background:var(--card-bottom);vertical-align:middle}.results td:first-child{width:54px;border-radius:8px 0 0 8px;text-align:center}.results td:last-child{border-radius:0 8px 8px 0}.results tr.me td{background:#3a2412;box-shadow:inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent)}.who{display:flex;align-items:center;gap:10px}.who .machine-art{width:72px;height:36px;margin:0;flex:none}.who small{display:block;color:var(--steel-d);font-size:.7rem}.time{text-align:right;color:var(--lime);font-family:var(--digi);font-weight:700;letter-spacing:.06em;text-shadow:0 0 6px rgba(139,224,78,.4)}.plate{display:inline-block;width:34px;height:34px;border-radius:50%;color:#111;font-size:1.1rem;font-style:italic;font-weight:900;line-height:34px}.plate-1{background:radial-gradient(circle at 35% 30%,#fff3a0,#f2b400)}.plate-2{background:radial-gradient(circle at 35% 30%,#fff,#a9b4c6)}.plate-3{background:radial-gradient(circle at 35% 30%,#ffd1a6,#b9692a)}.plate-n{background:#3a4a69;color:#fff}.actions{display:flex;gap:10px;margin-top:10px}.primary,.secondary{flex:1;min-height:48px;border:0;border-radius:8px;font-size:1rem;font-style:italic;font-weight:900}.primary{background:var(--accent);box-shadow:0 4px 0 var(--accent-d);color:#111}.secondary{border:2px solid var(--line);background:var(--plate)}.race{position:fixed;inset:0}.hud{position:absolute;inset:0;display:flex;flex-direction:column;background:#070b14}.hud-strip{position:relative;flex:none;height:calc(44px + var(--safe-t));padding-top:var(--safe-t);border-bottom:2px solid var(--line);background:#0a1020}.strip-bar{position:absolute;left:34px;right:34px;bottom:12px;height:4px;border-radius:2px;background:#26365a}.strip-tag{position:absolute;bottom:6px;color:var(--accent-2);font-size:.8rem;font-style:italic;font-weight:900}.strip-tag.s{left:10px}.strip-tag.g{right:8px}.runner{position:absolute;bottom:6px;width:22px;height:22px;margin-left:-11px;border:2px solid #fff;border-radius:50%;color:#111;font-size:.68rem;font-weight:900;line-height:18px;text-align:center;transition:left .1s linear}.runner.me{z-index:2;width:26px;height:26px;margin-left:-13px;bottom:4px;line-height:22px;box-shadow:0 0 0 2px var(--accent)}.hud-view{position:relative;flex:1;min-height:0;overflow:hidden}.hud-course{position:absolute;inset:0;touch-action:none}.hud-course canvas{display:block}.render-error{margin:0;padding:24px;color:var(--steel);text-align:center}.hud-overlay{position:absolute;inset:0;pointer-events:none}.hud-overlay>*{position:absolute}.hud-rank{top:8px;left:calc(10px + var(--safe-l));display:flex;align-items:flex-end;gap:6px;padding:4px 34px 4px 8px;border-left:6px solid var(--accent);background:linear-gradient(90deg,#0c131ded,#0c131d00)}.rank-num{color:var(--accent-2);font-size:3rem;font-style:italic;font-weight:900;line-height:.9;text-shadow:0 3px 0 #000}.rank-of{padding-bottom:4px;font-size:1rem;font-weight:800}.hud-timelap{left:50%;bottom:0;display:flex;gap:8px;align-items:baseline;padding:1px 14px;border-radius:8px 8px 0 0;background:#082816e0;transform:translate(-50%);font-family:var(--digi);font-weight:700;white-space:nowrap}.timelap-label{color:#ff7a7a;font-size:.7rem;letter-spacing:.15em}.timelap-value{margin-right:8px;color:var(--red);font-size:1.15rem;letter-spacing:.06em;text-shadow:0 0 8px rgba(255,59,59,.6)}.hud-signal{top:10px;left:50%;display:flex;gap:10px;padding:6px 12px;border:3px solid #4a5472;border-radius:10px;background:#2a3042;box-shadow:0 6px 14px #00000080;transform:translate(-50%);opacity:0;transition:opacity .2s}.hud-signal.show{opacity:1}.hud-signal i{width:30px;height:30px;border-radius:50%;background:#1a2a1a;box-shadow:inset 0 0 0 3px #000000b3}.hud-signal i.r{background:var(--red);box-shadow:0 0 14px var(--red),inset 0 0 0 3px #000000b3}.hud-signal i.g{background:#33ff7a;box-shadow:0 0 18px #33ff7a,inset 0 0 0 3px #000000b3}.hud-corner{top:8px;right:calc(10px + var(--safe-r));display:flex;gap:8px}.hud-corner>*{pointer-events:auto}.hud-banner{top:30%;left:0;right:0;text-align:center;font-size:clamp(2.2rem,11vmin,4.6rem);font-style:italic;font-weight:900;letter-spacing:.08em;text-shadow:0 4px 0 #000,0 0 24px var(--accent);opacity:0;transition:opacity .15s}.hud-banner.show{opacity:1}.hud-gauge{left:calc(10px + var(--safe-l));bottom:30px;display:flex;align-items:center;gap:8px;width:min(46%,380px)}.gauge-label{color:var(--accent-2);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-shadow:0 1px 0 #000}.gauge-cells{display:grid;flex:1;grid-template-columns:repeat(20,1fr);gap:2px;padding:3px;border:2px solid var(--line);border-radius:5px;background:#050a10}.gauge-cells i{height:12px;border-radius:1px;background:#18263c}.gauge-cells i.on{background:var(--cyan);box-shadow:0 0 6px #19c3ff8c}.gauge-cells i.on.hot{background:var(--accent);box-shadow:0 0 6px #ff6a008c}.gauge-cells i.mark{outline:2px solid #fff;outline-offset:-1px}.hud-boost{right:calc(12px + var(--safe-r));bottom:34px;width:96px;height:96px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9a4d,var(--accent) 55%,#b84700);box-shadow:0 0 0 5px #0c131d,0 0 0 10px var(--accent-2),0 8px 18px #0009;color:#111;font-size:1rem;font-style:italic;font-weight:900;letter-spacing:.06em;pointer-events:auto;touch-action:none}.hud-boost:disabled:not(.active){background:radial-gradient(circle at 35% 30%,#6c7690,#4a5266 60%,#333a4b);color:#cbd2e1}.hud-boost.active{background:radial-gradient(circle at 35% 30%,#fff3a0,#ffd23f 60%,#f2a900)}.hud-boost:active{transform:scale(.95)}.hud-panel{flex:none;padding:6px 8px calc(6px + var(--safe-b));border-top:3px solid var(--cyan);background:linear-gradient(180deg,#14224a,#0b1534)}.hud-commentary{display:flex;align-items:center;gap:10px}.hud-face{flex:none;width:84px;height:84px;border:2px solid #2a3b8f;border-radius:6px;background:#243049;image-rendering:pixelated}.hud-commentary-body{flex:1;min-width:0}.hud-commentary-name{color:var(--cyan);font-size:.7rem;font-weight:800;letter-spacing:.12em}.hud-commentary-text{white-space:pre-line;min-height:3.9em;font-size:.98rem;font-weight:700;line-height:1.3}@media(orientation:landscape)and (max-height:520px){.hud-strip{height:calc(36px + var(--safe-t))}.strip-bar{bottom:8px}.strip-tag,.runner{bottom:3px}.rank-num{font-size:2.2rem}.hud-face{width:60px;height:60px}.hud-commentary-text{min-height:3.6em;font-size:.85rem}.hud-boost{width:80px;height:80px;bottom:26px}.hud-gauge{bottom:24px}}.title,.home{height:100%;overflow-y:auto;padding:calc(10px + var(--safe-t)) calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l))}.title-body,.home-menu{display:flex;flex-direction:column;gap:14px;max-width:460px;margin:0 auto}.logo{display:flex;flex-direction:column;align-items:center;margin:12px 0 4px;font-style:italic;line-height:1}.logo-top{padding:2px 10px;background:var(--accent-2);color:#111;font-size:1.1rem;font-weight:900;letter-spacing:.3em}.logo-main{margin-top:6px;color:var(--accent);font-size:2.2rem;font-weight:900;text-shadow:3px 3px 0 #111,0 0 18px rgba(255,106,0,.45)}.title-form{padding:10px 12px 12px;border:2px solid var(--line);border-radius:10px;background:linear-gradient(180deg,var(--card-top),var(--card-bottom))}.title-form h2{margin-bottom:8px;color:var(--steel-d);font-size:.75rem;letter-spacing:.12em}.form-row{display:flex;gap:8px}.form-row .primary,.form-row .secondary{flex:0 0 auto;padding:0 16px}.input-wrap{flex:1;display:flex;min-width:0}.text-input{flex:1;min-width:0;min-height:44px;padding:0 10px;border:2px solid var(--line);border-radius:8px;background:#0b1424;color:var(--ink);font:inherit;font-size:1rem;user-select:text}.text-input:focus{border-color:var(--cyan);outline:none}.code-input{font-family:var(--digi);letter-spacing:.08em;text-transform:uppercase}.form-msg{min-height:1.2em;margin:0;font-size:.85rem}.form-msg[data-kind=error]{color:#ff8a80}.form-msg[data-kind=info]{color:var(--cyan)}.guest{min-height:48px;border-radius:8px}button:disabled{opacity:.5;cursor:default}.dialog-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:#04080ec7}.dialog{width:min(420px,100%);padding:16px;border:2px solid var(--accent);border-radius:12px;background:var(--panel)}.dialog p{margin:8px 0;color:var(--steel);font-size:.85rem}.code-box{display:block;margin:10px 0;padding:12px 8px;border-radius:8px;background:#050a12;color:var(--accent-2);font-family:var(--digi);font-size:clamp(1.05rem,5.4vw,1.5rem);font-weight:700;letter-spacing:.06em;text-align:center;user-select:all}.slot-tabs{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto}.slot-tab{flex:1 0 64px;display:flex;flex-direction:column;align-items:center;padding:4px 6px;text-align:center}.slot-no{color:var(--accent-2);font-family:var(--digi);font-weight:700}.slot-name{max-width:100%;overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.slot-dirty{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.garage-top{display:grid;gap:8px;margin-bottom:10px}.garage-preview{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;align-items:center;padding:8px;border:2px solid var(--line);border-radius:10px;background:#0b1424}.garage-preview .machine-art{height:64px}.garage-preview .stat{grid-template-columns:44px 1fr;font-size:.72rem}.garage-preview .stat i{height:8px}.garage-parts{display:grid;gap:10px;margin-bottom:12px}.part-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.part-card{display:flex;flex-direction:column;padding:6px 8px}.part-card small{color:var(--steel-d);font-size:.66rem}.garage-save{position:sticky;bottom:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 0 calc(4px + var(--safe-b));background:linear-gradient(180deg,transparent,#0f1a2b 30%)}.garage-save .start{width:auto;padding:0 44px}@media(orientation:landscape)and (min-width:700px){.garage-top{grid-template-columns:1fr 1.4fr;align-items:center}.garage-parts{grid-template-columns:1fr 1fr}}.ui-index-on [data-ui-badge]:after{content:attr(data-ui-badge);position:absolute;top:0;left:0;z-index:100;padding:0 4px;border-radius:8px;background:#e91e63;color:#fff;font-size:14px;font-weight:700;line-height:18px;pointer-events:none}.sound-test-link{align-self:center;min-height:44px;padding:0 18px;border-radius:8px;font-size:.8rem}