: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}}:root{--night: #0a0f15;--ground: #1b2733;--floor: #33291f;--panel: #111a23;--text: #e8eef4;--dim: #8fa3b5;--ink: #0a0f15;--snow1: #66798c;--snow2: #9fb2c4;--snow3: #dfe9f2;--hatch: #5a6a7a;--rock: #7d7268;--wall: #8d97a4;--door: #d9a86a;--jam: #8f1f16;--path: #9a8f7f;--stand: #4fa268;--forage: #a99bea;--store: #e0a53c;--stove: #ff8b4a;--pit: #ff5f4a;--bed: #79c7d8;--warmth: #f0b25c;--person: #f4ecdc;--desig: #ffe066;--good: #68d391;--bad: #ff6b5c;--bar-h: 44px;--supply-h: 36px;--forecast-h: 32px;--rail-h: 28px;--dock-h: 56px;--tabs-h: 56px;--gaps: 16px}body{--chrome: calc(276px + env(safe-area-inset-top) + env(safe-area-inset-bottom)) ;--cell: max(24px, min((100vw - 24px) / 11, (var(--vh, 1vh) * 100 - var(--chrome)) / 13, 34px))}[hidden]{display:none!important}*{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,sans-serif;-webkit-font-smoothing:antialiased}#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;overflow-y:auto}.site-footer{flex-shrink:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));text-align:center;font-size:12px;color:var(--dim)}.site-footer a{color:var(--dim)}body.playing .site-footer{display:none!important}button{font:inherit;color:inherit;background:#1c2836;border:1px solid #2c3d4f;border-radius:8px;padding:10px 14px;min-height:44px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--store);border-color:var(--store);color:#1b1206;font-weight:700}.menu{width:100%;max-width:520px;padding:24px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.menu h1{margin:0;font-size:40px;letter-spacing:.06em;color:var(--store)}.menu .tagline{margin:0;color:var(--dim);line-height:1.45}.modes{display:flex;flex-direction:column;gap:8px}.mode-btn{text-align:left;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.mode-btn[aria-pressed=true]{border-color:var(--store);background:#2a2113}.mode-btn .m-name{font-weight:700}.mode-btn .m-rule{font-size:12px;color:var(--dim);line-height:1.35}.menu-row{display:flex;gap:8px;flex-wrap:wrap}.menu-row button{flex:1 1 auto}.game{width:100%;max-width:560px;display:flex;flex-direction:column;gap:4px;padding:env(safe-area-inset-top) 8px 0;position:relative}.topbar{height:var(--bar-h);display:flex;align-items:center;gap:6px}.topbar button{min-width:44px;min-height:44px;padding:6px 10px}.clockline{flex:1 1 auto;min-width:0;text-align:right;font-variant-numeric:tabular-nums;font-size:13px;color:var(--dim);overflow:hidden;white-space:nowrap}.clockline b{color:var(--text)}.supply{height:var(--supply-h);display:flex;align-items:center;gap:10px;font-size:12px;font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap}.days-pill{font-size:17px;font-weight:700;color:var(--store);flex:0 0 auto}.days-pill.low{color:var(--bad)}.stock{color:var(--dim);flex:0 0 auto}.stock b{color:var(--text)}.stock .reach{color:var(--bad)}.chain{margin-left:auto;flex:0 0 auto;color:var(--bad);font-weight:700}.forecast{height:var(--forecast-h);display:flex;align-items:center;gap:6px;font-size:11px}.fc{padding:3px 8px;border-radius:999px;border:1px solid #2c3d4f;color:var(--dim)}.fc.snow{color:var(--snow2);border-color:var(--snow1)}.fc.storm{color:var(--snow3);border-color:var(--snow2);background:#253243;font-weight:700}.fc-label{color:var(--dim);margin-right:2px}.rail{height:var(--rail-h);display:flex;align-items:center;gap:6px;overflow:hidden}.rail button{min-height:0;padding:2px 8px;padding-block:8px;margin-block:-8px;font-size:11px;border-radius:999px;border-color:#3a2b2b;background:#24191a;color:var(--bad);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail .quiet{color:var(--dim);border-color:#2c3d4f;background:#16202b}.board{display:grid;grid-template-columns:repeat(11,var(--cell));grid-template-rows:repeat(13,var(--cell));gap:0;align-self:center;touch-action:none;user-select:none;-webkit-user-select:none;position:relative}.cell{min-width:0;min-height:0;position:relative;background:var(--ground);box-shadow:inset 0 0 0 1px #00000059;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell) * .5);line-height:1;color:var(--text)}.cell[data-snow="1"]{background:var(--snow1)}.cell[data-snow="2"]{background:var(--snow2)}.cell[data-snow="3"]{background:var(--snow3);background-image:repeating-linear-gradient(45deg,transparent 0 3px,var(--hatch) 3px 5px)}.cell[data-terr="3"]{background:var(--rock)}.cell[data-room=in]{background:var(--floor)}.cell[data-warm="1"]{box-shadow:inset 0 0 0 2px var(--warmth)}.cell .glyph{position:relative;z-index:2;text-shadow:0 0 2px var(--ink),0 0 2px var(--ink)}.cell[data-b="1"]{background:var(--wall)}.cell[data-b="2"] .glyph{color:var(--door)}.cell[data-b="2"][data-jam="1"]{box-shadow:inset 0 0 0 3px var(--jam)}.cell[data-b="3"] .glyph{color:var(--bed)}.cell[data-b="4"] .glyph{color:var(--store)}.cell[data-b="5"] .glyph{color:var(--pit)}.cell[data-b="6"] .glyph{color:var(--stove)}.cell[data-b="0"][data-terr="1"] .glyph{color:var(--stand)}.cell[data-b="0"][data-terr="2"] .glyph{color:var(--forage)}.cell[data-b="0"][data-terr="0"] .glyph{color:var(--path)}.cell[data-desig="1"],.cell[data-desig="2"],.cell[data-desig="3"]{outline:2px dashed var(--desig);outline-offset:-2px;z-index:3}.cell .who{position:absolute;z-index:4;width:62%;height:62%;border-radius:50%;background:var(--person);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell) * .34);color:var(--ink);font-weight:700}.cell .who.ill{background:var(--bad)}.cell .who.sel{box-shadow:0 0 0 3px var(--desig)}.cell .badge{position:absolute;z-index:5;right:0;top:0;width:8px;height:8px;border-radius:2px;background:var(--store)}.board[data-view=cost] .cell[data-cost]{background:color-mix(in srgb,var(--ground) calc(100% - var(--k) * 1%),var(--snow2))}.board[data-view=reach] .cell[data-reach="0"]{filter:brightness(.35) saturate(.3)}.board[data-view=reach] .cell[data-reach="0"] .who{opacity:.4}.dock{height:var(--dock-h);display:flex;gap:6px;align-items:center;overflow-x:auto;touch-action:pan-x;scrollbar-width:none}.dock::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;min-height:44px;padding:4px 10px;border-radius:10px;border:1px solid #2c3d4f;background:#16202b;display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:11px;line-height:1.15}.chip[aria-pressed=true]{border-color:var(--desig)}.chip .cname{font-weight:700;color:var(--text)}.chip .cneed{color:var(--dim)}.chip.ill .cname{color:var(--bad)}.chip.dead{opacity:.4}.tabs{height:var(--tabs-h);display:flex;gap:6px;align-items:center}.tabs button{flex:1 1 0;min-width:0}.tabs button[aria-pressed=true]{border-color:var(--store);color:var(--store)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:40;max-height:70vh;overflow-y:auto;background:var(--panel);border-top:1px solid #2c3d4f;border-radius:14px 14px 0 0;padding:12px 12px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.sheet h2{margin:0;font-size:15px}.sheet .close{position:absolute;right:8px;top:8px;min-width:44px;min-height:44px}.backdrop{position:fixed;inset:0;z-index:30;background:#03060a8c}.workrow{display:flex;align-items:center;gap:8px}.workrow .wname{width:62px;font-weight:700}.workrow .wmeta{flex:1 1 auto;min-width:0;font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workrow button{min-width:44px;min-height:44px;padding:4px 8px}.buildgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.buildgrid button{min-height:52px;padding:4px;font-size:11px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}.buildgrid button[aria-pressed=true]{border-color:var(--desig);color:var(--desig)}.wheel{position:fixed;z-index:50;width:168px;height:168px;margin:-84px 0 0 -84px;border-radius:50%;background:#0a0f15f0;border:1px solid #2c3d4f;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden}.wheel button{border:none;border-radius:0;min-height:84px;font-size:12px;background:transparent;box-shadow:inset 0 0 0 1px #22303f}.banner{position:absolute;left:8px;right:8px;top:calc(var(--bar-h) + var(--supply-h) + var(--forecast-h) + env(safe-area-inset-top));z-index:25;background:#2a1f10;border:1px solid var(--warmth);color:var(--warmth);border-radius:10px;padding:8px 10px;font-size:13px;text-align:center}.modal{position:fixed;z-index:60;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 24px));max-height:80vh;overflow-y:auto;background:var(--panel);border:1px solid #2c3d4f;border-radius:14px;padding:16px}.modal h2{margin:0 0 8px}.modal p,.modal li{line-height:1.5;color:var(--dim)}.modal .close{position:absolute;right:8px;top:8px;min-width:44px;min-height:44px}.tut{position:fixed;left:8px;right:8px;bottom:calc(4px + env(safe-area-inset-bottom));max-width:544px;margin:0 auto;z-index:45;background:#10202b;border:1px solid var(--bed);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.tut .step{font-size:11px;color:var(--bed);letter-spacing:.08em}.tut .say{font-size:14px;line-height:1.4}.tut .after{font-size:13px;color:var(--dim);line-height:1.4}.tut .row{display:flex;gap:8px}.tut .row button{flex:1 1 auto;min-height:44px}.cell.hint{outline:3px solid var(--bed);outline-offset:-3px;z-index:6}body.tutoring{--tut-h: 168px;--chrome: calc( 44px + 36px + 32px + 28px + 56px + 56px + 24px + var(--tut-h) + env(safe-area-inset-top) + env(safe-area-inset-bottom) )}body.tutoring .main-content{padding-bottom:calc(var(--tut-h) + 10px)}.summary{width:100%;max-width:560px;padding:20px 14px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.summary h1{margin:0;font-size:28px}.summary h1.lost{color:var(--bad)}.summary h1.won{color:var(--good)}.block{background:var(--panel);border:1px solid #22303f;border-radius:12px;padding:10px 12px}.block h3{margin:0 0 6px;font-size:12px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase}.block p,.block li{margin:2px 0;line-height:1.45;font-size:14px}.block ul{margin:0;padding-left:18px}.roll li b{color:var(--store)}.roll li.dead b{color:var(--bad)}@media(min-width:900px){.game{max-width:1100px;display:grid;grid-template-columns:minmax(0,auto) minmax(300px,360px);grid-template-areas:"top   side" "sup   side" "fc    side" "rail  side" "board side" "dock  side" "tabs  side";align-items:start;column-gap:16px}.topbar{grid-area:top}.supply{grid-area:sup}.forecast{grid-area:fc}.rail{grid-area:rail}.board{grid-area:board}.dock{grid-area:dock}.tabs{grid-area:tabs}.side{grid-area:side;position:sticky;top:8px;background:var(--panel);border:1px solid #22303f;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:10px}.side[hidden]{display:block!important}.side h3{margin:0;font-size:12px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase}.side .workrow{padding:2px 0}.side .alertline{font-size:13px;color:var(--bad);line-height:1.4}.side .alertline.quiet{color:var(--dim)}}@media(max-height:520px)and (orientation:landscape){.game{max-width:none;display:grid;grid-template-columns:minmax(0,auto) minmax(240px,1fr);grid-template-areas:"board top" "board sup" "board fc" "board rail" "board dock" "board tabs";align-items:start;column-gap:12px}body{--cell: max(20px, min((var(--vh, 1vh) * 100 - 24px) / 13, 30px))}.topbar{grid-area:top;height:40px}.supply{grid-area:sup}.forecast{grid-area:fc}.rail{grid-area:rail}.board{grid-area:board}.dock{grid-area:dock}.tabs{grid-area:tabs;height:48px}.main-content{overflow-y:auto}.banner{left:auto;right:8px;width:min(46vw,420px);top:92px}.side{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}