:root{--bg:#070c16;--panel:#121a2c;--ink:#e2e8f2;--dim:#96a5be;--gold:#ffd65a;--air:#78c8ff;--green:#78ffaa}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}body{flex-direction:column;display:flex;overflow:hidden}#hud{padding:10px 16px 8px}#hud .title{letter-spacing:.02em;font-size:18px}#hud .title span{color:var(--dim);margin-left:.5em}#hud .title #deckName{color:var(--gold)}.bars{color:var(--dim);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.air{background:#1e2a40;border-radius:6px;width:140px;height:12px;display:inline-block;overflow:hidden}.air i{background:var(--air);width:100%;height:100%;transition:width .15s;display:block}.air i.low{background:#ff7a5a}#air{color:var(--ink);min-width:2.5em}#stats{margin-left:8px}button.small{margin-left:auto;padding:2px 10px;font-size:13px}#wrap{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;flex:1;display:flex;position:relative;overflow:auto}#map{flex:none;margin:auto;display:block}#mini{z-index:5;background:#05080fd9;border:1px solid #2a3756;border-radius:6px;position:fixed;right:8px;box-shadow:0 2px 8px #000a}#card{background:var(--panel);border:2px solid #2a3756;border-radius:12px;min-height:92px;margin:8px 16px 12px;padding:10px 14px}#card.log{border-color:var(--gold)}#card.salvage{border-color:var(--green)}#card.hazard{border-color:#ff7a5a}#msg b{color:var(--gold)}#acts{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}#msg .swaps{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}#msg .swaps button{min-height:40px;padding:8px 12px;font-size:15px}#legend{color:var(--dim);margin-top:4px;font-size:13px}#legend .k{margin:0 2px 0 8px;font-weight:700;display:inline-block}#legend .k:first-child{margin-left:0}#legend .tc{color:#ffb04a}button.torch{color:#ffcf9a;background:#3a2412;border:1px solid #a8642a}button.torch.lit{color:#1a0d06;background:#ff8a3a;box-shadow:0 0 12px #ff8a3a}button.torch:disabled{opacity:.5;cursor:default}#legend .sv{color:var(--green)}#legend .lg{color:var(--gold)}#legend .ex{color:var(--air)}#pad{gap:6px;display:none}#pad button{width:52px;height:48px;color:var(--ink);background:#2a3756;padding:0;font-size:22px}@media (pointer:coarse){#pad{display:inline-flex}}#hint{color:var(--dim);font-size:14px}button{font:inherit;color:var(--bg);background:var(--gold);cursor:pointer;border:0;border-radius:8px;padding:6px 14px}button.ghost{color:var(--ink);background:0 0;border:1px solid #3a4870}#title{z-index:20;background:#05080f;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}#title[hidden]{display:none}#title .tbox{background:var(--panel);border-radius:14px;width:100%;max-width:720px;position:relative;overflow:hidden}#titleArt{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}#title .ttext{background:linear-gradient(180deg, transparent 0, var(--panel) 90px);margin-top:-90px;padding:60px 22px 22px;position:relative}#title h1{color:var(--gold);letter-spacing:.08em;margin:0 0 6px;font-size:44px}#title p{margin:0 0 10px}#title .dim{color:var(--dim)}#btnBoard{margin-top:6px;padding:10px 22px;font-size:18px}#end{background:#04070de6;padding:24px 16px;position:fixed;inset:0;overflow:auto}#end .box{background:var(--panel);border-radius:14px;max-width:640px;margin:0 auto;padding:20px 22px}#end h1{margin:0 0 6px;font-size:24px}#end h2{color:var(--gold);margin:22px 0 6px;font-size:17px}#share{white-space:pre-wrap;background:#0b1120;border-radius:8px;padding:10px 12px;font:15px/1.5 ui-monospace,monospace}#art{border-radius:10px;width:100%;height:auto;margin:20px 0 0;display:block}#art[hidden]{display:none}#story p{margin:0 0 10px}#board ol{font-variant-numeric:tabular-nums;margin:0;padding-left:2.2em}#board li{padding:2px 0}#board li span:first-child{min-width:13em;display:inline-block}#board li.you{color:var(--gold)}#board .sv{color:#ff8fb8}#board .dim{color:var(--dim);margin:8px 0 0;font-size:14px}#story .missed{color:var(--dim)}a{color:var(--air)}.made{color:var(--dim);margin-top:18px}@media (max-width:600px){body{font-size:15px}#hud{padding:8px 12px 6px}#hud .title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}#hud .title span{margin-left:.35em}.air{width:96px}#stats{margin-left:2px;font-size:14px}#card{min-height:0;margin:6px 10px 10px;padding:8px 12px}#hint{display:none}}#out{color:var(--dim);white-space:nowrap;margin-left:6px;font-size:.9em}#out.tight{color:#ff7a6b;font-weight:700}