: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}#stage{flex:none;margin:auto;position:relative}#map{display:block}#fx{pointer-events:none;position:absolute;top:0;left:0}#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}#msg img.roomArt{float:left;aspect-ratio:3/2;border:1px solid #2a3756;border-radius:8px;width:132px;margin:0 12px 4px 0}#card:after{content:"";clear:both;display:block}#card.log{border-color:var(--gold)}#card.salvage{border-color:var(--green)}#card.hazard{border-color:#ff7a5a}#msg b{color:var(--gold)}#msg details.more{margin-top:4px}#msg details.more summary{cursor:pointer;color:var(--dim);padding:6px 0;font-size:.92em}#msg details.more[open] summary{margin-bottom:4px}#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}#legend .o2{color:#8ff0ff}#legend .dr{color:#ffbe5a}#legend .tm{color:#9dff8a}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}#crewAd a{border:1px solid var(--gold);color:var(--gold);border-radius:8px;margin:0 8px 4px 0;padding:5px 14px;font-weight:600;text-decoration:none;display:inline-block}button.ghost{color:var(--ink);background:0 0;border:1px solid #3a4870}#title{z-index:20;background:#05080f;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;margin:auto;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)}#title .cond{color:#ff9a6b;letter-spacing:.04em}#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 .vs,#title .vs{color:var(--gold)}#board .dim{color:var(--dim);margin:8px 0 0;font-size:14px}#story .missed{color:var(--dim)}#career{border:1px solid #3a4870;border-radius:10px;margin:14px 0 0;padding:12px 14px}#career h2{margin-top:0}#career .buy{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}#career .buy button{font-size:14px}#career .buy button:disabled{opacity:.45;cursor:default}#medals{margin:14px 0 0}.bounty{color:#ffcf9a}#medals .bounty{color:var(--dim);margin:4px 0 8px}#medals .bounty.got{color:var(--gold)}#route .decks{flex-wrap:wrap;gap:10px;display:flex}#route figure{flex:260px;max-width:100%;margin:0}#route canvas{background:#05080f;border-radius:8px;width:100%;height:auto;display:block}#route figcaption{color:var(--dim);margin-top:3px;font-size:13px}#archive ul{margin:0;padding-left:1.2em}#archive li{padding:2px 0}#archive .dim{color:var(--dim)}#archive details{margin-top:4px}#archive summary{cursor:pointer;color:var(--dim)}#medals .row{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}#medals .m{background:#1e2a40;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:14px;display:inline-flex}#medals .m.got{color:var(--gold);background:#3a3214}#medals .m.new{box-shadow:0 0 0 2px var(--gold)}#medals .m.no{opacity:.45}#medals .m.no .i{filter:grayscale()}#medals details{color:var(--dim);font-size:14px}#medals summary{cursor:pointer}a{color:var(--air)}.tip{z-index:15;color:#1a1406;background:#fff3c4;border-radius:10px;max-width:300px;padding:9px 34px 9px 12px;font-size:14px;position:fixed;box-shadow:0 4px 16px #000c}.tip:before{content:"";left:calc(var(--ax,50%) - 7px);border:7px solid #0000;border-top:0;border-bottom-color:#fff3c4;position:absolute;top:-7px}.tip.up:before{border:7px solid #0000;border-top-color:#fff3c4;border-bottom:0;top:auto;bottom:-7px}.tip button{color:#1a1406;border-color:#c9b77a;padding:0 7px;font-size:14px;position:absolute;top:4px;right:4px}.made{color:var(--dim);margin-top:18px}.bh{border:1px solid #3a4870;border-radius:10px;align-items:center;gap:14px;padding:12px;display:flex}.bh img{border-radius:6px;width:220px;max-width:40vw;height:auto;display:block}.bh p{margin:0}.bh p+p{margin-top:8px}.bh img[hidden],.bh[hidden]{display:none}#crewBack{margin:12px 0}#crewBack[hidden]{display:none}#crewBack a{color:#fff;background:#2d6a3e;border-radius:8px;padding:8px 14px;text-decoration:none;display:inline-block}@media (max-width:520px){.bh{flex-direction:column;align-items:stretch}.bh img{width:100%;max-width:none}}@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}#logbook ul{margin:4px 0 8px;padding-left:1.2em}#logbook li{padding:2px 0}#logbook ul.new li{color:var(--gold)}#logbook h3{margin:12px 0 2px;font-size:15px}#logbook .dim{color:var(--dim);font-size:13px;font-weight:400}#logbook summary{cursor:pointer;color:var(--dim)}@media (max-width:600px){#legend{display:none}#msg{overscroll-behavior:contain;max-height:30vh;overflow-y:auto}}@media (max-width:600px) and (max-height:760px){#msg .swaps{gap:6px;margin-top:6px}#msg .swaps button{min-height:34px;padding:5px 9px;font-size:14px}#acts{gap:8px;margin-top:6px}#acts button{padding:5px 11px}#pad button{height:40px}}#title .how{color:var(--dim);margin-left:14px;font-size:15px}