@import "https://fonts.googleapis.com/css2?family=Audiowide&family=Chakra+Petch:wght@300;400;500;600;700&family=Saira:wght@300;400;500;600;700&family=Oxanium:wght@300;400;500;600;700&display=swap";
:root{--void-black:#02050a;--void-deep:#040810;--void-dark:#0a1018;--void-mid:#101828;--void-light:#1a2438;--nebula-purple:#8b5cf6;--nebula-pink:#ec4899;--nebula-blue:#3b82f6;--nebula-cyan:#06b6d4;--star-gold:#fbbf24;--star-white:#f8fafc;--star-dim:#94a3b8;--accent-glow:#a855f7;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--solari-primary:#fbbf24;--solari-secondary:#f97316;--iron-primary:#64748b;--iron-secondary:#ef4444;--verdant-primary:#22c55e;--verdant-secondary:#78350f;--mercurial-primary:#cbd5e1;--mercurial-secondary:#3b82f6;--abyssal-primary:#8b5cf6;--abyssal-secondary:#1e1b4b;--hydrogen:#60a5fa;--hydrocarbon:#374151;--water:#22d3ee;--oxygen:#fde047;--nitrogen:#86efac;--lithium:#fb923c;--regolith:#a16207;--biomass:#4ade80;--mercury:#94a3b8;--antimatter:#a855f7;--exotic:#7c3aed;--universal:#e2e8f0;--font-display:"Audiowide","Oxanium",system-ui,sans-serif;--font-body:"Chakra Petch","Saira",system-ui,sans-serif;--font-mono:"Oxanium","JetBrains Mono",monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--card-width:140px;--card-height:200px;--card-radius:12px;--transition-fast:.15s ease;--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-smooth:.4s cubic-bezier(.16,1,.3,1);--transition-bounce:.5s cubic-bezier(.34,1.56,.64,1);--shadow-card:0 4px 20px #00000080,0 0 40px #7c3aed1a;--shadow-card-hover:0 8px 40px #0009,0 0 60px #7c3aed33;--shadow-glow:0 0 20px var(--nebula-purple),0 0 40px #7c3aed4d;--z-background:-1;--z-cards:10;--z-hand:20;--z-selected:30;--z-modal:100;--z-tooltip:110}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--void-black);color:var(--star-white);min-height:100vh;line-height:1.5;overflow-x:hidden}.space-background{z-index:var(--z-background);background:radial-gradient(ellipse at 20% 80%,#7c3aed26 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,#3b82f61a 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,#ec48990d 0%,transparent 70%),linear-gradient(180deg,var(--void-black)0%,var(--void-deep)50%,var(--void-dark)100%);position:fixed;inset:0;overflow:hidden}.stars{background-image:radial-gradient(2px 2px at 20px 30px,var(--star-white),transparent),radial-gradient(2px 2px at 40px 70px,#f8fafccc,transparent),radial-gradient(1px 1px at 90px 40px,var(--star-white),transparent),radial-gradient(2px 2px at 160px 120px,#f8fafc99,transparent),radial-gradient(1px 1px at 230px 80px,var(--star-white),transparent),radial-gradient(2px 2px at 300px 150px,#f8fafcb3,transparent);background-size:350px 200px;animation:8s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.stars:after{content:"";background-image:radial-gradient(1px 1px at 50px 100px,var(--star-dim),transparent),radial-gradient(1px 1px at 120px 50px,#94a3b8cc,transparent),radial-gradient(2px 2px at 180px 180px,var(--star-dim),transparent),radial-gradient(1px 1px at 250px 30px,#94a3b899,transparent),radial-gradient(1px 1px at 320px 100px,var(--star-dim),transparent);background-size:400px 250px;animation:12s ease-in-out infinite alternate-reverse twinkle;position:absolute;inset:0}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.7}}.nebula{filter:blur(80px);opacity:.3;border-radius:50%;width:600px;height:600px;animation:30s ease-in-out infinite drift;position:absolute}.nebula-1{background:linear-gradient(135deg,var(--nebula-purple),var(--nebula-pink));top:-200px;right:-200px}.nebula-2{background:linear-gradient(45deg,var(--nebula-blue),var(--nebula-cyan));animation-delay:-15s;bottom:-300px;left:-200px}@keyframes drift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(30px,20px)rotate(5deg)}50%{transform:translate(-20px,40px)rotate(-3deg)}75%{transform:translate(-30px,-20px)rotate(3deg)}}.game-container{width:100%;min-height:100vh;padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex;position:relative}.game-header{padding:var(--space-md)var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2ee6,#252542cc);border:1px solid #7c3aed4d;border-radius:16px;justify-content:space-between;align-items:center;display:flex}.game-title{font-family:var(--font-display);background:linear-gradient(135deg,var(--nebula-purple),var(--nebula-cyan));-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.15em;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.game-info{gap:var(--space-lg);align-items:center;display:flex}.turn-indicator{font-family:var(--font-display);color:var(--star-dim);padding:var(--space-sm)var(--space-md);background:#0000004d;border:1px solid #94a3b833;border-radius:8px;font-size:.875rem}.phase-indicator{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-sm)var(--space-md);background:linear-gradient(135deg,var(--nebula-purple),var(--nebula-blue));border-radius:20px;font-size:.75rem;font-weight:600;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #7c3aed80}50%{box-shadow:0 0 25px #7c3aedcc,0 0 40px #3b82f666}}.play-area{gap:var(--space-lg);flex:1;grid-template-rows:auto 1fr auto;min-height:0;display:grid}.opponent-area{justify-content:center;gap:var(--space-xl);padding:var(--space-md);display:flex}.opponent-panel{align-items:center;gap:var(--space-sm);padding:var(--space-md);min-width:200px;transition:var(--transition-base);background:linear-gradient(#1a1a2e99,#12121acc);border:1px solid #94a3b833;border-radius:12px;flex-direction:column;display:flex}.opponent-panel:hover{border-color:#7c3aed66;transform:translateY(-2px)}.opponent-name{font-family:var(--font-display);color:var(--star-white);font-size:.875rem;font-weight:600}.opponent-stats{gap:var(--space-md);color:var(--star-dim);font-size:.75rem;display:flex}.opponent-ship-mini{text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#7c3aed33,#3b82f61a);border:1px solid #7c3aed4d;border-radius:8px;justify-content:center;align-items:center;width:80px;height:50px;font-size:.625rem;display:flex}.board-center{justify-content:center;align-items:center;gap:var(--space-xl);padding:var(--space-xl);flex-direction:column;display:flex}.region-display{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.region-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;color:var(--star-dim);font-size:.75rem}.active-region-card{animation:4s ease-in-out infinite float;transform:scale(1.1)}@keyframes float{0%,to{transform:scale(1.1)translateY(0)}50%{transform:scale(1.1)translateY(-10px)}}.no-region{padding:var(--space-lg)var(--space-xl);border-radius:var(--card-radius);font-family:var(--font-display);color:var(--star-dim);text-transform:uppercase;letter-spacing:.1em;background:#1a1a2e80;border:2px dashed #94a3b84d;font-size:.875rem}.player-ship-area{align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:linear-gradient(#0000,#1a1a2ecc);border:1px solid #7c3aed33;border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;display:flex}.ship-display{gap:var(--space-xl);align-items:flex-start;display:flex}.main-ship{position:relative}.ship-stats-panel{gap:var(--space-sm);padding:var(--space-md);background:#0006;border:1px solid #7c3aed33;border-radius:12px;flex-direction:column;min-width:150px;display:flex}.stat-row{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.stat-label{color:var(--star-dim);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-display);color:var(--star-white);font-weight:600}.stat-value.warning{color:var(--star-gold)}.stat-value.danger{color:#ef4444}.distance-display{font-family:var(--font-display);background:linear-gradient(135deg,var(--nebula-cyan),var(--nebula-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem}.equipment-slots{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.equipment-slot{width:100px;height:70px;color:var(--star-dim);text-transform:uppercase;transition:var(--transition-base);cursor:pointer;background:#1a1a2e99;border:2px dashed #7c3aed4d;border-radius:10px;justify-content:center;align-items:center;font-size:.625rem;display:flex}.equipment-slot:hover{border-color:var(--nebula-purple);background:#7c3aed1a}.equipment-slot.filled{background:linear-gradient(135deg,#7c3aed26,#3b82f61a);border-style:solid;border-color:#7c3aed80}.card{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);background:linear-gradient(145deg,var(--void-mid),var(--void-dark));box-shadow:var(--shadow-card);cursor:pointer;transition:var(--transition-smooth);transform-style:preserve-3d;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:2px solid #7c3aed66;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%,#0003 100%);position:absolute;inset:0}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--nebula-purple);z-index:var(--z-selected);transform:translateY(-8px)scale(1.02)}.card:active{transition:var(--transition-fast);transform:translateY(-4px)scale(.98)}.card.selected{box-shadow:var(--shadow-glow);border-color:var(--nebula-cyan);animation:1.5s ease-in-out infinite selected-pulse;transform:translateY(-20px)scale(1.05)}@keyframes selected-pulse{0%,to{box-shadow:0 0 20px var(--nebula-purple),0 0 40px #7c3aed4d}50%{box-shadow:0 0 30px var(--nebula-cyan),0 0 60px #06b6d466}}.card.animating{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards card-play}@keyframes card-play{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)translateY(-50px)}to{opacity:0;transform:scale(0)translateY(-100px)}}.card.ship{border-color:var(--nebula-purple)}.card.resource{border-color:var(--nebula-cyan)}.card.jumpdrive{border-color:var(--star-gold)}.card.upgrade{border-color:var(--verdant-primary)}.card.pilot{border-color:var(--mercurial-secondary)}.card.navigation{border-color:var(--nebula-pink)}.card.interaction{border-color:var(--iron-secondary)}.card-inner{height:100%;padding:var(--space-sm);flex-direction:column;display:flex;position:relative}.card-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:flex-start;display:flex}.card-name{font-family:var(--font-display);color:var(--star-white);text-shadow:0 1px 2px #00000080;flex:1;font-size:.7rem;font-weight:600;line-height:1.2}.card-cost{background:linear-gradient(135deg,var(--nebula-purple),var(--nebula-blue));width:22px;height:22px;font-family:var(--font-display);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0000004d}.card-cost.free{background:linear-gradient(135deg,var(--verdant-primary),var(--nebula-cyan))}.card-type-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;white-space:nowrap;font-size:.5rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-art{margin:var(--space-xs)0;border-radius:6px;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.card-art-placeholder{background:linear-gradient(135deg,#7c3aed33,#3b82f61a);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-icon{opacity:.6;font-size:2rem}.card-stats{gap:var(--space-xs);margin-bottom:var(--space-xs);flex-wrap:wrap;font-size:.55rem;display:flex}.card-stat{color:var(--star-dim);background:#0006;border-radius:4px;padding:2px 4px}.card-stat strong{color:var(--star-white)}.card-description{color:var(--star-dim);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.55rem;line-height:1.3;display:-webkit-box;overflow:hidden}.card-culture{bottom:var(--space-xs);right:var(--space-xs);border:1px solid #ffffff4d;border-radius:50%;width:16px;height:16px;position:absolute}.card-culture.solari{background:var(--solari-primary)}.card-culture.iron{background:var(--iron-primary)}.card-culture.verdant{background:var(--verdant-primary)}.card-culture.mercurial{background:var(--mercurial-primary)}.card-culture.abyssal{background:var(--abyssal-primary)}.card-culture.neutral{background:var(--star-dim)}.card.resource .card-art-placeholder{position:relative}.resource-glow{filter:blur(15px);border-radius:50%;width:40px;height:40px;animation:2s ease-in-out infinite resource-pulse;position:absolute}@keyframes resource-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.card.resource.hydrogen .resource-glow{background:var(--hydrogen)}.card.resource.hydrocarbon .resource-glow{background:var(--hydrocarbon)}.card.resource.water .resource-glow{background:var(--water)}.card.resource.oxygen .resource-glow{background:var(--oxygen)}.card.resource.nitrogen .resource-glow{background:var(--nitrogen)}.card.resource.lithium .resource-glow{background:var(--lithium)}.card.resource.regolith .resource-glow{background:var(--regolith)}.card.resource.biomass .resource-glow{background:var(--biomass)}.card.resource.mercury .resource-glow{background:var(--mercury)}.card.resource.antimatter .resource-glow{background:var(--antimatter)}.card.resource.exoticmatter .resource-glow{background:var(--exotic)}.card.resource.universal .resource-glow{background:var(--universal)}.resource-token{cursor:pointer;width:24px;height:24px;transition:var(--transition-base);border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;display:flex;box-shadow:0 2px 8px #0000004d}.resource-token:hover{transform:scale(1.2);box-shadow:0 0 15px}.resource-token.hydrogen{background:var(--hydrogen);color:#1e3a5f}.resource-token.hydrocarbon{background:var(--hydrocarbon);color:#fff}.resource-token.water{background:var(--water);color:#0e4750}.resource-token.oxygen{background:var(--oxygen);color:#5c4b00}.resource-token.nitrogen{background:var(--nitrogen);color:#1a4d1a}.resource-token.lithium{background:var(--lithium);color:#5c2d00}.resource-token.regolith{background:var(--regolith);color:#fff}.resource-token.biomass{background:var(--biomass);color:#0d3d0d}.resource-token.mercury{background:var(--mercury);color:#1e293b}.resource-token.universal{background:var(--universal);color:#374151}.player-hand-container{z-index:var(--z-hand);padding:var(--space-md);touch-action:pan-y;background:linear-gradient(#0000,#0a0a0ff2);position:fixed;bottom:0;left:0;right:0}.hand-toggle{padding:var(--space-sm)var(--space-lg);background:linear-gradient(135deg,var(--void-mid),var(--void-dark));color:var(--star-white);font-family:var(--font-display);cursor:pointer;transition:var(--transition-base);border:1px solid #7c3aed66;border-radius:20px 20px 0 0;font-size:.75rem;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.hand-toggle:hover{background:linear-gradient(135deg,var(--void-light),var(--void-mid))}.player-hand{justify-content:center;gap:calc(var(--space-sm)*-1);padding:var(--space-md)var(--space-lg);padding-bottom:var(--space-lg);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow:auto visible}.player-hand::-webkit-scrollbar{display:none}.player-hand .card{scroll-snap-align:center;transition:var(--transition-smooth);flex-shrink:0}.player-hand .card:hover{z-index:100;margin:0 var(--space-md);transform:translateY(-30px)scale(1.1)}.player-hand.collapsed{transform:translateY(calc(100% - 60px))}.player-hand.collapsed .card{transform:translateY(calc(var(--card-height) - 40px))}.player-hand .card:first-child{transform:rotate(-6deg)}.player-hand .card:nth-child(2){transform:rotate(-4deg)}.player-hand .card:nth-child(3){transform:rotate(-2deg)}.player-hand .card:nth-child(4){transform:rotate(0)}.player-hand .card:nth-child(5){transform:rotate(2deg)}.player-hand .card:nth-child(6){transform:rotate(4deg)}.player-hand .card:nth-child(7){transform:rotate(6deg)}.player-hand .card:hover{transform:translateY(-30px)scale(1.1)rotate(0)!important}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-sm)var(--space-lg);cursor:pointer;transition:var(--transition-base);border:none;border-radius:8px;font-size:.875rem;font-weight:600;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:var(--transition-base);background:linear-gradient(135deg,#fff3 0%,#0000 50%);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--nebula-purple),var(--nebula-blue));color:#fff;box-shadow:0 4px 15px #7c3aed66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #7c3aed99}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--star-white);background:0 0;border:2px solid #7c3aed80}.btn-secondary:hover{border-color:var(--nebula-purple);background:#7c3aed1a}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-success{background:linear-gradient(135deg,var(--verdant-primary),#16a34a);color:#fff}.btn-jump{background:linear-gradient(135deg,var(--nebula-cyan),var(--nebula-blue));color:#fff;padding:var(--space-md)var(--space-xl);font-size:1rem;animation:2s ease-in-out infinite jump-ready}@keyframes jump-ready{0%,to{box-shadow:0 0 20px #06b6d480}50%{box-shadow:0 0 40px #06b6d4cc,0 0 60px #3b82f666}}.btn:disabled{opacity:.5;cursor:not-allowed;animation:none;transform:none!important}.action-buttons{gap:var(--space-md);padding:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal);background:#0a0a0fe6;justify-content:center;align-items:center;animation:.3s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(145deg,var(--void-mid),var(--void-dark));padding:var(--space-xl);max-width:90vw;max-height:90vh;box-shadow:var(--shadow-glow);border:2px solid #7c3aed66;border-radius:20px;animation:.4s cubic-bezier(.16,1,.3,1) modal-enter;overflow-y:auto}@keyframes modal-enter{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{font-family:var(--font-display);text-align:center;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--nebula-purple),var(--nebula-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.card-detail{gap:var(--space-xl);align-items:flex-start;display:flex}.card-detail-preview{transform-origin:0 0;transform:scale(1.5)}.card-detail-info{gap:var(--space-md);flex-direction:column;flex:1;display:flex}.card-detail-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.card-detail-type{color:var(--star-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem}.card-detail-description{color:var(--star-white);font-size:1rem;line-height:1.6}.card-detail-flavor{color:var(--star-dim);border-left:3px solid var(--nebula-purple);padding-left:var(--space-md);font-style:italic}.distance-tracker{width:100%;max-width:800px;padding:var(--space-md);margin:0 auto;position:relative}.distance-bar{background:#1a1a2ecc;border:1px solid #7c3aed4d;border-radius:10px;height:20px;position:relative;overflow:hidden}.distance-fill{background:linear-gradient(90deg,var(--nebula-purple),var(--nebula-cyan),var(--nebula-pink));border-radius:10px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);position:relative}.distance-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:2s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.distance-markers{margin-top:var(--space-xs);color:var(--star-dim);justify-content:space-between;font-size:.625rem;display:flex}.distance-value{font-family:var(--font-display);color:#fff;text-shadow:0 1px 3px #00000080;padding:0 var(--space-sm);font-size:.75rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.player-markers{pointer-events:none;position:absolute;inset:0}.player-marker{flex-direction:column;align-items:center;gap:2px;width:16px;height:36px;transition:left .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:-8px;transform:translate(-50%)}.player-marker-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px}.player-marker-name{font-size:.5rem;font-family:var(--font-display);white-space:nowrap;text-shadow:0 1px 3px #000c}.setup-screen{min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;gap:var(--space-2xl);flex-direction:column;display:flex}.setup-title{font-family:var(--font-display);text-align:center;background:linear-gradient(135deg,var(--nebula-purple),var(--nebula-cyan),var(--nebula-pink));-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.2em;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,8vw,4rem);font-weight:900;animation:3s ease-in-out infinite alternate title-glow}@keyframes title-glow{0%{filter:drop-shadow(0 0 20px #7c3aed80)}to{filter:drop-shadow(0 0 40px #06b6d499)}}.setup-subtitle{font-family:var(--font-display);color:var(--star-dim);text-transform:uppercase;letter-spacing:.3em;margin-top:calc(var(--space-md)*-1);font-size:1rem}.deck-selection{gap:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.deck-option{width:280px;padding:var(--space-xl);cursor:pointer;transition:var(--transition-smooth);text-align:center;background:linear-gradient(145deg,#1a1a2ecc,#12121ae6);border:2px solid #7c3aed4d;border-radius:20px}.deck-option:hover{border-color:var(--nebula-purple);box-shadow:var(--shadow-glow);transform:translateY(-10px)}.deck-option.selected{border-color:var(--nebula-cyan);box-shadow:0 0 30px #06b6d480}.deck-name{font-family:var(--font-display);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:700}.deck-cultures{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.deck-description{color:var(--star-dim);font-size:.875rem;line-height:1.5}.player-setup{gap:var(--space-lg);flex-direction:column;width:100%;max-width:400px;display:flex}.player-input{gap:var(--space-md);align-items:center;display:flex}.player-input input{padding:var(--space-sm)var(--space-md);color:var(--star-white);font-family:var(--font-body);transition:var(--transition-base);background:#1a1a2ecc;border:1px solid #7c3aed4d;border-radius:8px;outline:none;flex:1;font-size:1rem}.player-input input:focus{border-color:var(--nebula-purple);box-shadow:0 0 10px #7c3aed4d}.player-input input::placeholder{color:var(--star-dim)}.victory-screen{z-index:1000;background:radial-gradient(ellipse at center,#7c3aed4d 0%,var(--void-black)70%);flex-direction:column;justify-content:center;align-items:center;animation:3s ease-in-out infinite alternate victory-bg;display:flex;position:fixed;inset:0}@keyframes victory-bg{0%{background-size:100% 100%}to{background-size:120% 120%}}.victory-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.3em;background:linear-gradient(135deg,var(--star-gold),#fef3c7,var(--star-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,12vw,6rem);font-weight:900;animation:.5s ease-out victory-text,2s ease-in-out infinite alternate victory-glow}@keyframes victory-text{0%{opacity:0;transform:scale(0)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes victory-glow{0%{filter:drop-shadow(0 0 30px var(--star-gold))}to{filter:drop-shadow(0 0 60px var(--star-gold))drop-shadow(0 0 100px #fbbf2480)}}.winner-name{font-family:var(--font-display);color:var(--star-white);margin-top:var(--space-lg);font-size:2rem;animation:.5s ease-out .3s backwards fade-in}.winner-distance{color:var(--nebula-cyan);margin-top:var(--space-sm);font-size:1.25rem;animation:.5s ease-out .5s backwards fade-in}.victory-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{width:10px;height:10px;animation:linear infinite fall;position:absolute}@keyframes fall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@media (max-width:768px){:root{--card-width:110px;--card-height:160px;--space-md:.75rem;--space-lg:1rem}.game-header{gap:var(--space-sm);text-align:center;flex-direction:column}.game-title{font-size:1.25rem}.opponent-area{flex-wrap:wrap}.opponent-panel{min-width:150px;padding:var(--space-sm)}.player-hand{gap:calc(var(--space-md)*-1);padding:var(--space-sm)}.player-hand .card:hover{margin:0 var(--space-sm);transform:translateY(-20px)scale(1.05)rotate(0)!important}.ship-display{flex-direction:column;align-items:center}.action-buttons{bottom:calc(var(--card-height) + var(--space-xl));padding:var(--space-sm);background:linear-gradient(#0000,#0a0a0fcc);position:fixed;left:0;right:0}.btn{padding:var(--space-sm)var(--space-md);font-size:.75rem}.modal{padding:var(--space-lg);border-radius:16px}.card-detail{flex-direction:column;align-items:center}.card-detail-preview{transform-origin:50%;transform:scale(1.2)}.setup-screen{padding:var(--space-lg)}.deck-selection{gap:var(--space-lg)}.deck-option{width:100%;max-width:300px}}@media (max-width:480px){:root{--card-width:90px;--card-height:130px}.card-name{font-size:.6rem}.card-cost{width:18px;height:18px;font-size:.6rem}.card-stats,.card-description{font-size:.5rem}.game-title{letter-spacing:.1em;font-size:1rem}.setup-title{letter-spacing:.1em}}@media (hover:none) and (pointer:coarse){.card:hover{transform:none}.player-hand .card:hover{margin:0;transform:none!important}.card.touched{z-index:100;transform:translateY(-30px)scale(1.1)}.btn:hover:before{opacity:0}.btn:active:before{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.card{border-width:3px}.card-name,.card-description{color:#fff}}