:root{--vh: 1vh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0b1220)}html,body{touch-action:manipulation;overflow-x:hidden;max-width:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}input,textarea,[contenteditable],.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,[role=button],a,label,summary{touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-size:inherit}input,textarea,select{font-size:max(16px,1em)}button,[role=button]{min-height:44px;min-width:44px;cursor:pointer}.board,.field,canvas,.drag-surface{touch-action:none}.control-layer{position:fixed;inset:0;z-index:30;pointer-events:none;touch-action:none}.control-layer>*{pointer-events:auto}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[hidden]{display:none!important}:root{--night: #0e1116;--panel: #161b22;--edge: #2b333e;--text: #e8eef5;--text-dim: #9fb0c2;--rut0: #222932;--rut1: #2f2a2e;--rut2: #432c28;--rut3: #5c3320;--rut4: #7a3c1c;--belt: #b9c2cc;--machine: #d8c49a;--plate-ink: #14181e;--glyph: #f2e8d5;--patch-shale: #8fd0f0;--patch-loam: #e0b070;--ok: #8fe0ac;--warn: #f7d070;--bad: #ff8f7d;--starved: #5b2f00;--blocked: #66120f;--gap: 8px;--vh: 1vh;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--night);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;padding:max(8px,env(safe-area-inset-top)) 10px 10px;gap:var(--gap);width:100%}.site-footer{flex-shrink:0;padding:14px 12px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:12px;color:var(--text-dim);border-top:1px solid var(--edge)}.site-footer a{color:var(--text-dim)}body.playing .site-footer{display:none!important}h1{font-size:30px;margin:6px 0 0;letter-spacing:.02em}.tag{color:var(--text-dim);font-size:14px;margin:0;max-width:34ch;text-align:center;line-height:1.45}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:12px 16px;min-height:44px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--machine);color:#17202a;border-color:var(--machine);font-weight:650}.menu{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px}.modes{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.mode-btn{text-align:left;display:grid;gap:3px;padding:12px 14px}.mode-btn[aria-pressed=true]{border-color:var(--machine);background:#1d242d}.mode-btn b{font-size:15px}.mode-btn span{color:var(--text-dim);font-size:12.5px;line-height:1.4}.menu-row{display:flex;gap:8px;width:100%}.menu-row button{flex:1}.game{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:520px}.hud{display:flex;align-items:center;gap:8px;width:100%;min-height:44px}.hud .score{font-variant-numeric:tabular-nums;font-size:17px;font-weight:650}.hud .scrip{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--machine);font-size:15px}.clock{flex:1;height:8px;border-radius:4px;background:var(--edge);overflow:hidden;min-width:40px}.clock i{display:block;height:100%;background:var(--belt);transition:width .3s linear}.strip{width:100%;min-height:32px;display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-dim);overflow:hidden}.chip{background:var(--panel);border:1px solid var(--edge);border-radius:999px;padding:5px 10px;white-space:nowrap}.chip.hot{border-color:var(--rut4);color:var(--warn)}.board-wrap{width:100%;display:flex;justify-content:center}.board{display:grid;grid-template-columns:repeat(var(--w, 12),minmax(0,1fr));width:min(100%,480px,calc(100dvh - 330px));aspect-ratio:1;min-width:0;gap:1px;padding:3px;background:var(--edge);border-radius:8px;touch-action:none;user-select:none;-webkit-user-select:none}.cell{position:relative;min-width:0;background:var(--rut0);display:flex;align-items:center;justify-content:center;overflow:hidden}.cell.t0{background:var(--rut0)}.cell.t1{background:var(--rut1)}.cell.t2{background:var(--rut2)}.cell.t3{background:var(--rut3)}.cell.t4{background:var(--rut4)}.cell.scoured:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 3px,rgba(14,17,22,.55) 3px 5px);pointer-events:none}.cell.sx0{background:#1b222a}.cell.sx1{background:#2b3640}.cell.sx2{background:#48545c}.cell.sx3{background:#7e8a8f}.cell.sx4{background:#d9dfe2}.cell.rock{background:#191d23;box-shadow:inset 0 0 0 1px #10141a}.cell.shale:before,.cell.loam:before{content:"";position:absolute;inset:3px;border-radius:3px;border:2px dotted var(--patch-shale);opacity:.75}.cell.loam:before{border-color:var(--patch-loam);border-style:dashed}.cell.belt,.cell.wye{background-image:linear-gradient(var(--belt),var(--belt));background-size:100% 46%;background-position:center;background-repeat:no-repeat}.cell.belt.d0,.cell.belt.d2,.cell.wye.d0,.cell.wye.d2{background-size:46% 100%}.cell.belt:before,.cell.wye:before{content:"";position:absolute;width:0;height:0;border:4px solid transparent;opacity:.9}.cell.belt.d0:before,.cell.wye.d0:before{border-bottom-color:var(--plate-ink);margin-bottom:4px}.cell.belt.d1:before,.cell.wye.d1:before{border-left-color:var(--plate-ink);margin-left:4px}.cell.belt.d2:before,.cell.wye.d2:before{border-top-color:var(--plate-ink);margin-top:4px}.cell.belt.d3:before,.cell.wye.d3:before{border-right-color:var(--plate-ink);margin-right:4px}.cell.wye{box-shadow:inset 0 0 0 2px var(--plate-ink)}.cell.full{box-shadow:inset 0 -3px 0 0 var(--glyph)}.cell.dig,.cell.sme,.cell.mil,.cell.jig,.cell.wharf{background-color:var(--machine);box-shadow:inset 0 0 0 2px var(--plate-ink);color:#1a1f26;font-size:10px;font-weight:800;letter-spacing:-.02em}.cell.wharf{background-color:var(--belt)}.cell.dry{background-color:#6b6355}.cell.st-starved{animation:pulse 1.1s ease-in-out infinite;box-shadow:inset 0 0 0 2px var(--plate-ink),inset 0 0 0 5px var(--starved)}.cell.st-blocked:after{content:"";position:absolute;right:0;bottom:0;border:6px solid transparent;border-right-color:var(--blocked);border-bottom-color:var(--blocked)}@keyframes pulse{0%,to{filter:none}50%{filter:brightness(1.25)}}.cell.ghost{outline:2px solid var(--ok);outline-offset:-2px}.cell.ghost-bad{outline:2px solid var(--bad);outline-offset:-2px}.cell.flash{animation:flash .9s ease-out 1}@keyframes flash{0%,to{box-shadow:inset 0 0 0 0 var(--warn)}30%{box-shadow:inset 0 0 0 3px var(--warn)}}.gl{position:relative;z-index:2;color:var(--glyph);font-size:11px;line-height:1;letter-spacing:-1px;text-shadow:0 0 2px var(--plate-ink),0 0 2px var(--plate-ink),0 0 3px var(--plate-ink);pointer-events:none}.context{display:flex;gap:6px;width:100%}.context button{flex:1;min-width:44px;min-height:44px;padding:8px 6px;font-size:12px}.context button[aria-pressed=true]{border-color:var(--machine);background:#232a33}.dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.tool{display:grid;gap:2px;padding:8px 4px;min-height:60px;text-align:center;line-height:1.2}.tool b{font-size:12.5px}.tool span{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.tool[aria-pressed=true]{border-color:var(--machine);background:#232a33}.tool:disabled span{color:var(--bad)}.sheet{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;background:#080b0fb8}.sheet-card{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:18px;max-width:460px;width:100%;max-height:86dvh;overflow:auto}.sheet-card h2{margin:0 0 10px;font-size:19px}.sheet-card p,.sheet-card li{font-size:13.5px;line-height:1.55;color:var(--text-dim)}.sheet-card .close{min-width:44px;min-height:44px}.sheet-head{display:flex;align-items:flex-start;gap:10px}.sheet-head h2{flex:1}.rows{display:grid;gap:6px;margin:10px 0}.row{display:flex;gap:8px;align-items:baseline;font-size:13px;border-bottom:1px solid var(--edge);padding-bottom:5px}.row b{min-width:84px}.row span{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--text)}.coach{width:100%;background:var(--panel);border:1px solid var(--machine);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;font-size:13.5px;line-height:1.4}.coach .step{color:var(--machine);font-variant-numeric:tabular-nums;font-weight:700;font-size:12px}.coach button{margin-left:auto;min-height:36px;padding:6px 10px;font-size:12px;flex-shrink:0}@media(min-width:1000px){.main-content{padding-top:18px}.game{max-width:1000px;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"hud hud" "strip strip" "board rail" "context rail" "dock rail";align-items:start;column-gap:18px}.hud{grid-area:hud}.strip{grid-area:strip}.board-wrap{grid-area:board}.context{grid-area:context}.dock{grid-area:dock}.rail{grid-area:rail}.board{width:min(100%,560px,calc(100dvh - 260px))}.dock{grid-template-columns:repeat(6,minmax(0,1fr))}.rail{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:12px;font-size:12.5px}}@media(max-width:999px){.rail{display:none}}@media(max-height:560px){.board{width:min(100%,calc(100dvh - 190px))}.tool{min-height:46px}.strip{min-height:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}