:root{--ink: #0b0d10;--panel: #15171a;--panel2: #1f2125;--line: #3a3c41;--bone: #d8cfb8;--dim: #8c8574;--sodium: #e3a33b;--flesh: #c65a63;--toxin: #7fd48a;--signal: #b06fe0;--mgt: #e4603f;--hde: #d8cfb8;--rfx: #eea423;--foc: #6b9be0;--met: #72c464;--abr: #ad84e8;--gut: max(16px, env(safe-area-inset-left));--display: "Bebas Neue", "Barlow Condensed", sans-serif;--ui: "Barlow Condensed", "Arial Narrow", sans-serif;--mono: "Space Mono", ui-monospace, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--ink);color:var(--bone);overflow:hidden;overscroll-behavior:none}body{font-family:var(--ui);font-size:16px;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;max-width:560px;margin:0 auto}.scene{position:relative;flex:none;overflow:hidden;background:var(--ink)}.scene canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.scene.full{flex:1}.frame{border:2px solid var(--bone);box-shadow:inset 0 0 0 2px var(--ink),inset 0 0 0 3px var(--dim);background:var(--panel)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--bone);background:var(--panel2);padding:10px 14px;min-height:44px;font-family:var(--ui);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:16px;cursor:pointer}.btn:active{background:var(--bone);color:var(--ink)}.btn.primary{background:var(--sodium);color:var(--ink);border-color:var(--sodium)}.btn.danger{border-color:var(--flesh);color:var(--flesh)}.btn:disabled{opacity:.35;pointer-events:none}.btn.small{min-height:36px;padding:6px 10px;font-size:14px}.hud{position:absolute;left:0;right:0;top:0;padding:calc(8px + env(safe-area-inset-top)) var(--gut) 8px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.hud-row{display:flex;align-items:center;gap:10px}.bar{position:relative;height:14px;flex:1;background:var(--ink);border:2px solid var(--bone);padding:1px}.bar i{display:block;height:100%;background:var(--toxin);transition:width .25s ease-out}.bar i.lo{background:var(--sodium)}.bar i.crit{background:var(--flesh)}.stat{font-weight:700;font-size:15px;white-space:nowrap;text-shadow:0 1px 0 var(--ink)}.pips{display:flex;gap:2px}.pips b{width:7px;height:12px;border:1.5px solid var(--foc)}.pips b.on{background:var(--foc)}.chip{background:#0b0d10d9;border:1.5px solid var(--line);padding:1px 6px;font-weight:700;font-size:14px}.chip.warn{border-color:var(--signal);color:var(--signal)}.msg{align-self:flex-start;background:#0b0d10e0;border-left:3px solid var(--sodium);padding:4px 8px;font-size:15px;max-width:100%;transition:opacity .4s}.msg.fade{opacity:0}.dock{position:absolute;left:0;right:0;bottom:0;padding:8px var(--gut) calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;background:linear-gradient(transparent,#0b0d10eb 30%)}.dock-btns{display:flex;gap:8px}.dock-btns .btn{flex:1}.exp-hand{display:flex;gap:6px}.exp-hand>div{flex:0 1 calc((100% - 24px)/5);min-width:0;display:flex}.exp-hand .card{flex:1;min-width:0}.card{position:relative;overflow:hidden;isolation:isolate;border:2px solid var(--dim);padding:22px 5px 6px;min-height:118px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:transform .12s;background:radial-gradient(circle at 1px 1px,rgba(216,207,184,.07) .8px,transparent 1.1px) 0 0 / 4px 4px,repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px),radial-gradient(ellipse at 50% 35%,#25272c,#1d1f23 60%,#16181b)}.card .bgart{position:absolute;z-index:-1;left:8%;right:-18%;bottom:-6%;width:110%;height:auto;color:var(--tint, var(--dim));opacity:.2;transform:rotate(-8deg)}.card.big .bgart{opacity:.16}.ic{display:inline-flex;width:14px;height:14px;vertical-align:-2px;margin-right:2px;color:var(--bone)}.ic svg{width:100%;height:100%}.card.big .ic{width:17px;height:17px;vertical-align:-3px}.card .ln.fx{font-size:15px;font-weight:700;display:flex;align-items:center;flex-wrap:wrap;gap:1px}.card .ln.fx b{font-size:16px}.card .ln .w{font-weight:500;margin-right:3px}.card .ln.rule{font-size:11.5px;line-height:1.15;color:#b9b09c;font-style:italic}.card.big .ln.rule{font-size:14px}.ic-heal,.ic-triage{color:var(--toxin)}.ic-energy{color:var(--sodium)}.ic-bio{color:var(--flesh)}.ic-weak,.ic-expose,.ic-surge,.ic-drain{color:var(--abr)}.ic-rot{color:#a9c25a}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--tint, var(--dim))}.card .cost{position:absolute;top:6px;left:5px;font-family:var(--display);font-size:20px;line-height:1;color:var(--sodium)}.card .cost.o2{color:var(--foc)}.card .cost.pips{display:flex;gap:5px;top:9px;left:8px}.card .cost.o2pips{display:flex;gap:3px;top:8px;left:7px}.card .cost.o2pips b{width:7px;height:12px;border:1.5px solid var(--foc);background:var(--foc)}.card{-webkit-touch-callout:none}.detail-layer{z-index:40}.card .cost.pips b{width:9px;height:9px;border:2px solid var(--sodium);background:var(--sodium);transform:rotate(45deg)}.card .name{font-weight:700;font-size:13px;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;line-height:1.05;text-transform:uppercase;letter-spacing:.02em;min-height:28px}.card .ln{font-size:13px;line-height:1.15}.card .ln b{font-size:15px}.card .th{font-size:11.5px;line-height:1.1;opacity:.45;border-top:1px dotted var(--line);margin-top:2px;padding-top:2px}.card .th.met{opacity:1}.card .kw{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}.card.off{opacity:.4}.card.sel{transform:translateY(-8px);border-color:var(--sodium)}.card.pick{border-color:var(--signal);animation:pulse .9s infinite alternate}.card.medic{border-color:var(--toxin)}.card.fleeting{border-style:dashed}.card.big{min-height:170px;padding:26px 8px 8px}.card.big .name{font-size:17px}.card.big .ln{font-size:15px}.card.big .th{font-size:13px}@keyframes pulse{to{box-shadow:0 0 0 3px var(--signal)}}.t-mgt{--tint: var(--mgt)}.t-hde{--tint: var(--hde)}.t-rfx{--tint: var(--rfx)}.t-foc{--tint: var(--foc)}.t-met{--tint: var(--met)}.t-abr{--tint: var(--abr)}b.mgt{color:var(--mgt)}b.hde{color:var(--hde)}b.rfx{color:var(--rfx)}b.foc{color:var(--foc)}b.met{color:var(--met)}b.abr{color:var(--abr)}.battle-ui{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px var(--gut) calc(10px + env(safe-area-inset-bottom));background:var(--ink);min-height:0}.textbox{font-family:var(--mono);font-size:14px;line-height:1.35;min-height:62px;padding:8px 10px;text-transform:uppercase}.textbox .more{float:right;animation:blink .8s steps(2) infinite;color:var(--sodium)}@keyframes blink{50%{opacity:0}}.hand{display:flex;gap:5px}.hand>div{flex:0 1 calc((100% - 20px)/5);min-width:0;display:flex;touch-action:none}.hand .card{flex:1;min-width:0;min-height:150px}.hand.busy .card{opacity:.55;pointer-events:none}.controls{display:flex;gap:8px;align-items:center}.energy{display:flex;gap:4px;align-items:center;font-family:var(--display);font-size:22px;color:var(--sodium)}.energy b{width:14px;height:14px;border:2px solid var(--sodium);transform:rotate(45deg)}.energy b.on{background:var(--sodium)}.controls .grow{flex:1}.piles{font-size:13px;color:var(--dim)}.plates{position:absolute;top:calc(6px + env(safe-area-inset-top));left:var(--gut);display:flex;flex-direction:column;gap:4px;width:60%}.plates.many .plate{padding:2px 6px 3px}.plates.many .plate .bar{height:8px}.plates.many .plate .nm{font-size:13px}.plates.many .plate .hpn{font-size:14px}.unit{display:flex;align-items:flex-start;gap:0;cursor:pointer}.unit.gone{display:none}.unit .plate{flex:1;min-width:0}.plate{background:#15171aeb;border:2px solid var(--bone);padding:4px 7px 5px}.tab{flex:none;display:flex;flex-direction:column;gap:1px;margin-top:4px;padding:3px 5px;background:#1d1f23f2;border:2px solid var(--dim);border-left:none;font-weight:700;font-size:13px;line-height:1.15}.tab span{display:flex;align-items:center;white-space:nowrap}.tab .ic{width:12px;height:12px;margin-right:2px}.tab small{font-size:10px;margin-left:1px;color:var(--dim)}.unit.me .tab{border-left:2px solid var(--dim);border-right:none}.plate.tgt{border-color:var(--sodium)}.plate .top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.plate .nm{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate .hpn{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--bone);white-space:nowrap;text-shadow:0 1px 0 var(--ink)}.plate .hpn small{font-size:11px;color:var(--dim);font-weight:400}.plate .bar{height:10px;margin-top:2px}.plate .row2{display:flex;justify-content:space-between;font-size:13px;margin-top:2px;gap:6px}.plate .intent{font-weight:700;color:var(--sodium);white-space:nowrap;display:flex;align-items:center;gap:4px}.plate .intent .ic{color:var(--sodium);width:13px;height:13px}.plate .intent s{color:var(--dim);font-weight:400;font-size:11px}.plate .intent .atk{display:inline-flex;align-items:center}.plate .st{color:var(--dim);white-space:nowrap}.unit.me{position:absolute;right:var(--gut);width:58%;justify-content:flex-end}.unit.me .plate{max-width:86%}.sheet.info{max-height:82vh;overflow-y:auto}.sheet.info h3{margin:12px 0 4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sodium)}.sheet.info p{margin:4px 0;line-height:1.4}.sheet.info .moves{margin:2px 0 4px;padding-left:18px;line-height:1.4;font-size:13px}.fxrow{display:flex;gap:8px;align-items:flex-start;margin:4px 0;line-height:1.3}.fxrow .fxic{flex:none;width:22px;display:flex;justify-content:center;padding-top:2px}.fxrow .fxic .ic{width:16px;height:16px}.fxrow small{color:var(--dim)}.genome{width:100%;border-collapse:collapse;font-size:13px}.genome td{padding:4px;border-top:1px solid rgba(216,207,184,.15);vertical-align:top}.genome td:first-child{width:20px;font-size:15px}.genome .num{text-align:right;white-space:nowrap}.genome .num b{font-family:var(--mono);font-size:16px}.genome small{color:var(--dim)}.sheet-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#050608a8;display:flex;align-items:flex-end;z-index:20}.sheet{width:100%;max-height:88%;overflow-y:auto;padding:16px var(--gut) calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;border-bottom:none}.sheet h2{font-family:var(--display);font-weight:400;font-size:30px;letter-spacing:.03em;margin:0;line-height:1}.sheet p{margin:0;font-size:16px;line-height:1.3;color:#c4bba6}.sheet .acts{display:flex;flex-direction:column;gap:8px}.act{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left}.act small{font-weight:500;text-transform:none;color:var(--dim);letter-spacing:0}.btn:active small{color:var(--ink)}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.corpse{display:flex;align-items:center;gap:8px}.corpse .nm{flex:1;font-weight:700;text-transform:uppercase}.corpse .btn{padding:6px 8px;font-size:14px}.why{font-family:var(--mono);font-size:13px;color:var(--dim)}.tabs{display:flex;gap:6px}.tabs .btn.on{background:var(--bone);color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:calc(18px + env(safe-area-inset-top)) var(--gut) calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;z-index:10;background:radial-gradient(ellipse at 50% 0%,#22242a 0%,var(--ink) 70%)}.title{font-family:var(--display);font-size:64px;line-height:.85;letter-spacing:.04em;margin:0}.title small{display:block;font-family:var(--ui);font-size:16px;letter-spacing:.2em;color:var(--sodium);text-transform:uppercase;margin-top:8px}.sub{color:var(--dim);font-size:16px}.codons{font-family:var(--display);font-size:34px;color:var(--sodium);line-height:1}.codons small{font-family:var(--ui);font-size:14px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase}.traits{display:flex;flex-direction:column;gap:8px}.trait{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:8px 10px;background:var(--panel);border-left:4px solid var(--tint)}.trait .g{font-size:22px;color:var(--tint);text-align:center;grid-row:span 2}.trait .n{font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.04em;display:flex;gap:8px;align-items:baseline}.trait .n em{font-style:normal;font-family:var(--display);font-size:26px;color:var(--tint);line-height:1}.trait .d{font-size:13px;color:var(--dim);grid-column:2}.trait .btn{grid-row:span 2;grid-column:3;min-width:74px}.lv{display:flex;gap:2px;margin:2px 0 4px}.lv i{width:6px;height:10px;border:1px solid var(--line)}.lv i.on{background:var(--tint);border-color:var(--tint)}.derived{display:flex;flex-wrap:wrap;gap:6px}.row{display:flex;gap:8px}.row .btn{flex:1}.big-msg{font-family:var(--display);font-size:54px;line-height:.9;margin:20vh 0 0}.minimap{width:100%;image-rendering:pixelated;border:2px solid var(--bone);background:var(--ink)}.nobuy{opacity:.55}.cards3 [data-act],.grid [data-cut]{cursor:pointer}.implants{display:flex;flex-direction:column;gap:4px}.imp{display:flex;gap:8px;font-size:14px;align-items:baseline}.imp>b{color:var(--signal);width:16px;text-align:center}.codex summary{cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sodium)}.codex p{font-size:15px;line-height:1.35;margin:8px 0}sup{font-size:10px}.planet{background:var(--panel);border-left:4px solid var(--sodium);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.planet .pn{font-family:var(--display);font-size:30px;line-height:1}.planet .pp{color:#c4bba6;font-size:15px}.planet .row{align-items:center;justify-content:space-between}.planet .row .btn{flex:none}.planet.visited,.planet.lost,.planet.unknown{border-color:var(--line);opacity:.6}.hand .card .name,.exp-hand .card .name{font-size:12px;letter-spacing:0}.card .th{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.card .th .ic{width:12px;height:12px}.plate .nm .form{font-style:normal;font-size:10px;letter-spacing:.06em;padding:0 3px;border-radius:2px;vertical-align:1px}.plate .nm .form.faint{color:#9aa3a8;border:1px solid #5b6368}.plate .nm .form.hulk{color:#1a1206;background:#e3a33b}.plate .nm .form.vet{color:#e38b6b;margin-left:4px}.sheet.summary .sum-title{font-family:var(--mono);font-size:26px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--sodium);margin:2px 0 10px}.sum-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sum-tiles .tile{border:2px solid var(--bone);padding:8px 10px;background:#15171ae6;display:flex;flex-direction:column;gap:2px}.sum-tiles .tile b{font-family:var(--mono);font-size:28px;line-height:1}.sum-tiles .tile span{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.sum-tiles .tile small{color:var(--dim);font-size:11px;line-height:1.3}.sum-tiles .tile.cod b,.sum-tiles .tile.cod span{color:var(--sodium)}.sum-tiles .tile.bio b,.sum-tiles .tile.bio span{color:#9fd08a}.sheet.summary h3{margin:12px 0 4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.sheet.summary .corpse{display:flex;justify-content:space-between;padding:3px 0;border-top:1px solid rgba(216,207,184,.12)}.sheet.summary .corpse .bio{font-family:var(--mono);color:#9fd08a}.sheet.summary .corpse small{color:var(--dim);font-weight:400;text-transform:none}.sheet.summary .cards3{margin-bottom:8px}.drag-ghost{position:fixed;z-index:50;pointer-events:none;transform:translate(-50%,-60%) rotate(-4deg) scale(1.08);box-shadow:0 10px 24px #0009;transition:box-shadow .1s,border-color .1s}.drag-ghost.on-target{border-color:var(--sodium);box-shadow:0 0 0 3px var(--sodium),0 10px 24px #0009}.plates .unit.drop .plate{border-color:var(--sodium);box-shadow:0 0 0 2px var(--sodium),0 0 18px #e3a33b8c}.scene canvas.mini{position:absolute;left:auto;right:var(--gut);top:64px;width:96px;height:96px;border:2px solid var(--bone);background:#0b0d10;image-rendering:pixelated;cursor:pointer;z-index:3;box-shadow:0 4px 12px #00000080}.pause-btn{position:absolute;right:var(--gut);bottom:calc(14px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:50%;border:2px solid var(--bone);background:#15171aeb;display:flex;align-items:center;justify-content:center;gap:6px;z-index:3;cursor:pointer}.pause-btn i{display:block;width:6px;height:20px;background:var(--bone)}.pause-hp{display:flex;align-items:center;gap:10px}.pause-hp .bar{flex:1;height:14px}.pause-hp span{font-family:var(--mono);font-weight:700;white-space:nowrap}.pause-nav{gap:8px;margin:8px 0}.pause-nav .btn{flex:1}.genes{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.gene{display:grid;grid-template-columns:18px 1fr auto;align-items:baseline;gap:0 6px;font-size:13px}.gene em{font-style:normal;font-family:var(--mono);font-weight:700;font-size:16px}.gene small{grid-column:2 / 4;color:var(--dim);font-size:11px}.sheet h3{margin:12px 0 4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}