:root{color-scheme:dark;--slate: #090d0f;--panel: rgba(9, 14, 16, .84);--line: rgba(231, 239, 231, .22);--chalk: #e8eee7;--blue: #72c9e8;--pink: #ef8eae;--sulfur: #d8df72;--muted: #96a39d;--danger: #ff6d80;--safe: #b9f0ce}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--slate);color:var(--chalk);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}button,kbd{font:inherit}button{border:1px solid var(--line);border-radius:2px;color:var(--chalk);background:#090e10c2;cursor:pointer;letter-spacing:.09em}button:hover,button:focus-visible{color:#071013;background:var(--chalk);border-color:var(--chalk);outline:2px solid var(--blue);outline-offset:2px}button:active{transform:translateY(1px)}[hidden]{display:none!important}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.slate-grain,.edge-vignette{position:fixed;inset:0;pointer-events:none}.slate-grain{opacity:.18;background-image:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.025) 6px),repeating-linear-gradient(91deg,transparent 0 11px,rgba(114,201,232,.025) 12px);mix-blend-mode:screen}.edge-vignette{box-shadow:inset 0 0 14vw 4vw #000000c7}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px;pointer-events:none}.brand{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.16em}.brand>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--blue);color:var(--blue);border-radius:50%;font-size:10px}.brand div{display:grid;gap:2px}.brand small{color:var(--muted);font-size:8px;font-weight:500;letter-spacing:.1em}.actions{display:flex;gap:6px;pointer-events:auto}.actions button{min-height:34px;padding:0 11px;font-size:9px}.phase-card{position:fixed;top:78px;left:22px;width:min(330px,calc(100vw - 44px));padding:13px 15px 15px;border-left:2px solid var(--blue);background:linear-gradient(90deg,var(--panel),transparent);pointer-events:none}.phase-card>span,.silhouette-wrap>span{color:var(--blue);font-size:9px;letter-spacing:.16em}.phase-card h1{margin:4px 0 5px;font-size:clamp(19px,3vw,27px);line-height:1;letter-spacing:.08em}.phase-card p{max-width:290px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.telemetry{position:fixed;top:78px;right:22px;display:flex;border:1px solid var(--line);background:var(--panel);pointer-events:none}.telemetry>div{min-width:84px;padding:10px 12px;border-right:1px solid var(--line)}.telemetry>div:last-child{border-right:0}.telemetry span,.result span,.still-meter>span{display:block;margin-bottom:5px;color:var(--muted);font-size:8px;letter-spacing:.11em}.telemetry strong{display:block;font-size:15px;font-weight:500;color:var(--chalk)}.telemetry strong+small{display:block;margin-top:3px;color:var(--muted);font-size:7px;letter-spacing:.14em}.telemetry strong+small.carry{color:var(--blue)}.telemetry strong+small.grip{color:var(--sulfur)}.telemetry strong+small.brake{color:var(--pink)}.telemetry strong.ready{color:var(--safe)}.telemetry strong.warn{color:var(--danger)}.meter{display:block;width:100%;height:3px;margin-top:7px;background:#e7efe724}.meter b{display:block;width:100%;height:100%;background:var(--blue);transform-origin:left center}.still-meter{position:fixed;left:22px;bottom:25px;width:190px;pointer-events:none}.still-meter i{display:block;height:4px;background:#e7efe724}.still-meter b{display:block;width:100%;height:100%;background:var(--sulfur);transform:scaleX(0);transform-origin:left}.still-meter.danger b{background:var(--danger)}.legend{position:fixed;right:22px;bottom:23px;display:grid;gap:6px;max-width:320px;color:var(--muted);font-size:9px;text-align:right;pointer-events:none}.legend kbd,.controls b{display:inline-block;min-width:18px;margin-left:3px;padding:2px 4px;border:1px solid rgba(231,239,231,.36);color:var(--chalk);font-size:8px;font-weight:500;text-align:center}#toast{position:fixed;left:50%;top:21%;max-width:min(440px,calc(100vw - 42px));padding:10px 15px;border:1px solid var(--sulfur);color:var(--sulfur);background:#090e10e6;font-size:10px;line-height:1.4;letter-spacing:.1em;text-align:center;transform:translate(-50%);pointer-events:none}.screen{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#040708ad;backdrop-filter:blur(2px)}.title-screen{place-items:center start;padding-left:clamp(20px,7vw,112px);background:linear-gradient(90deg,#040708e0,#04070894 38%,#0407081f 78%);backdrop-filter:none}.title-card{width:min(540px,100%);border-left:2px solid var(--blue)}.title-card h1{text-shadow:4px 0 0 rgba(239,142,174,.22)}.title-card:after{content:"LIVE SLATE / LINE MEMORY";display:block;margin-top:16px;color:var(--blue);font-size:8px;letter-spacing:.18em}.title-card,.modal-card{width:min(600px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;padding:clamp(25px,5vw,48px);border:1px solid var(--line);background:linear-gradient(145deg,#0e181bf5,#070b0df5);box-shadow:0 25px 80px #0000008c}.title-card{width:min(540px,100%)}.title-card{border-top:2px solid var(--blue)}.eyebrow{color:var(--sulfur);font-size:9px;letter-spacing:.18em}.title-card h1{margin:13px 0 9px;font-size:clamp(42px,10vw,82px);line-height:.86;letter-spacing:.04em}.title-card h1 span{color:var(--blue);text-shadow:2px 0 0 rgba(239,142,174,.55)}.title-card p,.modal-card p{max-width:520px;margin:14px 0 19px;color:#b4c0ba;font-size:11px;line-height:1.65}.rule-strip{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rule-strip span{flex:1 1 33%;padding:9px 8px;border-right:1px solid var(--line);color:var(--muted);font-size:8px;text-align:center}.rule-strip span:last-child{border-right:0}.controls{display:flex;flex-wrap:wrap;gap:13px;margin:18px 0 21px;color:var(--muted);font-size:9px}.controls b{margin-left:0}.primary,.secondary{display:block;width:100%;min-height:44px;margin-top:9px;font-size:10px;font-weight:700;letter-spacing:.13em}.primary{border-color:var(--blue);color:#061014;background:var(--blue)}.primary:hover,.primary:focus-visible{background:var(--chalk)}.secondary{margin-top:8px}.title-card small{display:block;margin-top:13px;color:var(--muted);font-size:8px;text-align:center}.modal-card{width:min(550px,100%)}.modal-card h2{margin:9px 0 0;color:var(--chalk);font-size:clamp(25px,5vw,42px);line-height:1}.end-card{width:min(650px,100%)}.silhouette-wrap{margin:17px 0;padding:12px;border:1px solid var(--line);background:#0000002e}.silhouette-wrap>span{color:var(--muted)}#route-silhouette{display:block;width:100%;height:150px;margin-top:8px;border:1px solid rgba(114,201,232,.18);background:linear-gradient(180deg,rgba(114,201,232,.04),transparent)}.result{display:grid;grid-template-columns:repeat(4,1fr);margin:10px 0 16px;border:1px solid var(--line)}.result div{padding:9px;border-right:1px solid var(--line)}.result div:last-child{border-right:0}.result strong{color:var(--chalk);font-size:14px;font-weight:500}.touch-controls{position:fixed;left:0;right:0;bottom:15px;display:none;justify-content:space-between;padding:0 14px;pointer-events:none}.touch-lean,.touch-modes{display:flex;gap:6px;pointer-events:auto}.touch-lean button,.touch-modes button{min-width:48px;min-height:43px;padding:0 10px;color:var(--chalk);font-size:10px;touch-action:none;user-select:none}.touch-lean button{font-size:17px}@media(pointer:coarse),(max-width:760px){.touch-controls{display:flex}.legend,.still-meter{bottom:77px}.legend{max-width:210px;font-size:8px}}@media(max-width:900px){.telemetry{inset:auto 14px 125px;justify-content:stretch}.telemetry>div{min-width:0;flex:1;padding:7px 8px}.telemetry strong{font-size:12px}.phase-card{top:69px;left:14px}.topbar{padding:12px 14px}.legend{display:none}.still-meter{left:14px}}@media(max-width:520px){.brand small{display:none}.actions button{min-height:31px;padding:0 7px;font-size:8px}.phase-card{top:60px;width:calc(100vw - 28px)}.phase-card p{max-width:220px;font-size:9px}.telemetry{bottom:111px}.telemetry>div:nth-child(2),.telemetry>div:nth-child(3){display:none}.result{grid-template-columns:repeat(2,1fr)}.result div:nth-child(2){border-right:0}.result div:nth-child(-n+2){border-bottom:1px solid var(--line)}.title-card,.modal-card{padding:23px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.reduced-motion .slate-grain,.reduced-motion #toast{transition:none}.phase-card,.telemetry,.still-meter,.legend,.touch-controls,.title-card,.modal-card{min-width:0}.telemetry span,.telemetry strong,.phase-card>span,.phase-card h1,.phase-card p,.rule-strip span,.controls span,.result span,.result strong{overflow:hidden;text-overflow:ellipsis}.telemetry,.phase-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.title-card,.modal-card{max-height:calc(100dvh - 1.5rem);overscroll-behavior:contain}@media(max-width:900px){.title-screen{place-items:center;padding-left:12px;background:#040708bd}.telemetry{max-width:calc(100% - 28px);overflow:hidden}.telemetry>div{min-width:0}}@media(max-width:760px){.touch-controls{right:0;bottom:max(10px,env(safe-area-inset-bottom));left:0;padding-inline:10px}.touch-lean,.touch-modes,.touch-lean button,.touch-modes button{min-width:0}.still-meter{bottom:82px}}@media(max-width:520px){.topbar{align-items:center;padding:12px 10px}.brand{min-width:0;gap:7px}.brand div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{flex-shrink:0;gap:3px}.actions button{min-width:0;padding-inline:.45rem}.phase-card{top:60px;left:10px;width:calc(100% - 20px)}.phase-card h1{font-size:clamp(18px,6vw,24px)}.phase-card p{font-size:9px}.telemetry{right:10px;bottom:106px;left:10px;max-width:none}.telemetry>div{min-width:0;padding-inline:.45rem}.telemetry span{overflow:hidden;font-size:.45rem;text-overflow:ellipsis;white-space:nowrap}.telemetry strong{font-size:.75rem}.still-meter{left:10px;width:min(190px,calc(100% - 20px))}.touch-lean button,.touch-modes button{min-height:42px;padding-inline:.4rem}.touch-modes{flex:1;justify-content:flex-end}.screen{padding:12px;overflow:auto}.title-card,.modal-card{width:100%;max-height:calc(100dvh - 1rem);padding:1.25rem}.rule-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.rule-strip span{min-width:0;padding-inline:.3rem;overflow-wrap:anywhere}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .8rem}.controls span{min-width:0}.result{grid-template-columns:repeat(2,minmax(0,1fr))}.result div{min-width:0;padding-inline:.55rem}}@media(max-width:380px){.touch-lean button{min-width:44px}.touch-modes button{padding-inline:.2rem;font-size:.8rem}}