:root{--ink: #eef4fb;--ink-2: #b6c4d4;--ink-3: #8496aa;--panel: #0e141c;--panel-2: #151d28;--edge: #2a3646;--accent: #ff9a4d;--accent-2: #4fd1c5;--danger: #ff5d6c;--radius: 10px;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "SFMono-Regular", "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#05070b;color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%}#app{position:fixed;inset:0;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}button{font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--edge);border-radius:var(--radius);padding:.62rem 1rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}button.primary{background:linear-gradient(180deg,#ff9a4d,#e0722c);border-color:#ffbe86;color:#1b1005;font-weight:700}h1,h2{margin:0 0 .35rem;line-height:1.05;letter-spacing:-.02em}h1{font-size:clamp(2.1rem,7vw,3.4rem)}h2{font-size:clamp(1.5rem,4.6vw,2.1rem)}.eyebrow{margin:0 0 .5rem;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.lede{margin:0 0 1rem;color:var(--ink-2);line-height:1.55;max-width:62ch}.lede--tight{margin-bottom:.75rem;font-size:.9rem}.hint,.record,.sheet-note,.notice{margin:.8rem 0 0;font-size:.78rem;color:var(--ink-3);line-height:1.5}.notice{color:var(--accent);min-height:1.1em}.sheet-line{margin:0 0 .6rem;color:var(--ink-2);line-height:1.5}.scrim{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:clamp(.75rem,3vw,2rem);background:#04060ad6;overflow-y:auto;overscroll-behavior:contain}.scrim[hidden]{display:none}.sheet{width:min(100%,640px);max-height:calc(100vh - 2rem);overflow-y:auto;background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:clamp(1.1rem,3vw,2rem);box-shadow:0 24px 70px #0009}.sheet--wide{width:min(100%,720px)}.sheet--narrow{width:min(100%,440px)}.sheet--hangar{width:min(100%,980px)}.keys{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin:0 0 1.2rem;padding:0;font-size:.78rem;color:var(--ink-3)}.keys b{color:var(--accent-2);font-family:var(--mono);font-weight:600}.sheet-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.tally,.tiles{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;margin:1rem 0 0;padding:.9rem 1rem;background:var(--panel-2);border:1px solid var(--edge);border-radius:var(--radius);font-size:.85rem}.tally dt,.tiles dt{color:var(--ink-3)}.tally dd,.tiles dd{margin:0;text-align:right;font-family:var(--mono);color:var(--ink)}.bench{display:grid;gap:1.1rem}.bay-label{margin:0 0 .45rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.card{display:grid;gap:.25rem;text-align:left;padding:.6rem .7rem;background:var(--panel-2);border:1px solid var(--edge);border-left:3px solid var(--edge)}.card[aria-pressed=true]{border-color:var(--accent);border-left-color:var(--accent);background:#1b2432}.card[data-locked=true]{opacity:.55;border-style:dashed}.card[data-mirrored=true]:after{content:"mirrored";font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2)}.card-chip{width:26px;height:4px;border-radius:2px;background:var(--chip, #4fd1c5)}.card-name{font-size:.95rem}.card-tag{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.card-note{font-size:.72rem;color:var(--ink-3);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-lock{font-size:.7rem;color:var(--accent-2)}.readout{margin-top:1.2rem;display:grid;gap:.8rem}.meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem}.meter{display:grid;gap:.2rem}.meter-label{margin:0;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.meter-value{margin:0;font-family:var(--mono);font-size:.95rem}.readout-note{margin:0;font-size:.75rem;color:var(--ink-3)}.bar{height:7px;border-radius:4px;background:#0a0f16;border:1px solid #22303f;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);transition:width .14s linear}.bar-clock>i{background:var(--accent-2)}.bar-clock>i[data-low=true]{background:var(--danger)}.bar-hull>i{background:#6fd28a}.bar-hull>i[data-low=true]{background:var(--danger)}.hud{position:absolute;inset:0 0 auto;z-index:10;padding:.75rem clamp(.6rem,2vw,1.4rem) 0;pointer-events:none}.hud[data-visible=false],.compass[data-visible=false],.touch[data-visible=false]{display:none}.hud-row{display:flex;gap:.5rem;align-items:stretch}.hud-row--sub{margin-top:.5rem;flex-wrap:wrap}.gauge{flex:1 1 0;min-width:0;background:#090d13d1;border:1px solid #24303f;border-radius:var(--radius);padding:.45rem .6rem}.gauge--clock{flex:0 1 180px}.gauge-label{margin:0;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#93a4b8}.gauge-value{margin:.1rem 0 .35rem;font-family:var(--mono);font-size:1.15rem}.gauge-value--clock{font-size:1.5rem;line-height:1.1}.gauge-quota{color:#93a4b8;font-size:.8rem}.tag{margin:0;padding:.3rem .6rem;font-family:var(--mono);font-size:.72rem;color:#dbe5f0;background:#090d13d1;border:1px solid #24303f;border-radius:999px}.tag--nav{color:var(--accent)}.compass{position:absolute;right:clamp(.7rem,2vw,1.4rem);bottom:clamp(4.6rem,12vh,7rem);z-index:10;width:62px;height:62px;border-radius:50%;border:1px solid #2b3a4c;background:#090d13d1;pointer-events:none}.compass>i{position:absolute;left:50%;top:50%;width:0;height:0;transform-origin:50% 50%;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:20px solid var(--accent);transform:translate(-50%,-60%)}.compass>i:after{content:"PAD";position:absolute;left:50%;top:24px;transform:translate(-50%);font-size:.52rem;letter-spacing:.1em;color:#93a4b8}.prompt{position:absolute;left:50%;bottom:clamp(1rem,4vh,2.2rem);transform:translate(-50%);z-index:10;margin:0;max-width:min(92vw,560px);padding:.5rem .95rem;font-size:.86rem;text-align:center;color:var(--ink);background:#080c12e0;border:1px solid #2b3a4c;border-radius:999px;pointer-events:none}.prompt[data-visible=false]{display:none}.touch{position:fixed;inset:auto 0 0;z-index:12;display:none;pointer-events:none}.stick{position:absolute;left:1rem;bottom:1.4rem;width:116px;height:116px;border-radius:50%;border:2px solid #33465c;background:#090d1399;pointer-events:auto;touch-action:none}.stick>i{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:0;border-radius:50%;background:#4fd1c559;border:2px solid var(--accent-2);transform:translate(-50%,-50%)}.touch-buttons{position:absolute;right:1rem;bottom:1.4rem;display:grid;gap:.5rem;justify-items:end;pointer-events:auto}.touch-btn{min-width:108px;min-height:52px;font-size:.9rem}.touch-btn[aria-pressed=true]{border-color:var(--accent);background:#1e2a38}.touch-btn--cut{background:linear-gradient(180deg,#2a3a4d,#1b2734);border-color:var(--accent)}@media(pointer:coarse){.touch[data-visible=true]{display:block}.prompt{bottom:9.4rem}.compass{bottom:12rem}}@media(max-width:560px){.gauge--clock{flex:1 1 100%;order:-1}.gauge-value{font-size:1rem}.gauge-value--clock{font-size:1.3rem}.cards{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.keys{font-size:.72rem}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}