:root{color:#e8eefc;font-synthesis:none;text-rendering:optimizelegibility;background:#080b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 10%,#365bad47,#0000 30%),radial-gradient(circle at 20% 90%,#cf6f2529,#0000 30%),#080b12;min-width:1100px;min-height:100vh;margin:0}button{font:inherit}.game-shell{grid-template-columns:520px 1fr;gap:22px;min-height:100vh;padding:18px;display:grid}.card-panel,.board-panel{background:#0a0e18e6;border:1px solid #ffffff1f;border-radius:18px;box-shadow:0 18px 60px #00000061}.card-panel{flex-direction:column;gap:10px;padding:14px;display:flex;overflow:hidden}.combatant-header{background:#ffffff0e;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.combatant-header.cpu{border-left:4px solid #e68538}.combatant-header.player{border-left:4px solid #4d8dff}.combatant-name{letter-spacing:.02em;font-weight:800}.combatant-subtitle{color:#8f9bb5;margin-top:2px;font-size:12px}.health{gap:6px;display:flex}.health-pip{background:#ffffff14;border:1px solid #ffffff47;border-radius:999px;width:17px;height:17px}.health-pip.filled{background:linear-gradient(135deg,#f15f5f,#ffb86b);box-shadow:0 0 12px #f15f5f73}.zone{background:#ffffff09;border-radius:14px;padding:10px}.zone-title{color:#dbe6ff;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-weight:800;display:flex}.zone-title small{color:#95a2bd;font-weight:600}.card-row{grid-template-columns:repeat(4,1fr);gap:8px;min-height:126px;display:grid}.play-slots{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.play-slot{border:1px dashed #ffffff2e;border-radius:14px;min-height:142px;padding-top:16px;transition:border-color .14s,background .14s,transform .14s;position:relative}.play-slot.drag-over{background:#5a99ff1a;border-color:#5a99ffe6}.play-slot.active-slot{background:#f8d46b1c;border-color:#f8d46b;transform:translateY(-2px)}.slot-number{color:#0a0e18;z-index:2;background:#dbe6ff;border-radius:999px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid;position:absolute;top:5px;left:8px}.empty-slot{color:#78859f;place-items:center;height:100%;min-height:112px;font-size:13px;display:grid}.card{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#263047fa,#131a2bfa);border:1px solid #ffffff1f;border-radius:12px;min-height:116px;padding:10px;position:relative}.card:active{cursor:grabbing}.card-name{margin-bottom:5px;font-size:14px;font-weight:900}.card-description{color:#a8b4ce;min-height:28px;font-size:11px;line-height:1.25}.card-options{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.option-button{color:#dbe6ff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:4px 7px;font-size:11px}.option-button.selected{color:#06101f;background:#7fb0ff;border-color:#7fb0ff;font-weight:800}.option-button:disabled{cursor:default;opacity:.7}.card-back{cursor:default;background:linear-gradient(135deg,#4a5679f2,#161e35f2),repeating-linear-gradient(45deg,#0000,#0000 8px,#ffffff14 8px 11px);align-content:center;place-items:center;gap:8px;display:grid}.card-back-mark{color:#f8d46b;font-size:30px}.card-back-text{color:#dbe6ff;font-weight:900}.selected-hidden{outline:2px solid #f8d46b;box-shadow:0 0 0 4px #f8d46b1f}.hidden-badge{color:#111827;background:#f8d46b;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:900;position:absolute;top:8px;right:8px}.turn-center{background:#7fb0ff0f;border:1px solid #7fb0ff21;border-radius:14px;gap:7px;padding:10px;display:grid}.turn-label{color:#f8d46b;font-weight:900}.message{color:#b8c4de;min-height:20px;font-size:13px}.ready-button,.reset-button{border:0;border-radius:12px;height:38px;font-weight:900}.ready-button{color:#07101f;cursor:pointer;background:linear-gradient(135deg,#7fb0ff,#77e6c2)}.ready-button:disabled{cursor:not-allowed;opacity:.45}.reset-button{color:#dbe6ff;cursor:pointer;background:#ffffff14}.board-panel{align-content:center;place-items:center;padding:20px;display:grid}.board-wrap{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:22px;padding:18px}.board{width:calc(var(--cell-size) * 6);height:calc(var(--cell-size) * 6);grid-template-columns:repeat(6, var(--cell-size));grid-template-rows:repeat(6, var(--cell-size));background:radial-gradient(circle at 30% 20%,#4b73d638,#0000 25%),radial-gradient(circle at 70% 80%,#f7863d1f,#0000 25%),#080d18;border:1px solid #ffffff2e;border-radius:14px;display:grid;position:relative;overflow:hidden}.cell{border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14}.ship,.asteroid,.missile{width:var(--cell-size);height:var(--cell-size);pointer-events:none;transform-origin:50%;place-items:center;transition:left .52s cubic-bezier(.22,1,.36,1),top .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1),opacity .18s;display:grid;position:absolute}.ship img{object-fit:contain;filter:drop-shadow(0 8px 14px #0000008c);width:70%;height:70%}.ship.real.player img{filter:drop-shadow(0 0 12px #4d8dffbf)}.ship.real.cpu img{filter:drop-shadow(0 0 12px #e68538bf)}.ship.real.firing{animation:.18s ease-out ship-fire-kick}@keyframes ship-fire-kick{0%{transform:rotate(var(--ship-rotation)) scale(1)}45%{transform:rotate(var(--ship-rotation)) scale(.92)}to{transform:rotate(var(--ship-rotation)) scale(1)}}.asteroid{padding:12px}.asteroid img,.asteroid{object-fit:contain}.missile{z-index:8;transition-duration:.21s;transition-timing-function:linear}.missile img{object-fit:contain;filter:drop-shadow(0 0 10px #f8d46bb3);width:52%;height:52%}.ghost{opacity:.44;z-index:2}.ghost img{filter:grayscale()drop-shadow(0 0 8px #7fb0ffcc)}.ghost span{color:#06101f;width:22px;height:22px;transform:rotate(calc(var(--ship-rotation) * -1));background:#dbe6ff;border-radius:999px;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:8px;right:10px}.cpu-reach-ghost{width:var(--cell-size);height:var(--cell-size);pointer-events:none;z-index:1;place-items:center;display:grid;position:absolute}.cpu-reach-ghost:before{content:"";background:radial-gradient(circle,#ff50509e,#ff505014 65%,#0000 72%);border:1px solid #ff6e6e80;border-radius:999px;width:68%;height:68%;box-shadow:0 0 18px #ff464647}.cpu-reach-ghost.intensity-1:before{opacity:.35}.cpu-reach-ghost.intensity-2:before{opacity:.5}.cpu-reach-ghost.intensity-3:before{opacity:.68}.cpu-reach-ghost.intensity-4:before{opacity:.88}.legend{color:#aab7d1;width:100%;max-width:560px;margin-top:14px;font-size:13px;line-height:1.4}