:root{--graphite: #171b23;--steel: #738291;--ivory: #eee7d9;--amber: #eab44f;--teal: #65c4b5;--red: #be514b;--panel: rgba(20, 24, 31, .94);--line: #343e4b;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#0f1217;color:var(--ivory);font:600 14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game{position:fixed;inset:0;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chip{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);letter-spacing:.08em;text-transform:uppercase;font-size:12px;white-space:nowrap}.chip.small{min-height:44px;padding:0 12px;font-size:11px}.chip.primary{border-color:var(--teal);color:var(--teal)}.icon-btn{width:44px;height:44px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.icon-btn.small{width:44px;height:44px}.icon-btn.on{border-color:var(--amber);color:var(--amber)}.icon-btn.speed{font-size:15px;letter-spacing:0}#topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:calc(var(--sat) + 8px) calc(var(--sar) + 10px) 6px calc(var(--sal) + 10px);pointer-events:none}#topbar>*{pointer-events:auto}.tag{padding:6px 10px;border-radius:6px;background:#171b23cc;color:#8d98a4;letter-spacing:.22em;font-size:12px;font-family:ui-monospace,Menlo,monospace;pointer-events:none!important}.top-right{margin-left:auto;display:flex;gap:6px;flex:none}#hud{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;flex:0 1 auto}.hud-row{display:flex;align-items:center;gap:6px;min-width:0}#hud-new{position:absolute;left:0;top:calc(100% + 6px);min-height:34px;padding:0 12px;border-color:#e0523f;color:#e0523f}#hud-new[hidden]{display:none}#topbar>#hud{pointer-events:none}#hud-new{pointer-events:auto}#notice{flex:1 1 auto;min-width:0;font-size:12px;font-weight:600;color:var(--amber);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}#notice.on{display:block}#notice.info{color:var(--teal)}.log{margin:0;padding-left:0;list-style:none;max-height:160px;overflow-y:auto;font:500 11px/1.5 ui-monospace,Menlo,monospace;color:#9aa6b2}#hud .tag.crit{color:var(--amber)}#hud .tag.dead{color:#e0523f}.bars{display:flex;gap:6px}.bar{isolation:isolate;position:relative;width:70px;height:16px;border-radius:4px;background:#171b23d9;border:1px solid var(--line);overflow:hidden}.bar b{position:absolute;left:5px;top:1px;font-size:9px;letter-spacing:.12em;color:#c9d0d6;z-index:1}.bar i{position:absolute;inset:0;transform-origin:left;background:#65c4b58c;transition:transform .15s}#bar-oil i{background:#c4342cb8}#hud.oil #bar-oil i{background:#8c785ab3}#hud.oil #bar-oil.low i,.bar.low i{background:#e0523fb3}.bill{display:flex;align-items:baseline;gap:6px;font:700 11px/1.2 ui-monospace,Menlo,monospace;color:#c9d0d6;pointer-events:none;white-space:nowrap}.bill b{font-size:9px;letter-spacing:.16em;color:#8d98a4;font-weight:700}#bill-sum{color:#ffd166;display:inline-block}#combo{color:#ff6b4a;font-weight:900;letter-spacing:.06em;display:inline-block}#combo[hidden]{display:none}#combo.hot{color:#ffd166;text-shadow:0 0 8px rgba(255,107,74,.8)}.bump{animation:bump .22s ease-out}@keyframes bump{0%{transform:scale(1.35)}to{transform:scale(1)}}#protocol-toast{position:absolute;left:50%;top:calc(var(--sat) + 8px);transform:translate(-50%);z-index:30;pointer-events:none!important}#protocol-toast[hidden]{display:none}.pt-card{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 16px;border-radius:12px;white-space:nowrap;background:#14181ff0;border:1px solid #FFD166;box-shadow:0 6px 30px #00000080,0 0 0 3px #ffd16626;text-align:center}.pt-card small{font:700 9px/1 ui-monospace,Menlo,monospace;letter-spacing:.22em;color:#ffd166}.pt-card b{font-size:15px;font-weight:900;color:#f2e3cf}.pt-card span{font-size:11px;color:#9aa6b2}#protocol-toast.show .pt-card{animation:pt-in 2.8s ease-out both}@keyframes pt-in{0%{transform:translateY(-30px) scale(.7);opacity:0}8%{transform:translateY(0) scale(1.08);opacity:1}14%{transform:scale(1)}85%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.confetti{position:absolute;left:50%;top:50%}.confetti i{position:absolute;width:7px;height:11px;border-radius:2px;opacity:0}#protocol-toast.show .confetti i{animation:confetti 1.6s cubic-bezier(.2,.7,.4,1) var(--d) both}@keyframes confetti{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}.protocols{list-style:none;margin:0;padding:0;display:grid;gap:4px}.protocols li{display:grid;grid-template-columns:18px 1fr;column-gap:6px;font-size:12px;color:#9aa6b2}.protocols .tick{grid-row:span 2;color:#65c4b5;font-weight:900}.protocols b{color:#c9d0d6;font-weight:600}.protocols li.done b{color:#ffd166}.protocols i{font-style:normal;font-size:11px;opacity:.8}h3 .count{font-weight:600;color:#ffd166;margin-left:4px}@media(prefers-reduced-motion:reduce){.bump,#protocol-toast.show .pt-card{animation:none}.confetti{display:none}}#readout{position:absolute;left:50%;top:calc(var(--sat) + 62px);transform:translate(-50%);padding:5px 10px;border-radius:7px;background:#14181fcc;border:1px solid var(--line);font-size:11px;letter-spacing:.12em;color:#c9d0d6;opacity:0;transition:opacity .12s;pointer-events:none!important;white-space:nowrap}#readout.on{opacity:1}#dock{position:absolute;left:0;right:0;bottom:0;padding:0 calc(var(--sar) + 8px) calc(var(--sab) + 8px) calc(var(--sal) + 8px);background:linear-gradient(to top,#0e1116f7 70%,#0e1116d9);border-top:1px solid #262e39}#strip{display:flex;align-items:center;gap:8px;min-height:56px;padding:6px 0}#strip.collapsed{min-height:0;padding:6px 0 0}#strip.collapsed .strip-body{display:none}#strip.collapsed #strip-toggle{height:30px}.strip-body{display:flex;align-items:center;gap:14px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.grp{display:flex;align-items:center;gap:8px;flex:none}.grp[hidden]{display:none}.grp.hint{color:#9aa6b2;font-weight:500;font-size:12px;flex:1 1 auto;white-space:normal;min-width:160px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grp.hint[hidden]{display:none}.size{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8d98a4}.size input{width:150px;height:44px;accent-color:var(--teal)}.swatches{display:flex;gap:6px}.swatch{width:44px;height:44px;border-radius:10px;border:2px solid var(--line);background:var(--c)}.swatch.active{border-color:var(--ivory);box-shadow:0 0 0 2px var(--teal)}#s-reattach{display:flex;gap:6px}#hotbar{display:flex;gap:6px;align-items:stretch;max-width:980px;margin:0 auto;width:100%}#recent{flex:1;display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}#recent::-webkit-scrollbar{display:none}#recent>.tool,#recent>.tool-temp{flex:1 0 64px;scroll-snap-align:start}.tool-temp{position:relative;display:flex}.tool-temp .tool{flex:1;border-style:dashed}.tool-temp .pin{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:1px solid #FFD166;background:#1a1f28;color:#ffd166;font-size:13px;line-height:1;display:grid;place-items:center}.tool.tbox{flex:0 0 auto;width:72px;border-color:var(--teal);color:var(--teal);background:#65c4b514}.tool.tbox.active{background:#65c4b533}.sheet.tb{align-items:end;place-items:end center;padding:0 0 calc(var(--sab) + 8px);background:#080a0e73}.tb-panel{width:min(760px,calc(100% - 16px));max-height:min(78vh,560px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#171c24;box-shadow:0 -10px 40px #00000073;overflow:hidden;animation:tb-up .16s ease-out}@keyframes tb-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.tb-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 4px 16px}.tb-head h2{margin:0;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#c9d0d6}.tb-tabs{display:flex;gap:4px;padding:4px 10px 8px;overflow-x:auto;scrollbar-width:none;flex:none}.tb-tabs::-webkit-scrollbar{display:none}.tb-tab{flex:none;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:#9aa6b2;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.tb-tab.active{color:#12161c;background:var(--teal);border-color:var(--teal)}.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:4px 12px 14px;overflow-y:auto;overscroll-behavior:contain}.tb-card{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;min-height:62px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:#1d232c;color:#e3e7ea}.tb-card[hidden]{display:none}.tb-cell{position:relative;display:flex}.tb-cell[hidden]{display:none}.tb-cell .tb-card{flex:1;min-width:0;padding-right:30px}.tb-grid.arranging .tb-card{padding-bottom:32px}.tb-star{position:absolute;top:2px;right:2px;width:34px;height:34px;border-radius:8px;border:0;background:transparent;color:#4a5361;font-size:16px;line-height:1}.tb-cell.fav .tb-star{color:#ffd166}.tb-move{display:none;position:absolute;right:4px;bottom:4px;gap:4px}.tb-grid.arranging .tb-move{display:flex}.tb-move button{width:30px;height:26px;border-radius:6px;border:1px solid var(--line);background:#232a35;color:#c9d0d6;font-size:16px;line-height:1}.tb-tab.fav{color:#ffd166}.tb-tab.fav.active{color:#12161c;background:#ffd166;border-color:#ffd166}.tb-card svg{grid-row:1 / 3;width:30px;height:30px;color:#c9d0d6}.tb-card b{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tb-card i{font-style:normal;font-size:11.5px;color:#8d98a4;line-height:1.25}.tb-card.active{border-color:var(--teal);background:#65c4b51a}.tb-card.active svg,.tb-card.active b{color:var(--teal)}.tool{height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;border:1px solid var(--line);border-radius:10px;background:#1a1f28;letter-spacing:.06em;text-transform:uppercase;font-size:10px;color:#c9d0d6}.tool.active{border-color:var(--teal);color:var(--teal);background:#65c4b51a}.is-paused .tool{opacity:.75}#stats{position:absolute;left:calc(var(--sal) + 10px);top:calc(var(--sat) + 60px);font:500 11px/1.4 ui-monospace,Menlo,monospace;color:#9aa6b2;pointer-events:none!important;white-space:pre}#stats[hidden]{display:none}.sheet{z-index:6;position:absolute;inset:0;display:grid;place-items:center;background:#080a0e99;padding:calc(var(--sat) + 12px) 12px calc(var(--sab) + 12px)}.sheet[hidden]{display:none}.sheet-card{width:min(460px,100%);max-height:100%;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#1a1f27}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet h2{margin:0;font-size:15px;letter-spacing:.16em;text-transform:uppercase}.sheet h3{margin:16px 0 8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}.row{display:flex;gap:8px;align-items:center}.row input[type=range]{flex:1;accent-color:var(--teal);height:44px}.lbl-inline{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8d98a4;min-width:52px}.check{display:flex;gap:10px;align-items:center;min-height:40px;font-weight:500}.check input{width:22px;height:22px;accent-color:var(--teal)}.help{margin:0;padding-left:18px;font-weight:500;color:#c9d0d6}.help li{margin:6px 0}.help b{color:var(--teal);font-weight:600}.fine{color:var(--steel);font-size:11px;font-weight:500;margin:16px 0 0}#title{position:fixed;inset:0;display:grid;place-items:center;align-content:center;gap:18px;padding:24px 24px calc(24px + var(--sab, 0px));z-index:10;background:radial-gradient(ellipse 70% 55% at 50% 45%,#12161c94,#12161cd9 75%),linear-gradient(to bottom,#0e11168c,#0e111633 45%,#0e1116e6)}#title:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(-45deg,#e8a33a 0 14px,#16191d 14px 28px);opacity:.85}#title[hidden]{display:none}body:has(#title:not([hidden])) #ui{visibility:hidden}#title img{width:min(620px,90vw,72vh);height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55));animation:title-in .5s ease-out both}#title p{margin:0;color:#9aa6b2;letter-spacing:.14em;text-transform:uppercase;font-size:12px;text-align:center}#title .tagline{color:#efe4d2;font-size:15px;letter-spacing:.08em;line-height:1.5;text-shadow:0 2px 8px rgba(0,0,0,.7)}#title .tagline span{color:#ff8a24;font-weight:700}#start{min-width:220px;min-height:58px;padding:0 28px;border:0;border-radius:14px;cursor:pointer;background:linear-gradient(#ff9a3c,#f07116);color:#1a1d22;font:800 19px/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 6px #9c420b,0 12px 24px #00000080;transition:transform .08s,box-shadow .08s}#start:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #9c420b,0 6px 14px #00000080}#start:disabled{background:#2a3038;color:#9aa6b2;box-shadow:0 6px #1b1f25;cursor:default;letter-spacing:.06em;font-size:15px}#start:focus-visible{outline:3px solid #efe4d2;outline-offset:4px}#title .pill{min-height:34px;padding:0 16px;border-radius:999px;border:1px solid #3a424c;background:#171b23b3;color:#c9d0d6;font:600 12px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}#title .pill b{color:#65c4b5}#title .pill[aria-pressed=true] b{color:#e0523f}#title-note{font-size:11px!important;color:#7d8894!important}@media(max-height:500px){#title{gap:10px;padding-top:12px}#title .tagline{font-size:13px}#start{min-height:48px}}@keyframes title-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#title img{animation:none}}#title .err{color:var(--amber);text-transform:none;letter-spacing:0}@media(max-width:700px){#recent>.tool,#recent>.tool-temp{flex-basis:58px}.tool.tbox{width:60px}.tb-grid{grid-template-columns:repeat(2,1fr)}.tool span{font-size:9px;letter-spacing:.02em}.bar{width:62px}.bar b{letter-spacing:.05em}.tool{flex-direction:column;gap:2px;height:56px;font-size:10px;letter-spacing:.06em}.top-right{gap:4px}.top-right .icon-btn{width:44px;height:44px}#hud{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;flex:0 1 auto}.hud-row{display:flex;align-items:center;gap:6px;min-width:0}#hud-new{position:absolute;left:0;top:calc(100% + 6px);min-height:34px;padding:0 12px;border-color:#e0523f;color:#e0523f}#hud-new[hidden]{display:none}#notice{flex:1 1 auto;min-width:0;font-size:12px;font-weight:600;color:var(--amber);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}#notice.on{display:block}#notice.info{color:var(--teal)}.log{margin:0;padding-left:0;list-style:none;max-height:160px;overflow-y:auto;font:500 11px/1.5 ui-monospace,Menlo,monospace;color:#9aa6b2}#hud .tag.crit{color:var(--amber)}#hud .tag.dead{color:#e0523f}.bars{display:flex;gap:6px}.bar{isolation:isolate;position:relative;width:70px;height:16px;border-radius:4px;background:#171b23d9;border:1px solid var(--line);overflow:hidden}.bar b{position:absolute;left:5px;top:1px;font-size:9px;letter-spacing:.12em;color:#c9d0d6;z-index:1}.bar i{position:absolute;inset:0;transform-origin:left;background:#65c4b58c;transition:transform .15s}#bar-oil i{background:#c4342cb8}.bar.low i{background:#e0523fb3}#readout{top:calc(var(--sat) + 60px)}.size input{width:110px}.desk{display:none}.strip-body{gap:8px}#strip-toggle{display:none}}@media(max-height:500px){.tool{height:46px}.tb-panel{max-height:calc(100vh - 24px)}.tb-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tool span{font-size:9px;letter-spacing:0}#strip{min-height:50px;padding:3px 0}#dock{padding-bottom:calc(var(--sab) + 5px)}}@media(max-height:500px)and (orientation:landscape){#strip{position:absolute;bottom:calc(100% + 6px);left:calc(var(--sal) + 8px);max-width:calc(100% - 16px);min-height:0;padding:4px 6px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}#strip.collapsed{padding:4px}#dock{padding-top:6px}.grp.hint{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:120px}.grp.hint[hidden]{display:none}}#strip:has(#notice.on) #s-hint{display:none}#strip{flex-wrap:wrap}#notice.on{flex-basis:100%;order:3;padding:0 2px 2px}#hud-state{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:700px){#hud-state{letter-spacing:.08em;font-size:11px;padding:5px 7px}}.chains{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chains .lbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8d98a4;min-width:0;max-width:11em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud .tag.arrest{animation:arrest-blink .8s steps(2,jump-none) infinite}@keyframes arrest-blink{50%{color:#ffb0a4}}@media(prefers-reduced-motion:reduce){#hud .tag.arrest{animation:none}}