@font-face{font-family:Inter;src:url(assets/inter.woff2);font-display:swap}@font-face{font-family:'Space Grotesk';src:url(assets/space-grotesk.woff2);font-display:swap}
:root{font-family:Inter,system-ui,sans-serif;color:#f2ebd8;background:#101e32;color-scheme:dark}*{box-sizing:border-box}body{margin:0;height:100svh;overflow:hidden}[hidden]{display:none!important}button,select{font:inherit;font-weight:650;color:inherit;min-height:44px;min-width:44px;background:#203d50;border:1px solid #6a909e;border-radius:11px;padding:9px 12px;cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #ffe0a0;outline-offset:2px}button:active{transform:translateY(1px)}.primary{color:#1c2b35;background:linear-gradient(#ffdf9c,#e7b35e);border-color:#ffe6ac}.shell{height:100%;max-width:1100px;margin:auto;padding:7px 10px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:52px minmax(0,1fr) 122px;gap:5px}.shell>*{min-width:0}.hud{display:flex;align-items:center;gap:19px}.stat small{display:block;font-size:8px;letter-spacing:.05em;color:#b8d0da}.stat strong{font:700 27px 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}.stat:first-of-type strong{color:#83e4d5}.goal strong{font-size:17px;color:#f7d795}#clock{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:#b8d0da;padding-right:8px}.arena{position:relative;min-height:0;overflow:hidden;border-radius:19px;background:#101e32}#stage{display:block;width:100%;height:100%;touch-action:none}.controls{width:min(100%,650px);margin:auto;text-align:center}.move-row{display:flex;align-items:center;justify-content:center;gap:18px}.arrows{display:flex;gap:7px}.arrows button{font-size:17px;padding:8px}#direction{min-width:104px;font-size:11px;color:#f5d891}.controls p{font-size:11px;line-height:1.3;margin:7px 0 0;color:#d9e4e8}#risk{color:#8ee4d5;font-weight:650}#risk[data-exposed=true]{color:#f9dd9d}#risk[data-danger=true]{color:#ffbd89}#message{font-size:10px;color:#b8d0da;min-height:13px}#legend{display:flex;justify-content:center;gap:9px;font-size:8px;margin-top:5px}#legend span{border:1px solid #6a909e44;border-radius:20px;padding:3px 7px}#legend [data-out=true]{opacity:.4;text-decoration:line-through}.amber{color:#f2c881}.lavender{color:#c5aff7}.rose{color:#f1a7c5}.overlay{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:14px;overflow:auto;background:#101e32eb;backdrop-filter:blur(4px)}.menu{background:linear-gradient(100deg,#101e32f5,#101e32b8),url(assets/cover.webp) center/cover}.sheet{width:min(100%,470px);max-height:100%;overflow:auto;text-align:center;padding:24px;border:1px solid #6a909e;border-radius:24px;background:#14283bf5;box-shadow:0 20px 70px #03101c88}.sheet h1,.sheet h2{font:700 clamp(28px,6vw,44px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:8px 0 15px;color:#8ce5d5}.sheet p{font-size:14px;line-height:1.45;color:#d9e4e8}.sheet .eyebrow{font-size:9px;font-weight:750;letter-spacing:.1em;color:#f7d795;margin-top:0}.sheet .instructions,.sheet .save-note{font-size:11px;color:#b8d0da}.sheet>button{display:block;width:100%;margin:10px 0}.loop-diagram{width:180px;height:62px;display:block;margin:10px auto}.level{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:10px;font-weight:700;color:#b8d0da;margin:12px 0}.level select{min-width:170px;font-size:13px}.result{font:700 40px 'Space Grotesk',sans-serif;color:#f7d795}.record{border-color:#f7d795;box-shadow:0 0 30px #f7d79522}#loading{position:fixed;inset:0;z-index:8;background:#101e32;display:grid;place-items:center;font-size:14px}
@media(max-width:420px){.shell{padding:5px;grid-template-rows:48px minmax(0,1fr) 126px;gap:3px}.hud{gap:12px}.stat strong{font-size:22px}.stat small{font-size:7px}.goal strong{font-size:13px}#clock{font-size:10px;padding-right:0}.move-row{gap:9px}.arrows{gap:4px}.arrows button{padding:6px}#direction{min-width:0;flex:1;font-size:9px}.controls p{font-size:10px}#message{font-size:9px}.sheet{padding:18px}.sheet p{font-size:12px}.sheet .instructions,.sheet .save-note{font-size:10px}.level select{font-size:12px;min-width:150px}.loop-diagram{margin:6px auto;height:50px}.arena{border-radius:12px}}
@media(max-height:450px) and (min-width:600px){.shell{grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:45px minmax(0,1fr);max-width:none;gap:4px 10px}.hud{grid-column:1/-1}.arena{grid-column:1;grid-row:2}.controls{grid-column:2;grid-row:2}.move-row{flex-direction:column;gap:8px}.controls p{margin-top:11px}#legend{flex-wrap:wrap}.sheet{padding:15px}.sheet h1,.sheet h2{font-size:28px}.sheet p{margin:8px 0}.sheet .instructions{font-size:10px}.loop-diagram{height:38px;margin:5px auto}.level{margin:6px 0}}
#over-screen{place-items:end center;background:linear-gradient(#101e3210,#101e32ed)}#over-screen .sheet{padding:18px 22px}#over-screen .sheet h2{font-size:30px;margin-bottom:9px}#over-screen .sheet p{font-size:12px;margin:9px 0}#over-screen .sheet .eyebrow{font-size:8px}.shell[inert]{pointer-events:none}
.player-stat{display:flex;align-items:center;gap:6px}.scout-portrait{width:36px;height:36px;flex:none}@media(max-width:350px){.hud{gap:8px}.scout-portrait{width:29px;height:29px}.player-stat{gap:4px}.stat strong{font-size:20px}.stat.goal strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}