:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--desk:#a8794b;--desk-deep:#7a5230;--tray:#8f6438;--shadow:#3a220e61;--shadow-soft:#321c0a40;--board:#2b4763;--board-alt:#335777;--ink:#241d19;--ink-soft:#5a4a40;--paper:#f4f2ec;--paper-edge:#d9d3c4;--paper-warm:#e9e2d3;--marigold:#f2b632;--marigold-ink:#a97416;--tomato:#e04b3a;--tomato-ink:#b23a2c;--mint:#57c48a;--mint-ink:#2f8a5a;--card:#c9a06a;--card-dark:#a9804c;--on-blue:#f4f2ec;--on-blue-muted:#a9bccd;--display:"Bricolage Grotesque", "Avenir Next Condensed", "Arial Narrow", "Segoe UI", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' seed='7'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='0.16'/%3E%3C/svg%3E");--hud:64px;--bar:88px}*{box-sizing:border-box}html,body{background:var(--desk);overscroll-behavior:none;height:100%;margin:0}body{font-family:var(--body);color:var(--ink);background-color:var(--desk);background-image:radial-gradient(ellipse at 50% 28%, #ffe6be29, #0000 60%), radial-gradient(ellipse at 50% 100%, #3c1e0a66, #0000 70%), var(--grain)}#app{height:100svh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);grid-template-rows:var(--hud) 1fr var(--bar);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;justify-items:center;display:grid;position:relative;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn,.card,.undo,.tier-tab,.hud-chip,.hud-pause{box-shadow:1px 2px 0 var(--shadow);border:0;border-radius:3px;transition:transform 80ms,box-shadow 80ms}.btn:active,.card:active,.undo:active,.tier-tab:active,.hud-chip:active,.hud-pause:active,.hud-stat:active{box-shadow:0 0 0 var(--shadow);transform:translate(1px,2px)}#hud{background:var(--board);width:100%;color:var(--on-blue);box-shadow:0 3px 0 var(--shadow);z-index:2;align-items:center;gap:6px;padding:0 8px;display:flex;position:relative}.hud-stat{min-width:48px;min-height:40px;color:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;padding:0 4px;display:flex}.hud-row{align-items:baseline;gap:5px;display:flex}.hud-icon:before{text-shadow:1px 2px 0 var(--shadow);font-size:1rem;line-height:1}.heart:before{content:"♥";color:var(--tomato)}.coin:before{content:"●";color:var(--marigold)}.hud-value{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:1}.hud-label{letter-spacing:.12em;text-transform:uppercase;color:var(--on-blue-muted);margin-top:3px;font-size:.62rem}.hud-wave{font-family:var(--display);letter-spacing:-.01em;flex:1;font-size:1.05rem;font-weight:800}.hud-chip,.hud-pause{background:var(--paper);min-height:40px;color:var(--ink)}.hud-chip{padding:0 10px;font-size:.8rem}.hud-next{padding:0 12px;font-size:1rem}.hud-speed{min-width:44px;font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:800}.hud-speed.on{background:var(--marigold)}.hud-pause{width:44px;position:relative}.hud-pause:before,.hud-pause:after{content:"";background:var(--ink);border-radius:1px;width:5px;height:16px;position:absolute;top:12px}.hud-pause:before{left:15px}.hud-pause:after{right:15px}#board{touch-action:none;box-shadow:3px 6px 0 var(--shadow), 0 14px 30px var(--shadow-soft);align-self:center;position:relative}#board canvas{display:block}.pill{background:var(--paper);max-width:94%;color:var(--ink);font-family:var(--display);letter-spacing:-.01em;white-space:nowrap;box-shadow:2px 3px 0 var(--shadow);pointer-events:none;opacity:0;padding:6px 12px;font-size:.9rem;font-weight:800;transition:opacity .12s;position:absolute;left:50%;transform:translate(-50%)rotate(-.6deg)}.pill.show{opacity:1}.status{border-left:5px solid var(--mint);top:8px}.status.bad{border-left-color:var(--tomato);color:var(--tomato-ink)}.toast{border-left:5px solid var(--tomato);color:var(--tomato-ink);top:44px;transform:translate(-50%)rotate(.5deg)}.banner{background:var(--paper);color:var(--ink);font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;box-shadow:3px 5px 0 var(--shadow);pointer-events:none;opacity:0;padding:8px 20px 10px;font-size:1.7rem;font-weight:800;position:absolute;top:24%;left:50%;transform:translate(-50%,-40%)rotate(-2deg)scale(1.2)}.banner.show{animation:1.3s cubic-bezier(.2,.9,.3,1) forwards banner-drop}@keyframes banner-drop{0%{opacity:0;transform:translate(-50%,-80%)rotate(-4deg)scale(1.3)}14%{opacity:1;transform:translate(-50%,-50%)rotate(-2deg)scale(1.06,.92)}24%{transform:translate(-50%,-50%)rotate(-2deg)scale(.98,1.03)}32%,82%{opacity:1;transform:translate(-50%,-50%)rotate(-2deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(-2deg)scale(1)}}.card-layer{pointer-events:none;position:absolute;bottom:6px;left:6px;right:6px}.wave-card{pointer-events:auto;background:var(--paper);color:var(--ink);clip-path:polygon(0 4%,6% 1%,18% 3%,31% 0,47% 2%,62% 0,78% 3%,91% 1%,100% 3%,100% 96%,93% 100%,80% 97%,66% 100%,50% 98%,36% 100%,21% 97%,8% 100%,0 97%);filter:drop-shadow(2px 4px 0 var(--shadow)) drop-shadow(0 8px 14px var(--shadow-soft));align-items:center;gap:8px;padding:10px 12px 12px;display:flex}.wave-text{flex-direction:column;flex:1;gap:2px;font-size:.85rem;line-height:1.25;display:flex}.wave-text strong{font-family:var(--display);letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.wave-comp{color:var(--ink-soft);font-size:.75rem}.wave-side{flex-direction:column;align-items:center;gap:2px;display:flex}.countdown{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.7rem}#bar{background-color:var(--tray);background-image:var(--grain);flex-direction:column;gap:5px;width:100%;padding:5px 8px 8px;display:flex;box-shadow:inset 0 -2px #ffe6be1f}.bar-top{align-items:center;gap:6px;width:100%;display:flex}.bar-cards{flex:1;justify-content:center;align-items:stretch;gap:6px;width:100%;min-height:0;display:flex}.tier-tab{background:var(--card);min-width:34px;height:22px;color:var(--ink-soft);font-family:var(--display);font-variant-numeric:tabular-nums;padding:0 8px;font-size:.74rem;font-weight:800}.tier-tab.on{background:var(--paper);color:var(--ink)}.tier-tab.locked{opacity:.75}.gate-chip{background:var(--paper);color:var(--ink-soft);font-variant-numeric:tabular-nums;box-shadow:1px 2px 0 var(--shadow);border-radius:3px;margin-left:auto;padding:0 8px;font-size:.72rem;line-height:22px}.gate-chip[hidden]{display:none}#bar.pulse{animation:.4s ease-out pulse}@keyframes pulse{50%{background-color:var(--card)}}.card{background:var(--paper);min-width:46px;height:100%;min-height:44px;max-height:72px;color:var(--ink);outline-offset:-2px;outline:2px solid #0000;flex:0 62px;grid-template-rows:1fr auto auto;place-items:center;padding:3px 4px;font-size:.8rem;line-height:1.1;display:grid;overflow:hidden}.card.selected{outline-color:var(--marigold);box-shadow:2px 4px 0 var(--shadow);transform:translateY(-1px)}.bar-cards .card.coach{animation:1.25s ease-in-out infinite coach}#bar.coaching .card:not(.coach),#bar.coaching .undo{opacity:.4}@keyframes coach{0%,to{outline-color:var(--marigold);box-shadow:1px 2px 0 var(--shadow), 0 0 0 0 #f2b63299}50%{outline-color:var(--marigold);box-shadow:1px 2px 0 var(--shadow), 0 0 0 9px #f2b63200}}.card[hidden]{display:none}.card.poor{opacity:.5}.card-foot{align-items:center;gap:3px;font-size:.78rem;line-height:1;display:flex}.card-cost{font-family:var(--display);color:var(--marigold-ink);font-variant-numeric:tabular-nums;font-weight:800}.card-tags{letter-spacing:-1px;color:var(--ink-soft);opacity:.35;font-size:.6rem}.card-tags.air{color:var(--marigold-ink);opacity:1}.card-swatch{background:0 0;width:22px;height:22px;position:relative}.card-swatch:before,.card-swatch:after{content:"";position:absolute}.card-post:before{background:linear-gradient(to bottom, var(--card) 0 62%, var(--card-dark) 62%);height:14px;box-shadow:1px 2px 0 var(--shadow);bottom:0;left:2px;right:2px}.card-post:after{border-left:7px solid var(--tomato);width:0;height:0;box-shadow:-1px 0 0 var(--ink);border-top:3px solid #0000;border-bottom:3px solid #0000;top:0;left:13px}.card-mortar:before{background:var(--tower);filter:brightness(.75);height:8px;box-shadow:1px 2px 0 var(--shadow);border-radius:3px;bottom:1px;left:2px;right:2px}.card-mortar:after{background:var(--tower);transform-origin:50% 90%;border-radius:3px 3px 1px 1px;width:8px;height:15px;bottom:5px;left:7px;transform:rotate(35deg);box-shadow:inset 0 -2px #00000059}.card-frost:before{background:var(--paper);width:3px;height:11px;box-shadow:0 0 0 1px var(--ink);bottom:0;left:10px}.card-frost:after{content:"✻";text-align:center;color:var(--tower);text-shadow:1px 1px 0 var(--shadow);font-size:20px;line-height:1;top:-6px;left:0;right:0}.card-spark:before{background:var(--tower);clip-path:polygon(50% 0,100% 100%,0 100%);filter:brightness(.85);width:12px;height:16px;bottom:0;left:5px}.card-spark:after{background:var(--tower);width:8px;height:8px;box-shadow:1px 1px 0 var(--shadow), 0 0 0 2px #ffffff59;border-radius:50%;top:0;left:7px}.card-lance:before{background:var(--tower);filter:brightness(.6);width:3px;height:18px;top:2px;left:10px}.card-lance:after{border-top:3px solid var(--tower);border-radius:50% 50% 0 0/100% 100% 0 0;width:18px;height:10px;top:6px;left:2px}.card-sentinel:before{background:var(--tower);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);width:20px;height:20px;top:2px;left:1px}.card-sentinel:after{background:radial-gradient(circle at 60% 55%, var(--ink) 0 2.4px, var(--paper) 2.6px);width:10px;height:10px;box-shadow:0 0 0 1px var(--ink);border-radius:50%;top:7px;left:6px}.card-ember:before{background:var(--tower);filter:brightness(.7);clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);height:9px;bottom:0;left:2px;right:2px}.card-ember:after{background:linear-gradient(to right, var(--tomato) 0 33%, var(--tower) 33% 66%, var(--marigold) 66%);clip-path:polygon(0 100%,16% 10%,33% 100%,50% 0,66% 100%,84% 25%,100% 100%);height:14px;top:0;left:3px;right:3px}.card-beam:before{border:3px solid var(--tower);width:14px;height:14px;box-shadow:1px 1px 0 var(--shadow);background:#a06ee059;border-radius:50%;top:0;left:6px}.card-beam:after{background:var(--tower);filter:brightness(.6);transform-origin:50% 20%;width:4px;height:10px;bottom:0;left:2px;transform:rotate(45deg)}.card-gate:before{background:var(--tower);height:8px;box-shadow:0 2px 0 #0003, 1px 2px 0 var(--shadow);top:7px;left:1px;right:1px}.card-gate:after{background:var(--ink);border-radius:50%;width:4px;height:4px;top:9px;left:9px}.card-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.74rem;overflow:hidden}.undo{background:var(--paper);min-width:44px;height:100%;min-height:44px;max-height:72px;color:var(--ink);flex:0 50px;grid-template-rows:1fr auto;place-items:center;margin-left:8px;padding:4px 8px;font-size:.8rem;display:grid}.undo-icon{font-size:1.5rem;line-height:1}.undo.off{opacity:.4}.overlays{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.overlays.open{display:flex}.backdrop{pointer-events:auto;background:#3a220e80;position:absolute;inset:0}.overlays.sheet .backdrop{bottom:var(--bar)}.panel{pointer-events:auto;background:var(--paper);width:min(92%,360px);max-height:90%;color:var(--ink);box-shadow:3px 6px 0 var(--shadow), 0 14px 30px var(--shadow-soft);border-radius:3px;flex-direction:column;gap:10px;padding:18px;display:flex;position:relative;overflow:auto;transform:rotate(-.4deg)}.panel.sheet{margin-bottom:calc(var(--bar) + 8px);align-self:flex-end;transform:rotate(.3deg)}.panel.start .title{text-align:center;margin:6px 0 10px;font-size:2.6rem}.title{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800;line-height:1.05}.body,.muted{margin:0}.muted,.label{color:var(--ink-soft);font-size:.85rem}.sheet-head{justify-content:space-between;align-items:baseline;display:flex}.btn{background:var(--paper-warm);min-height:44px;color:var(--ink);padding:8px 14px}.btn.primary{background:var(--marigold);color:var(--ink);font-family:var(--display);letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.btn.primary.held{opacity:.45}.btn.danger{background:var(--paper);color:var(--tomato-ink);box-shadow:1px 2px 0 var(--shadow), 0 0 0 1.5px var(--tomato) inset}.sheet-foot{gap:8px;width:100%;margin-top:6px;display:flex}.btn.sell{flex:none;min-width:40%;font-size:.85rem}.btn.done{flex:auto}.btn.option{text-align:left;background:var(--paper);box-shadow:1px 2px 0 var(--shadow), 0 0 0 1px var(--paper-edge) inset;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.btn.option .track-head{align-items:baseline;gap:8px;width:100%;display:flex}.pips{letter-spacing:2px;color:var(--marigold-ink);font-size:.8rem}.roster-targets{color:var(--ink-soft);font-size:.78rem}.track-cost{font-family:var(--display);color:var(--marigold-ink);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.btn:disabled{opacity:.45;cursor:default}.segmented{gap:6px;display:flex}.segmented .btn{flex:1}.segmented .btn.on{background:var(--paper);box-shadow:1px 2px 0 var(--shadow), 0 0 0 2px var(--ink) inset}.info-table{flex-direction:column;gap:2px;width:100%;display:flex}.info-row{border-bottom:1px dashed #241d1940;justify-content:space-between;gap:12px;padding:3px 2px;font-size:.85rem;display:flex}.info-key{color:var(--ink-soft)}.info-value{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.roster-list{flex-direction:column;gap:6px;width:100%;max-height:52vh;display:flex;overflow-y:auto}.btn.option.locked{opacity:.55}.report{width:100%;min-height:120px;font-size:.7rem}.soon{text-align:center;color:var(--marigold-ink);font-size:.8rem}.checkrow{color:var(--ink-soft);align-items:center;gap:8px;font-size:.85rem;display:flex}.check{width:18px;height:18px;accent-color:var(--marigold)}.panel.intro .body{line-height:1.35}.hint{color:var(--ink-soft);margin:2px 0 0;font-size:.8rem}.record{color:var(--marigold-ink);font-weight:700}.best{text-align:center}.version{text-align:center;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-top:4px;font-size:.7rem}.rotate{display:none}@media (orientation:landscape) and (height<=500px){.rotate{z-index:20;background:var(--desk);color:var(--paper);font-family:var(--display);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:1.3rem;font-weight:800;display:flex;position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.banner.show{opacity:1;transform:translate(-50%,-50%)rotate(-2deg)}.bar-cards .card.coach{outline-color:var(--marigold)}}.hud-stat[hidden],.tier-tab[hidden]{display:none}#bar,.bar-cards{min-width:0;max-width:100%}.hud-stat.paid .hud-value{animation:.6s ease-out paid}@keyframes paid{0%{transform:translateY(0)}30%{color:var(--marigold);transform:translateY(-3px)scale(1.14)}to{transform:translateY(0)}}.bar-sends{align-items:stretch;gap:4px;width:100%;height:50px;display:flex}.bar-sends[hidden]{display:none}.bar-sends .card{flex:1 1 0;min-width:36px;min-height:0;max-height:none;padding:2px 3px}.card-income{white-space:nowrap}.card.send-card.locked .card-cost{display:none}.lane-map{box-shadow:1px 2px 0 var(--shadow);border-radius:2px;flex:none;align-self:center;margin-left:4px}.card.send-card .card-income{color:var(--mint-ink);font-variant-numeric:tabular-nums;font-size:.64rem;font-weight:700}.card.send-card.locked{opacity:.45}.card.send-card.locked .card-income{color:var(--ink-soft)}.send-runners:before{background:var(--card);width:5px;height:5px;box-shadow:7px 0 0 var(--card), 14px 0 0 var(--card), 1px 1px 0 var(--shadow), 8px 1px 0 var(--shadow), 15px 1px 0 var(--shadow);border-radius:50%;top:9px;left:1px}.send-raiders:before{background:var(--card);width:6px;height:6px;box-shadow:8px 0 0 var(--card), 1px 1px 0 var(--shadow), 9px 1px 0 var(--shadow);border-radius:50%;top:8px;left:9px}.send-raiders:after{background:var(--ink-soft);width:7px;height:2px;box-shadow:-1px -3px 0 var(--ink-soft), 1px 3px 0 var(--ink-soft);opacity:.6;top:10px;left:0}.send-brute:before{background:var(--card-dark);width:20px;height:17px;box-shadow:1px 2px 0 var(--shadow);border-radius:3px;top:3px;left:1px}.send-brute:after{background:#241d1973;width:14px;height:3px;top:8px;left:4px}.send-tanks:before{width:18px;height:11px;box-shadow:1px 2px 0 var(--shadow);background:#a9b6c6;border-radius:3px;top:6px;left:2px}.send-tanks:after{background:#241d1959;width:12px;height:2px;top:9px;left:5px}.send-flock:before,.send-flock:after{width:11px;height:4px;box-shadow:1px 2px 0 var(--shadow);background:#d9c6f2;border-radius:2px;top:9px}.send-flock:before{left:0;transform:rotate(-22deg)}.send-flock:after{right:0;transform:rotate(22deg)}.send-ghosts:before{border:2px dashed var(--ink-soft);opacity:.7;border-radius:50%;width:16px;height:16px;top:3px;left:3px}.send-titan:before{background:var(--card-dark);width:18px;height:16px;box-shadow:1px 2px 0 var(--shadow);border-radius:50%;top:5px;left:2px}.send-titan:after{background:var(--marigold);clip-path:polygon(0 100%,0 20%,25% 60%,50% 0,75% 60%,100% 20%,100% 100%);width:12px;height:7px;top:0;left:5px}.join-row{gap:6px;width:100%;display:flex}.code-input{min-width:0;font:inherit;font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;text-align:center;background:var(--paper-warm);color:var(--ink);box-shadow:0 0 0 2px var(--paper-edge) inset;border:0;border-radius:3px;flex:1;padding:8px 10px;font-size:1.2rem;font-weight:800}.code-input:focus-visible{outline:2px solid var(--ink)}.join-row .btn{flex:none}.lobby .status{text-align:center;font-size:.8rem}.slot-list{flex-direction:column;gap:6px;width:100%;display:flex}.slot-row{background:var(--paper-warm);border-radius:3px;align-items:center;gap:8px;padding:6px 8px;font-size:.9rem;display:flex}.slot-name{flex:1}.dot{background:var(--mint);border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1px #241d1940}.dot.off{background:var(--paper-edge)}.btn.kick{min-height:30px;padding:0 10px;font-size:1rem}.row-tag{width:20px;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--paper);writing-mode:vertical-rl;box-shadow:1px 2px 0 var(--shadow);border-radius:3px;flex:none;justify-content:center;align-self:stretch;align-items:center;font-size:.62rem;font-weight:800;display:flex;transform:rotate(180deg)}.row-tag[hidden]{display:none}.row-tag.build{background:var(--board)}.row-tag.send{background:var(--tomato)}#bar.versus .bar-cards,#bar.versus .bar-sends{border-radius:4px;padding:3px}#bar.versus .bar-cards{background:#2b476329}#bar.versus .bar-sends{background:#e04b3a29;height:56px}#bar.versus .card:not(.send-card){box-shadow:1px 2px 0 var(--shadow), inset 0 3px 0 var(--board)}.card.send-card{box-shadow:1px 2px 0 var(--shadow), inset 0 3px 0 var(--tomato);background:#f6e3de}.card.send-card .card-cost{color:var(--tomato-ink)}.bar-sends .card-name{letter-spacing:-.01em;font-size:.6rem}.bar-sends .card-foot{gap:2px;font-size:.66rem}.bar-sends .card-income{font-size:.6rem}.bar-sends .card{padding:2px 1px}