:root{--bg:#020205;--surface:#0a0a0fcc;--surface-up:#14141ecc;--surface-high:#1e1e2de6;--border:#222;--border-up:#444;--gold:#f0c040;--gold-dim:#9a7828;--gold-bright:#fff0a0;--gold-glow:#f0c0404d;--neon-blue:#007aff;--neon-blue-dim:#003a7a;--neon-blue-glow:#007aff80;--neon-red:#ff2d55;--neon-red-dim:#550a0a;--neon-red-glow:#ff2d5580;--neon-defense:#ff2d55;--neon-offense:#007aff;--glow-defense:0 0 10px #ff2d5580, 0 0 20px #ff2d5533;--glow-offense:0 0 10px #007aff80, 0 0 20px #007aff33;--glow-text:0 0 8px #e0e0f04d;--text:#e0e0e0;--text-muted:#999;--text-dim:#767676;--font-display:"Barlow Condensed", "Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.12s cubic-bezier(.2, 0, 0, 1);--transition-med:.25s cubic-bezier(.2, 0, 0, 1);--shadow-brutal:8px 8px 0px #000;--shadow-brutal-gold:8px 8px 0px #8a6a2080;--board-opacity:.72;--board-blur:0px;--board-contrast:.82;--board-phase-tint:#007aff0f;--board-phase-energy:.22;--board-grid-intensity:.11;--board-slot-opacity:.52;--card-glow-core:0 18px 40px #00000057;--card-glow-edge:0 0 0 1px #ffffff14;--card-fog-opacity:.18;--card-vignette:.24;--card-edge-darkness:#03050ae0;--surface-highlight:#ffffff29;--surface-reflection:#ffffff14;--content-elevation-contrast:1.08;--content-shadow-or-bloom:0 2px 14px #00000073;--stat-panel-translucency:#070a12ad;--stat-panel-glow:#74a8ff1f;--stat-panel-edge-definition:#ffffff1f;--interaction-hover-scale:1.02;--interaction-active-scale:.985;--interaction-selected-emphasis:1.12;--interaction-disabled-saturation:.35;--phase-deploy-bias:.12;--phase-attack-bias:.18;--phase-defense-bias:.1;--phase-transition-strength:.18s}@keyframes vector-bloom{0%,to{text-shadow:0 0 8px var(--gold-glow)}50%{text-shadow:0 0 16px var(--gold-glow), 0 0 2px var(--gold-bright)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-overflow-scrolling:touch;background-image:linear-gradient(#0000 50%,#00000080 50%),linear-gradient(90deg,#007aff14 1px,#0000 1px),linear-gradient(#007aff14 1px,#0000 1px);background-size:100% 4px,40px 40px,40px 40px;width:100vw;min-height:100%;margin:0;padding:0;font-size:16px;overflow:hidden auto}body:after{content:"";opacity:.1;pointer-events:none;z-index:9999;background:#ffffff05;width:100%;height:4px;animation:10s linear infinite scanline;position:fixed;top:0;left:0}.lobby-app-root,.lobby-root-container{width:100vw;height:100vh;position:relative;overflow:hidden}.theme-classic{--bg:#111;--surface:#1a1a1a;--surface-up:#222;--surface-high:#2a2a2a;--border:#333;--border-up:#444;--gold:#fc0;--gold-dim:#970;--gold-bright:#ff6;--gold-glow:#fc03;--neon-blue:#39f;--neon-red:#f36;--font-display:"Inter", sans-serif;--font-mono:"Courier New", monospace;--shadow-brutal:4px 4px 0px #00000080;--shadow-brutal-gold:4px 4px 0px #9977004d;background-image:none}.theme-classic .title{letter-spacing:.1em;text-shadow:none;color:var(--gold);animation:none}.theme-classic .subtitle{letter-spacing:.1em;opacity:.5}.theme-classic .lobby{background:var(--surface);border-radius:8px;box-shadow:0 10px 30px #00000080}.theme-classic .lobby:before,.theme-classic .lobby:after{display:none}.theme-classic .btn{text-transform:none;letter-spacing:normal;border-radius:4px}.theme-classic .btn:hover:not(:disabled){box-shadow:none;background:var(--surface-high);transform:none}.theme-classic .btn-primary{background:var(--gold)}.theme-classic .btn-primary:hover:not(:disabled){background:var(--gold-bright);box-shadow:none}#app{width:100%;min-height:100%}.title,.branding-title{font-family:var(--font-display);text-align:center;letter-spacing:.5em;text-transform:uppercase;color:#fff;text-shadow:0 0 15px var(--gold-glow), 0 0 2px var(--gold-bright);margin-bottom:.25rem;font-size:3.5rem;font-weight:900;animation:4s ease-in-out infinite vector-bloom}.branding-title{text-align:left;letter-spacing:.3em;font-size:2.5rem}.subtitle{font-family:var(--font-mono);text-align:center;color:var(--gold);letter-spacing:.3em;text-transform:uppercase;opacity:.7;margin-bottom:3rem;font-size:.9rem}.version-tag{font-family:var(--font-mono);color:var(--text-dim);text-align:center;text-transform:uppercase;letter-spacing:.3em;margin-bottom:3rem;font-size:.75rem}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.25em;color:var(--gold-dim);align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:.7rem;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.phx-stack{gap:var(--stack-gap,1rem);flex-direction:column;display:flex}.phx-row{align-items:center;gap:var(--row-gap,1rem);flex-direction:row;display:flex}.phx-header-status{align-items:center;gap:1.5rem;padding:.75rem 1.25rem;display:flex}.phx-user-info{cursor:pointer;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.phx-user-actions{gap:.5rem;display:flex}.phx-footer-nav{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.phx-footer-meta{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lobby{border:1px solid var(--border-up);background:#050505e6;flex-direction:column;gap:2rem;width:100%;margin:0 auto;padding:3rem;display:flex;position:relative;box-shadow:0 0 60px #000c}.lobby:before,.lobby:after{content:"";border:2px solid var(--gold-dim);pointer-events:none;width:20px;height:20px;position:absolute}.lobby:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.lobby:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.lobby-header{margin-bottom:1rem}.lobby-status-card{border-left:2px solid var(--gold);font-family:var(--font-mono);background:#ffffff05;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.lobby-status-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:.6rem}.lobby-status{letter-spacing:.1em;text-transform:uppercase;color:#fff;font-size:1.1rem}.lobby-status-detail{color:var(--text-muted);text-align:right;max-width:350px;font-size:.8rem}.lobby-grid{grid-template-columns:1.4fr 1fr;gap:4rem;display:grid}.lobby-col{flex-direction:column;gap:1.5rem;display:flex}.lobby-col--creation{border-right:1px solid var(--border);padding-right:4rem}input,select{border:1px solid var(--border-up);color:#fff;font-family:var(--font-mono);letter-spacing:.1em;width:100%;transition:all var(--transition-fast);background:#000;padding:.8rem 1.25rem;font-size:.95rem}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 15px var(--gold-glow);background:#f0c04005;outline:none}.name-input{text-align:center;letter-spacing:.15em;border-bottom:2px solid var(--gold);padding:1.25rem;font-size:1.4rem;font-weight:900}.btn{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:2px solid var(--border-up);background:var(--surface);color:var(--text-muted);border-radius:0;padding:1rem 2rem;font-size:.75rem;transition:all 50ms;position:relative}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.btn:hover:not(:disabled){border-color:var(--gold);color:#fff;background:var(--surface-up);box-shadow:4px 4px 0px var(--gold-glow);transform:translate(-2px,-2px)}.btn-primary{background:var(--gold);color:#000;border-color:var(--gold);font-size:1rem;font-weight:900}.btn-primary:hover:not(:disabled){background:var(--gold-bright);border-color:var(--gold-bright);color:#000;box-shadow:4px 4px #f0c04066}.btn-danger{border-color:var(--neon-defense);color:var(--neon-defense)}.btn-danger:hover:not(:disabled){background:var(--neon-defense);border-color:var(--neon-defense);color:#000;box-shadow:4px 4px #ff2d5566}.btn-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-row .btn-primary{grid-column:1/-1;padding:1.5rem;font-size:1.2rem}.join-row{grid-template-columns:1fr auto;gap:1rem;display:grid}.game-options{align-items:center;gap:1.5rem;display:flex}.options-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);width:120px;font-size:.7rem}.mode-select{flex:1}.advanced-toggle{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;padding:.5rem 0;font-size:.65rem}.advanced-panel{display:none}.advanced-panel.is-open{border:1px solid var(--border);background:#0000004d;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.leaderboard{flex-direction:column;gap:1rem;display:flex}.leaderboard-tabs{gap:.5rem;display:flex}.leaderboard-tab{border:1px solid var(--border-up);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.4rem .8rem;font-size:.65rem}.leaderboard-tab:hover{border-color:var(--border-up);color:var(--text-muted)}.leaderboard-tab.active{border-color:var(--gold-dim);color:var(--gold);background:#f0c0400d}.leaderboard-body{border:1px solid var(--border);background:#0000004d;min-height:200px;position:relative}.leaderboard-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.75rem}.leaderboard-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);letter-spacing:.1em;padding:.75rem 1rem;font-weight:400}.leaderboard-table td{color:var(--text-muted);border-bottom:1px solid #ffffff05;padding:.75rem 1rem}.leaderboard-empty{text-align:center;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.1em;padding:3rem;font-size:.7rem}.help-toggle{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;margin-top:1rem;font-size:.65rem}.help-panel{display:none}.help-panel.is-open{border:1px solid var(--border-up);font-family:var(--font-mono);background:#000;flex-direction:column;gap:1rem;padding:2rem;font-size:.8rem;line-height:1.6;display:flex}.help-panel h3{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem}.footer-links{gap:2rem;margin-top:1rem;display:flex}.site-link{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:.7rem;text-decoration:none}.site-link:hover{color:var(--gold)}.health-badge{border:1px solid var(--border);background:#0006;align-items:center;gap:.75rem;min-width:120px;padding:.5rem 1rem;display:flex}.health-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.health-badge--green .health-dot{background:var(--gold);box-shadow:0 0 10px var(--gold)}.health-badge--yellow .health-dot{background:#fa0;box-shadow:0 0 10px #fa0}.health-badge--red .health-dot{background:var(--neon-red);box-shadow:0 0 10px var(--neon-red)}.health-copy{flex-direction:column;line-height:1.1;display:flex}.health-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-dim);letter-spacing:.1em;font-size:.55rem}.health-hint{font-family:var(--font-display);color:#fff;font-size:1.1rem;font-weight:900}.health-badge--red .health-hint{color:var(--neon-red)}.health-badge--yellow .health-hint{color:#fa0}@keyframes pz-active-pulse{0%,to{border-color:var(--gold-dim);box-shadow:0 0 10px var(--gold-glow)}50%{border-color:var(--gold);box-shadow:0 0 25px var(--gold-glow), inset 0 0 10px var(--gold-glow)}}.pz-active-pulse{animation:2s ease-in-out infinite pz-active-pulse}.pz-aura-spades{box-shadow:0 0 15px var(--neon-blue-glow);border-color:var(--neon-blue)!important}.pz-aura-hearts,.pz-aura-diamonds{box-shadow:0 0 15px var(--neon-red-glow);border-color:var(--neon-red)!important}.pz-aura-clubs{box-shadow:0 0 15px var(--neon-blue-glow);border-color:var(--neon-blue)!important}.phx-card.is-face{--card-fog-opacity:.22}.phx-card.is-face:after{content:"";pointer-events:none;opacity:.45;background-image:radial-gradient(circle at 50% 12%,#ffffff14,#0000 32%),linear-gradient(135deg,#0000 0%,#ffffff0a 50%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.phx-card.rank-a{box-shadow:inset 0 0 15px #ffffff0d}.phx-card.type-ace .phx-card-rank{text-shadow:0 0 10px}.phx-card.type-king{--card-surface-opacity:1.08}.phx-card.type-queen{--card-fog-opacity:.2}.phx-card.type-jack{--card-vignette:.2}@keyframes pz-screen-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px,-2px)}20%,40%,60%,80%{transform:translate(4px,2px)}}.pz-screen-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both pz-screen-shake}@keyframes pz-damage-float{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-100%)scale(1.2)}to{opacity:0;transform:translate(-50%,-200%)scale(1)}}.pz-damage-pop{z-index:6000;color:var(--neon-red);font-family:var(--font-mono);pointer-events:none;text-shadow:4px 4px #000;font-size:2rem;font-weight:900;animation:.8s ease-out forwards pz-damage-float;position:fixed}.pz-damage-pop.pz-crit{color:var(--amber);text-shadow:6px 6px #000;font-size:3rem}@keyframes pz-hit-flash{0%{filter:brightness(5)contrast(2)}to{filter:brightness()contrast()}}.pz-hit-flash{animation:.5s ease-out pz-hit-flash}.pz-lp-flash{box-shadow:inset 0 0 50px #ff2d5566!important}@keyframes pz-beam-shoot{0%{clip-path:inset(0 100% 0 0);opacity:1}65%{clip-path:inset(0 0% 0 0);opacity:1}to{clip-path:inset(0 0% 0 0);opacity:0}}.pz-attack-beam{background:linear-gradient(90deg, transparent 0%, var(--neon-blue) 20%, #fff 50%, var(--neon-blue) 80%, transparent 100%);transform-origin:0;z-index:5500;pointer-events:none;height:3px;box-shadow:0 0 6px var(--neon-blue-glow), 0 0 16px var(--neon-blue-glow);animation:.5s ease-in forwards pz-beam-shoot;position:fixed}.pz-attack-beam--defense{background:linear-gradient(90deg, transparent 0%, var(--neon-red) 20%, #fff 50%, var(--neon-red) 80%, transparent 100%);box-shadow:0 0 6px var(--neon-red-glow), 0 0 16px var(--neon-red-glow)}@keyframes pz-impact-flash{0%{filter:brightness(8)saturate(0)}40%{filter:brightness(2)saturate(2)}to{filter:brightness()saturate()}}.pz-impact-flash{animation:.35s ease-out pz-impact-flash}@keyframes pz-column-glow-anim{0%{box-shadow:0 0 0 2px #007affe6,inset 0 0 14px #007aff59}55%{box-shadow:0 0 0 4px #007aff4d,inset 0 0 20px #007aff26}to{box-shadow:0 0 #0000,inset 0 0 #0000}}.pz-column-glow{animation:.7s ease-out pz-column-glow-anim}@keyframes pz-suit-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}35%{opacity:1;transform:translate(-50%,-50%)scale(2.2)}to{opacity:0;transform:translate(-50%,-50%)scale(4)}}.pz-suit-pip{z-index:6100;pointer-events:none;font-size:2.5rem;font-weight:900;line-height:1;animation:.65s ease-out forwards pz-suit-burst;position:fixed}.pz-suit-pip--spade,.pz-suit-pip--club{color:var(--neon-blue);text-shadow:0 0 14px var(--neon-blue-glow), 0 0 30px var(--neon-blue-glow)}.pz-suit-pip--heart,.pz-suit-pip--diamond{color:var(--neon-red);text-shadow:0 0 14px var(--neon-red-glow), 0 0 30px var(--neon-red-glow)}.pz-suit-pip--ace{color:var(--gold);text-shadow:0 0 14px var(--gold-glow), 0 0 30px var(--gold-glow)}@keyframes pz-deploy-land{0%{box-shadow:0 0 0 4px var(--gold), inset 0 0 20px #f0c04080;filter:brightness(2.5)}60%{box-shadow:0 0 0 2px var(--gold-dim), inset 0 0 8px #f0c04033;filter:brightness(1.3)}to{box-shadow:none;filter:brightness()}}.pz-deploy-flash{animation:.6s ease-out pz-deploy-land}@keyframes pz-deploy-fly-anim{0%{transform:translate(calc(-50% + var(--pz-from-x)), calc(-50% + var(--pz-from-y))) scale(.5) rotate(-12deg);opacity:0}18%{opacity:1}82%{opacity:1;transform:translate(-50%,-50%)scale(1.05)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(.7)rotate(0)}}.pz-deploy-fly{background:var(--surface-high);border:2px solid var(--gold);width:36px;height:50px;box-shadow:0 0 12px var(--gold-glow), 0 0 28px var(--gold-glow);z-index:5800;pointer-events:none;border-radius:3px;animation:.5s cubic-bezier(.2,0,.4,1) forwards pz-deploy-fly-anim;position:fixed}@keyframes pz-deploy-label-rise{0%{opacity:0;transform:translate(-50%)scale(.8)}20%{opacity:1;transform:translate(-50%,-8px)scale(1)}70%{opacity:1;transform:translate(-50%,-16px)scale(1)}to{opacity:0;transform:translate(-50%,-28px)scale(.9)}}.pz-deploy-label{font-family:var(--font-mono);letter-spacing:.25em;color:var(--gold);text-shadow:0 0 8px var(--gold-glow), 0 0 16px var(--gold-glow);z-index:6050;pointer-events:none;white-space:nowrap;font-size:.6rem;font-weight:900;animation:.8s ease-out forwards pz-deploy-label-rise;position:fixed}.pz-deploy-label--opponent{color:var(--neon-red);text-shadow:0 0 8px var(--neon-red-glow), 0 0 16px var(--neon-red-glow)}.pz-splash-overlay{z-index:7000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pz-splash-text{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:12px 12px #000c;font-size:8rem;font-weight:900;animation:.6s cubic-bezier(.2,0,0,1) both pz-splash-in}@keyframes pz-splash-in{0%{opacity:0;transform:scale(.8)skew(-10deg)}to{opacity:1;transform:scale(1)skew(0)}}.pz-splash-victory{color:var(--gold)}.pz-splash-defeat{color:var(--neon-red)}.pz-exit{animation:.4s ease-in forwards pz-splash-out}@keyframes pz-splash-out{to{opacity:0;transform:translateY(-100vh)}}.auth-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-panel{background:var(--bg);border:3px solid var(--border);flex-direction:column;gap:2rem;width:100%;max-width:480px;padding:3rem;display:flex;box-shadow:15px 15px #000c}.auth-panel h3{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:2rem;font-weight:900}.auth-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.auth-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0;font-size:1.5rem;font-weight:900}.auth-close{border:1px solid var(--border-up);color:var(--text-dim);cursor:pointer;width:32px;height:32px;font-family:var(--font-mono);background:0 0;justify-content:center;align-items:center;font-weight:900;display:flex}.auth-close:hover{border-color:var(--gold);color:#fff}.auth-error{background:var(--neon-red-dim);color:#fff;border:2px solid var(--neon-red);font-family:var(--font-mono);padding:1rem;font-size:.8rem}.form-group{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.form-group label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-size:.7rem}.auth-panel .btn-text{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-self:center;font-size:.75rem;text-decoration:underline}.auth-panel .btn-text:hover{color:var(--gold)}.phx-flash-message{color:var(--gold);border:1px solid var(--gold-dim);font-family:var(--font-mono);text-align:center;background:#f0c0401a;padding:1rem;font-size:.8rem;animation:.3s ease-out flash-in}@keyframes flash-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-banner{background:var(--neon-red);color:#000;font-family:var(--font-mono);z-index:11000;border:3px solid #000;justify-content:space-between;align-items:center;padding:1.5rem 3rem 1.5rem 1.5rem;font-weight:900;display:flex;position:fixed;bottom:2rem;left:2rem;right:2rem;box-shadow:8px 8px #00000080}.error-close{cursor:pointer;background:0 0;border:2px solid #000;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;font-weight:900;display:flex}.mode-badge{background:var(--gold);color:#000;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border:2px solid #000;margin-bottom:2rem;padding:.5rem 1.25rem;font-weight:900;display:inline-block}@media (width<=900px){.lobby-grid{grid-template-columns:1fr;gap:1.5rem}.lobby-col--creation{border-right:none;border-bottom:1px solid var(--border);padding-bottom:1.5rem;padding-right:0}.title{letter-spacing:.2em;font-size:clamp(1.5rem,8vw,2.5rem)}.lobby{gap:1.5rem;padding:1rem}body{padding:0}}.waiting{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100vw;height:100dvh;padding:2rem;display:flex}.waiting .title{font-family:var(--font-display);letter-spacing:.35em;text-transform:uppercase;color:#fff;text-shadow:0 0 40px #ffffff26;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.waiting-hint{font-family:var(--font-mono);color:var(--text-dim);max-width:480px;font-size:.8rem}.share-section{border:1px solid var(--border-up);background:#0a0a0af2;width:100%;max-width:440px;padding:1.25rem 1.5rem}.share-label{font-family:var(--font-mono);color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.match-id-display{margin-bottom:.75rem}.match-id{font-family:var(--font-mono);color:var(--text-dim);word-break:break-all;font-size:.75rem}.share-btn-row{gap:.5rem;display:flex}.share-btn-row .btn{flex:1;font-size:.7rem}.game-over{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100vw;height:100dvh;padding:2rem;display:flex}.game-over .title{font-family:var(--font-display);letter-spacing:.35em;text-transform:uppercase;color:#fff;text-shadow:0 0 40px #ffffff26;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.game-over .result{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;font-size:1.5rem;font-weight:900}.game-over .result.win{color:var(--gold);text-shadow:0 0 20px var(--gold-glow)}.game-over .result.lose{color:var(--neon-defense,#ff2d55);text-shadow:0 0 20px #ff2d5566}.victory-detail{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.05em;font-size:.8rem}.lp-summary{font-family:var(--font-mono);color:var(--text-secondary);font-size:.85rem}.game-over-summary{font-family:var(--font-mono);color:var(--text-dim);text-align:left;border:1px solid var(--border);background:#00000047;gap:.5rem;max-width:440px;padding:1rem 1.1rem;font-size:.75rem;display:grid;box-shadow:0 0 0 1px #ffffff08}.turning-point-kicker,.turning-point-label{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--gold);font-size:.65rem}.turning-point-line{font-family:var(--font-mono);color:var(--text-secondary);font-size:.9rem}.turning-point-block{color:var(--text-secondary);gap:.25rem;display:grid}.game-over .btn{min-width:180px;margin-top:.5rem}.view-log-link{text-decoration:none;display:inline-block}.nr-overlay{z-index:3500;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:.25rem;width:90%;transition:opacity .5s ease-out;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.nr-overlay.nr-fade-out{opacity:0}.nr-overlay-line{font-family:var(--font-display);color:var(--text);text-shadow:0 0 20px #000000f2,0 2px 6px #000000b3;white-space:nowrap;letter-spacing:.04em;font-size:clamp(1rem,5vw,1.8rem);font-weight:700}.nr-overlay-line.nr-destroyed{color:var(--neon-red);text-transform:uppercase;text-shadow:0 0 24px var(--neon-red-glow), 0 0 48px #ff2e2e4d;font-size:clamp(1.5rem,8vw,2.4rem);font-weight:900}.nr-overlay-line.nr-lp-hit{color:var(--gold-bright);text-shadow:0 0 20px var(--gold-glow), 0 0 40px var(--gold-glow);font-size:clamp(1.2rem,6vw,2rem);font-weight:900}.nr-overlay-line.nr-phase-announce{text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 0 30px #ffffffe6,0 0 60px #ffffff80;font-size:clamp(2rem,10vw,3.5rem);font-weight:900}.nr-ticker{z-index:2500;pointer-events:none;flex-direction:column;justify-content:flex-end;gap:.25rem;width:240px;display:flex;position:fixed;top:.5rem;bottom:.5rem;left:.5rem;overflow:hidden auto}.nr-ticker-line{font-family:var(--font-body);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;background:#000000bf;padding:.35rem .6rem;font-size:.95rem;line-height:1.6}.nr-ticker-line.nr-ticker-destroyed{color:var(--neon-red);font-weight:700}.nr-ticker-line.nr-ticker-lp{color:var(--gold)}.nr-ticker-line.nr-ticker-phase{font-family:var(--font-display);color:var(--gold-bright);text-transform:uppercase;border-top:1px solid var(--gold-dim);margin-top:.15rem;padding-top:.4rem;font-weight:700}@keyframes grid-fade-in{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes scanline-pulse{0%{opacity:0;transform:translateY(-100%)}20%{opacity:.2}50%{opacity:.1}to{opacity:0;transform:translateY(100vh)}}@keyframes button-glow-pulse{0%,to{box-shadow:var(--glow-offense);filter:brightness()}50%{filter:brightness(1.2);box-shadow:0 0 35px #007aff99}}.cinematic-overlay{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.cinematic-pulse{background:linear-gradient(90deg, transparent, var(--neon-offense), transparent);width:100%;height:2px;animation:4s cubic-bezier(.4,0,.2,1) infinite scanline-pulse;position:absolute;top:0;left:0}.hud-panel{border:2px solid var(--border-up);background:#05070ae6;padding:2.5rem;position:relative;box-shadow:10px 10px #00000080}.hud-panel:before,.hud-panel:after{content:"";border:2px solid var(--gold);pointer-events:none;width:12px;height:12px;position:absolute}.hud-panel:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.hud-panel:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.match-row{border:2px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1.25rem;transition:all 50ms;display:flex}.match-row:hover{border-color:var(--gold-dim);background:var(--surface-up);transform:translate(-2px,-2px);box-shadow:4px 4px #00000080}.match-info{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.lobby .lobby-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;padding-bottom:1rem;display:flex}.lobby .lobby-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:3rem;display:grid}.engagement-grid{flex-direction:column;gap:2.5rem;margin-top:2rem;display:flex}.engagement-section{border:1px solid var(--border);background:#ffffff05;padding:1.5rem;position:relative}.engagement-section.solo-section{border-left:3px solid var(--gold);background:linear-gradient(90deg,#f0c0400d 0%,#0000 100%)}.engagement-section.squad-section{border-left:3px solid var(--neon-offense)}.engagement-label{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem;font-size:.65rem}.solo-section .engagement-label{color:var(--gold)}.squad-section .engagement-label{color:var(--neon-offense)}.btn-large{padding:1.5rem!important;font-size:1.1rem!important;font-weight:900!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.w-full{width:100%!important}.lobby .input-header{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;margin-bottom:.75rem;font-size:.55rem;display:block}.lobby .input-group{margin-bottom:2rem}.lobby .config-inline{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.lobby .config-item label{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;margin-bottom:.5rem;font-size:.5rem;display:block}.lobby .config-item select,.lobby .config-item input{border:1px solid var(--border);color:#fff;font-family:var(--font-mono);background:#0000004d;width:100%;padding:.5rem;font-size:.75rem}.lobby .btn-primary{background:var(--neon-offense);border-color:var(--neon-offense);color:#fff;box-shadow:var(--glow-offense);text-align:center;justify-content:center;align-items:center;margin-bottom:1rem;padding:1.5rem;font-size:1.2rem;animation:3s infinite button-glow-pulse;display:flex}.lobby .btn-primary:hover:not(:disabled){filter:brightness(1.3);background:var(--neon-offense);color:#fff;transform:translateY(-2px)}.lobby .btn-secondary{color:var(--text-dim);text-align:center;border:1px solid var(--border);transition:all var(--transition-fast);background:#ffffff08;justify-content:center;align-items:center;padding:.75rem;font-size:.7rem;text-decoration:none;display:flex}.lobby .btn-secondary:hover:not(:disabled){border-color:var(--neon-offense);color:#fff;background:#007aff0d}.lobby .action-row{gap:1rem;display:flex}.lobby .action-row>*{flex:1}@media (width<=900px){.lobby .lobby-grid{grid-template-columns:1fr;gap:2.5rem}.lobby .lobby-header{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}.lobby .lobby-header>div:last-child{align-items:center!important}.lobby .btn-primary{font-size:1.1rem}.lobby .hud-panel{padding:1.5rem}.engagement-grid{gap:2rem}.lobby-status-card{text-align:center;flex-direction:column;gap:1rem}.lobby-status-detail{text-align:center}.lobby .config-inline{gap:.75rem;margin-bottom:1.5rem}.lobby .input-group{margin-bottom:1.5rem}.lobby .action-row{flex-direction:column;gap:.75rem}}.lobby .status-card{border-left:2px solid var(--neon-defense);background:#0000004d;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.75rem 1rem;display:flex}.lobby .status-card.phx-header-status{border-left:2px solid var(--border-up);background:0 0;justify-content:flex-end;gap:1.5rem;margin-bottom:1rem;padding:.5rem 1rem;align-items:center!important}.lobby .phx-header-btn{box-sizing:border-box!important;vertical-align:middle!important;justify-content:center!important;align-self:center!important;align-items:center!important;height:32px!important;margin:0!important;padding:0 1rem!important;font-size:.6rem!important;line-height:1!important;animation:none!important;display:inline-flex!important}.lobby .status-title{font-family:var(--font-mono);color:#fff;font-size:.7rem;line-height:1}.lobby .status-val{font-family:var(--font-mono);color:var(--neon-defense);font-size:.6rem}.cascade-viz{border:1px solid var(--border);height:120px;transition:border-color var(--transition-med);background:#007aff05;justify-content:space-around;align-items:center;margin-bottom:2rem;padding:0 2rem;display:flex;position:relative}.viz-node{border:1px solid var(--border-up);width:40px;height:40px;font-family:var(--font-mono);color:var(--text-dim);z-index:2;background:var(--bg);cursor:default;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;font-size:.5rem;display:flex;position:relative}.viz-node-label{font-size:.5rem;line-height:1}.viz-node-lp{opacity:.5;margin-top:2px;font-size:.45rem;line-height:1}.viz-node.active{border-color:var(--neon-offense);color:#fff;box-shadow:var(--glow-offense)}.viz-node.target{border-color:var(--neon-defense);color:#fff;box-shadow:var(--glow-defense)}.viz-hover-atk .viz-node.active{transform:scale(1.15);box-shadow:0 0 30px #007affb3}.viz-hover-frn .viz-node:nth-child(4),.viz-hover-bck .viz-node:nth-child(5){border-color:var(--neon-defense);color:#fff;transform:scale(1.15);box-shadow:0 0 25px #ff2d5599}.viz-hover-core .viz-node.target{transform:scale(1.2);box-shadow:0 0 35px #ff2d55b3}.viz-tooltip{font-family:var(--font-mono);color:var(--text);white-space:nowrap;border:1px solid var(--border-up);z-index:10;pointer-events:none;background:#000c;padding:4px 10px;font-size:.55rem;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}@keyframes cascade-boot{0%{opacity:0;left:5%}8%{opacity:1}25%{opacity:1}35%{opacity:.8}37%{opacity:1}60%{opacity:1}80%{opacity:.8}95%{opacity:1;left:90%}to{opacity:0;left:95%}}@keyframes cascade-idle-glow{0%,to{opacity:.15}50%{opacity:.3}}.viz-boot .viz-pulse{animation:2.5s cubic-bezier(.4,0,.2,1) forwards cascade-boot}.viz-idle .viz-pulse{background:linear-gradient(90deg,#0000,#007aff0f,#0000);width:100%;height:100%;animation:4s ease-in-out infinite cascade-idle-glow;left:0}.viz-config-flash{border-color:var(--gold-dim)!important}.viz-config-flash .viz-path{background:var(--gold-dim);transition:background .3s}.viz-path{background:var(--border);z-index:1;width:100%;height:1px;transition:background var(--transition-fast);position:absolute;top:50%;left:0}.viz-pulse{background:linear-gradient(90deg, transparent, var(--neon-offense), transparent);z-index:1;width:40px;height:100%;position:absolute;top:0;left:0}.protocol-strip{justify-content:space-between;gap:4px;margin-bottom:2.5rem;display:flex}.protocol-step{text-align:center;font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-dim);flex:1;padding:.5rem 0;font-size:.5rem}.protocol-step.active{color:#fff;border-color:var(--gold-dim);background:#f0c0400d}.lobby-footer{flex-wrap:wrap;align-items:center;gap:2rem;margin-top:6rem;padding-bottom:4rem;display:flex}@media (width<=768px){.lobby-footer{flex-direction:column;align-items:center;gap:1.5rem}.lobby-footer>div{align-items:center!important}}.footer-link{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;font-size:.6rem;text-decoration:none}.footer-link:hover{color:var(--gold)}.phx-game-layout{background:var(--bg);width:100%;height:100dvh;color:var(--text);isolation:isolate;--phase-accent:#007aff24;--phase-accent-strong:#007aff47;--phase-haze:#0812286b;--phase-grid-opacity:var(--board-grid-intensity);--phase-divider-glow:#f0c04014;--phase-panel-glow:var(--stat-panel-glow);grid-template:"hud-top""main"1fr"hud-bottom"/1fr;display:grid;position:relative;overflow:hidden}.phx-game-layout:before,.phx-game-layout:after{content:"";pointer-events:none;transition:opacity var(--phase-transition-strength) ease, background var(--phase-transition-strength) ease;position:absolute;inset:0}.phx-game-layout:before{z-index:0;opacity:var(--board-opacity);background:radial-gradient(circle at 50% 48%, var(--phase-accent) 0%, transparent 42%), linear-gradient(180deg, #ffffff05, transparent 26%, #00000070 100%), linear-gradient(90deg, #ffffff05, transparent 18%, transparent 82%, #ffffff05);filter:blur(var(--board-blur)) saturate(var(--board-contrast))}.phx-game-layout:after{z-index:1;opacity:var(--board-phase-energy);background:radial-gradient(circle at 50% 50%, var(--phase-accent-strong) 0%, transparent 34%), linear-gradient(180deg, transparent, var(--phase-haze))}.phx-game-layout[data-phase-tone=deploy]{--phase-accent:rgba(88, 178, 255, var(--phase-deploy-bias));--phase-accent-strong:#58b2ff33;--phase-haze:#0a16285c;--phase-grid-opacity:.09;--phase-divider-glow:#58b2ff1a;--phase-panel-glow:#58b2ff1f}.phx-game-layout[data-phase-tone=attack]{--phase-accent:rgba(255, 74, 111, var(--phase-attack-bias));--phase-accent-strong:#ff4a6f42;--phase-haze:#260a126b;--phase-grid-opacity:.13;--phase-divider-glow:#ff4a6f1f;--phase-panel-glow:#ff4a6f1f}.phx-game-layout[data-phase-tone=recover]{--phase-accent:rgba(107, 223, 184, var(--phase-defense-bias));--phase-accent-strong:#6bdfb82e;--phase-haze:#081a1661;--phase-grid-opacity:.08;--phase-divider-glow:#6bdfb81f;--phase-panel-glow:#6bdfb81c}.phx-game-layout[data-phase-tone=terminal]{--phase-accent:#f0c04024;--phase-accent-strong:#f0c04038;--phase-haze:#1a12086b;--phase-grid-opacity:.07;--phase-divider-glow:#f0c0401f;--phase-panel-glow:#f0c0401f}@media (width>=1200px){.phx-game-layout{grid-template-columns:1fr 380px;grid-template-areas:"hud-top sidebar""main sidebar""hud-bottom sidebar"}}.phx-hud-top{background:linear-gradient(180deg, #ffffff08, transparent 65%), var(--surface);z-index:1000;border-bottom:1px solid #ffffff14;grid-area:hud-top;justify-content:space-between;align-items:center;min-height:0;padding:.5rem 1rem;display:flex;position:relative;box-shadow:0 18px 30px #0000003d}.phx-match-meta{font-family:var(--font-mono);align-items:center;gap:.75rem;font-size:.75rem;display:flex}.phx-spectator-pill,.spectator-count{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#f8cf6b29,#5bd6ff1f),#0000003d;border:1px solid #f8cf6b59;border-radius:999px;padding:.2rem .55rem;box-shadow:0 0 18px #f8cf6b1f}.spectator-count:empty{display:none}.phx-spectator-live{background:radial-gradient(circle at 20% 10%,#5bd6ff29,#0000 36%),#00000047;border-color:#5bd6ff47}.phx-spectator-row{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.55rem;font-size:.7rem;display:flex}.phx-spectator-row span{color:var(--text-dim)}.phx-spectator-row strong{color:var(--neon-blue);text-align:right;text-shadow:0 0 14px #5bd6ff59}.phx-play-by-play-entry{color:var(--text-main)}.phx-main-content{touch-action:none;z-index:2;flex-direction:column;flex:1;grid-area:main;justify-content:stretch;gap:.25rem;width:100%;min-height:0;padding:.25rem .5rem;display:flex;position:relative;overflow:visible}@media (width>=1200px){.phx-main-content{gap:.5rem;padding:1rem 2rem}}.phx-opponent-zone,.phx-player-zone{flex-direction:column;flex:1;align-items:center;width:100%;min-width:0;max-width:900px;min-height:0;margin:0 auto;display:flex;overflow:visible}.phx-divider{background:linear-gradient(90deg, transparent, var(--phase-divider-glow), transparent);z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;min-height:1px;margin:.5rem 0;padding:0 1rem;display:flex;position:relative}@media (width<=900px){.phx-divider{background:0 0;flex-direction:column;gap:.25rem;margin:.25rem 0;padding:0}.phx-divider:before{content:"";background:linear-gradient(90deg, transparent, var(--phase-divider-glow), transparent);z-index:1;width:100%;height:1px;position:absolute;top:50%;left:0}}.phx-stats-horizontal{background:linear-gradient(180deg, #ffffff0f, transparent 48%), var(--stat-panel-translucency);font-family:var(--font-mono);border:1px solid var(--stat-panel-edge-definition);box-shadow:inset 0 1px 0 #ffffff14, 0 0 24px var(--phase-panel-glow);z-index:5;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:.5rem;padding:.2rem .6rem;font-size:.6rem;display:flex}@media (width<=600px){.phx-stats-horizontal{background:#03060cb8;border-color:#ffffff14;gap:.35rem;padding:.1rem .35rem;font-size:.55rem}.phx-stats-label{opacity:.8}}.phx-stats-horizontal.is-opponent{color:var(--neon-red);border-color:#ff2d5533}.phx-stats-horizontal.is-player{color:var(--neon-blue);border-color:#007aff33}.phx-stats-label{letter-spacing:.1em;opacity:.5;margin-right:.25rem;font-size:.5rem;font-weight:900}.phx-stat-item{gap:.15rem;display:flex}.phx-stat-key{opacity:.4;text-transform:uppercase;font-size:.5rem}.phx-stat-val{color:#fff;text-shadow:0 0 10px #ffffff14;font-weight:900}.phx-phase-announcement{font-family:var(--font-mono);text-transform:uppercase;color:var(--gold);letter-spacing:.1em;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff1a, 0 0 40px var(--phase-divider-glow);text-overflow:ellipsis;z-index:100;-webkit-backdrop-filter:blur(12px)saturate(1.8);backdrop-filter:blur(12px)saturate(1.8);text-shadow:0 0 20px;background:linear-gradient(#ffffff14,#0000 52%),#050810d1;border:2px solid #fff3;border-radius:4px;max-width:95vw;padding:.25rem .75rem;font-size:clamp(.55rem,2vw,.7rem);font-weight:900;animation:.7s cubic-bezier(.15,.85,.35,1.1) both phase-pulse;overflow:hidden}@keyframes phase-pulse{0%{opacity:0;filter:brightness(15)contrast(3)blur(30px);letter-spacing:3em;clip-path:inset(0 0 100%);transform:scale(3)skew(30deg)}15%{opacity:1;filter:brightness(5)contrast(2)blur();letter-spacing:-.15em;clip-path:inset(0);transform:scale(.85)skew(-15deg)}25%{filter:brightness(2.5)contrast(1.5);letter-spacing:.4em;clip-path:polygon(0 15%,100% 15%,100% 85%,0 85%);transform:scale(1.2)skew(8deg)}30%{filter:brightness(1.8)contrast(1.2);letter-spacing:.15em;clip-path:inset(0);transform:scale(1)skew(0)}35%{filter:hue-rotate(90deg)brightness(2.5);transform:translate(-4px)skewY(2deg)}40%{filter:hue-rotate()brightness(1.8);transform:translate(4px)skewY(-2deg)}to{opacity:1;filter:brightness()blur();letter-spacing:.2em;transform:scale(1)}}.phx-phase-announcement[data-phase-tone=deploy]{color:#8dd2ff}.phx-phase-announcement[data-phase-tone=attack]{color:#ff7d98}.phx-phase-announcement[data-phase-tone=recover]{color:#89e3c7}@media (width>=900px){.phx-phase-announcement{max-width:40vw}}@media (width>=1200px){.phx-phase-announcement{letter-spacing:.35em;padding:.5rem 2.5rem;font-size:.9rem}}.phx-zone-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--gold-dim);flex-shrink:0;padding:.05rem 0;font-size:.5rem}@media (width>=1200px){.phx-zone-label{padding:.5rem 0;font-size:.7rem}}.phx-hud-bottom{background:linear-gradient(0deg, #ffffff08, transparent 65%), var(--surface);z-index:1000;border-top:1px solid #ffffff14;grid-area:hud-bottom;min-height:0;padding:.25rem .5rem;position:relative;overflow:hidden;box-shadow:0 -18px 30px #0000003d}.phx-hud-bottom-content{align-items:stretch;gap:.5rem;width:100%;height:100%;display:flex}.phx-label-rotated{writing-mode:vertical-rl;border-right:1px solid var(--border);white-space:nowrap;justify-content:center;height:auto;padding:.5rem .25rem;transform:rotate(180deg);margin:0!important;font-size:.5rem!important}.phx-hud-bottom-main{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.phx-actions-bar{justify-content:flex-end;padding-bottom:.25rem;display:flex}.phx-command-drawer{z-index:2000;pointer-events:none;align-items:center;height:100%;display:flex;position:absolute;top:0;right:0}.phx-drawer-handle{background:var(--surface-up);border:2px solid var(--border-up);width:32px;height:60px;color:var(--gold);cursor:pointer;font-family:var(--font-mono);pointer-events:auto;transition:all var(--transition-fast);border-right:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.phx-drawer-handle:hover{background:var(--surface-high);border-color:var(--gold)}.phx-drawer-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:2px solid var(--border-up);pointer-events:auto;background:#050505f2;justify-content:center;align-items:center;gap:1rem;width:0;height:100%;transition:width .3s cubic-bezier(.2,0,0,1);display:flex;overflow:hidden}.phx-command-drawer.is-open .phx-drawer-content{width:calc(100vw - 60px);max-width:600px}.phx-command-drawer.is-open .phx-drawer-handle{border-color:var(--gold);background:var(--surface-high)}@media (width>=1200px){.phx-hud-bottom{padding:.5rem 1rem}.phx-label-rotated{padding:1rem .5rem;font-size:.6rem!important}}.phx-sidebar{background:var(--bg);border-left:1px solid #ffffff14;flex-direction:column;display:none;overflow:hidden;box-shadow:inset 1px 0 #ffffff0a}@media (width>=1200px){.phx-sidebar{grid-area:sidebar;display:flex}}.phx-battlefield{touch-action:none;isolation:isolate;align-items:stretch;gap:.25rem;width:100%;min-width:0;height:100%;min-height:0;padding:.25rem;display:grid;position:relative;overflow:visible}.phx-battlefield:before,.phx-battlefield:after{content:"";pointer-events:none;border-radius:18px;position:absolute;inset:0}.phx-battlefield:before{z-index:0;opacity:var(--board-slot-opacity);background:linear-gradient(180deg, #ffffff0a, transparent 28%, #00000057 100%), linear-gradient(90deg, rgba(255, 255, 255, var(--phase-grid-opacity)) 0, transparent 12%, transparent 88%, rgba(255, 255, 255, var(--phase-grid-opacity)) 100%);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 30px 40px #0003}.phx-battlefield:after{z-index:0;background:radial-gradient(circle at 50% 50%, var(--phase-accent) 0%, transparent 55%), linear-gradient(180deg, transparent 0%, #00000047 100%);opacity:.42}.phx-battlefield>*{z-index:1;position:relative}.phx-card-layer-accents{pointer-events:none;border-radius:inherit;z-index:2;transition:all var(--transition-normal);border:1px solid #0000;position:absolute;inset:0}.phx-card-layer-accents:before,.phx-card-layer-accents:after{content:"";border:2px solid #0000;width:12px;height:12px;transition:inherit;position:absolute}.phx-card-layer-accents:before{border-bottom:0;border-right:0;top:6px;left:6px}.phx-card-layer-accents:after{border-top:0;border-left:0;bottom:6px;right:6px}.phx-card.col-highlight-attacker .phx-card-layer-accents:before,.phx-card.col-highlight-attacker .phx-card-layer-accents:after{border-color:#007affcc;box-shadow:0 0 8px #007aff66}.phx-card.col-highlight-target .phx-card-layer-accents:before,.phx-card.col-highlight-target .phx-card-layer-accents:after{border-color:#ff2d55cc;animation:2.2s ease-in-out infinite phx-accent-pulse-hostile;box-shadow:0 0 10px #ff2d5580}.phx-card.col-highlight-reinforce .phx-card-layer-accents:before,.phx-card.col-highlight-reinforce .phx-card-layer-accents:after{border-color:#f0c040e6;box-shadow:0 0 10px #f0c04099}.phx-card.col-highlight-resolution .phx-card-layer-accents:before,.phx-card.col-highlight-resolution .phx-card-layer-accents:after{border-color:#fff;box-shadow:0 0 15px #fffc}@keyframes phx-accent-pulse-hostile{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.phx-card.col-highlight-attacker{background:#007aff0d;border-color:#007aff66;box-shadow:0 0 15px #007aff40}.phx-card.col-highlight-target{background:#ff2d5514;border-color:#ff2d5566;animation:2.2s ease-in-out infinite phx-card-pulse-hostile;box-shadow:0 0 15px #ff2d5533}.phx-card.col-highlight-reinforce{background:#f0c0401a;border-color:#f0c04080;box-shadow:0 0 15px #f0c0404d}.phx-card.col-highlight-resolution{background:#ffffff1a;border-color:#ffffff80;animation:.4s infinite alternate phx-resolution-flicker;box-shadow:0 0 25px #ffffff4d}@keyframes phx-card-pulse-hostile{0%{box-shadow:0 0 8px #ff2d5533}50%{box-shadow:0 0 18px #ff2d5566}to{box-shadow:0 0 8px #ff2d5533}}@keyframes phx-resolution-flicker{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.01)}}@keyframes phx-pulse-hostile{0%{border-color:#ff2d5566;box-shadow:0 0 15px #ff2d5540}50%{border-color:#ff2d55b3;box-shadow:0 0 35px #ff2d5580}to{border-color:#ff2d5566;box-shadow:0 0 15px #ff2d5540}}@media (width>=1200px){.phx-battlefield{gap:.75rem;padding:.5rem}}.phx-card{width:100%;min-width:0;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), filter var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;touch-action:manipulation;isolation:isolate;box-shadow:var(--card-glow-core), var(--card-glow-edge);--card-accent-soft:#f0c0402e;--card-accent-core:#f0c04057;--card-outline:#ffffff14;--card-interaction-glow:#f0c04042;--card-surface-opacity:1;background:0 0;border:1px solid #ffffff14;border-radius:14px;padding:4px;display:block;position:relative;overflow:hidden}.phx-card[data-card-suit=spades],.phx-card[data-card-suit=clubs]{--card-accent-soft:#007aff2e;--card-accent-core:#007aff57;--card-outline:#007aff33;--card-interaction-glow:#007aff47}.phx-card[data-card-suit=hearts],.phx-card[data-card-suit=diamonds]{--card-accent-soft:#ff2d552e;--card-accent-core:#ff2d5552;--card-outline:#ff2d5533;--card-interaction-glow:#ff2d5547}.phx-card[data-card-intensity=high]{box-shadow:0 22px 48px #00000061,0 0 0 1px #ffffff1a,0 0 30px #ffffff0d}.phx-card-layer,.phx-card-content{position:absolute;inset:0}.phx-card-layer{pointer-events:none}.phx-card-layer-base{z-index:0;background:radial-gradient(circle at 50% 18%, var(--card-accent-soft) 0%, transparent 42%), linear-gradient(180deg, #ffffff08 0%, rgba(14, 20, 34, calc(.72 + var(--card-fog-opacity))) 48%, var(--card-edge-darkness) 100%), radial-gradient(circle at 50% 72%, #ffffff0a, transparent 45%)}.phx-card-layer-surface{z-index:1;opacity:var(--card-surface-opacity);background:linear-gradient(180deg, var(--surface-highlight) 0%, #ffffff08 18%, transparent 36%), linear-gradient(125deg, transparent 18%, var(--surface-reflection) 48%, transparent 72%), radial-gradient(circle at 50% 58%, transparent 60%, rgba(0, 0, 0, var(--card-vignette)) 100%);mix-blend-mode:screen}.phx-card-layer-interaction{z-index:4;border-radius:inherit;border:1px solid #0000;box-shadow:inset 0 0 0 1px #0000}.phx-card-content{z-index:3;padding:inherit;filter:contrast(var(--content-elevation-contrast));grid-template:"rank suit""hp hp"1fr"body body"/1fr auto;display:grid}.phx-card.bf-cell{height:100%}.phx-card.hand-card{height:100%;max-height:120px}@media (width>=1200px){.phx-card{padding:8px}.phx-card.bf-cell{aspect-ratio:2.5/3.5;min-width:80px;height:auto}}@media (hover:hover){.phx-card:hover{border-color:var(--card-outline);transform:translateY(-3px) scale(var(--interaction-hover-scale));box-shadow:0 26px 54px #0000006b, 0 0 0 1px var(--card-outline), 0 0 26px var(--card-interaction-glow);z-index:100}.phx-card:hover .phx-card-layer-interaction{box-shadow:inset 0 0 0 1px #ffffff0f, 0 0 28px var(--card-interaction-glow);border-color:#ffffff2e}}@media (hover:hover) and (width>=1200px){.phx-card:hover{transform:translateY(-5px)scale(1.03)}}.phx-card:active{transform:scale(var(--interaction-active-scale))}.phx-card.disabled,.phx-card[aria-disabled=true]{filter:saturate(var(--interaction-disabled-saturation));opacity:.72;cursor:not-allowed}.phx-card.selected{transform:translateY(-8px) scale(var(--interaction-selected-emphasis));z-index:2500;border-color:#007aff57;box-shadow:0 26px 56px #00000070,0 0 0 1px #007aff4d,0 0 34px #007aff47}.phx-card.selected .phx-card-layer-interaction{border-color:#007aff66;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 36px #007aff38}.phx-card.valid-target{border-color:#ff2d5547;box-shadow:0 22px 48px #00000061,0 0 0 1px #ff2d5542,0 0 30px #ff2d552e}.phx-card.valid-target .phx-card-layer-interaction{border-color:#ff2d554d}.phx-card.attack-preview-winning_exchange,.phx-card.attack-preview-even_exchange,.phx-card.attack-preview-losing_exchange,.phx-card.attack-preview-direct_damage_risk{border-style:solid}.phx-card.attack-preview-winning_exchange{box-shadow:0 22px 48px #00000061,0 0 0 1px #3ed6904d,0 0 30px #3ed6902e}.phx-card.attack-preview-even_exchange{box-shadow:0 22px 48px #00000061,0 0 0 1px #f0c0403d,0 0 30px #f0c04024}.phx-card.attack-preview-losing_exchange{box-shadow:0 22px 48px #00000061,0 0 0 1px #ff565647,0 0 30px #ff565624}.phx-card.attack-preview-direct_damage_risk{box-shadow:0 22px 48px #00000061,0 0 0 1px #ffb43c4d,0 0 30px #ffb43c29}.phx-action-preview-chip{font-family:var(--font-mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;pointer-events:none;background:#000000a3;border:1px solid #ffffff14;border-radius:999px;padding:.18rem .3rem;font-size:.42rem;font-weight:800;position:absolute;bottom:.35rem;left:.35rem;right:.35rem}.phx-action-preview-chip.preview-winning_exchange{color:var(--green-bright,#62e68d)}.phx-action-preview-chip.preview-even_exchange{color:var(--gold-bright)}.phx-action-preview-chip.preview-losing_exchange{color:var(--neon-red)}.phx-action-preview-chip.preview-direct_damage_risk{color:var(--neon-orange,#ffb23f)}.phx-combat-feedback{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--border);z-index:100;background:#000c;border-radius:999px;flex-direction:column;align-self:center;align-items:center;gap:.25rem;width:fit-content;margin:.5rem auto 0;padding:.45rem 1.25rem;font-size:.85rem;font-weight:900;animation:2.6s cubic-bezier(.175,.885,.32,1.275) forwards phx-feedback-pulse;display:flex;box-shadow:0 0 24px #00000080,inset 0 0 12px #ffffff0d}@keyframes phx-feedback-pulse{0%{opacity:0;transform:translateY(-1rem)scale(.9)}10%{opacity:1;transform:translateY(0)scale(1)}15%{box-shadow:0 0 32px var(--gold-bright), inset 0 0 16px #fff3}85%{opacity:1;transform:translateY(0)scale(1);box-shadow:0 0 24px #00000080,inset 0 0 12px #ffffff0d}to{opacity:0;transform:translateY(.5rem)scale(.95)}}.phx-combat-cause-labels{gap:.5rem;margin-top:.1rem;display:flex}.phx-cause-tag{font-family:var(--font-mono);color:var(--gold-bright);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;background:#f0c0401a;border:1px solid #f0c04033;border-radius:3px;padding:2px 6px;font-size:.55rem;font-weight:700;box-shadow:0 0 8px #f0c0400d}.phx-combat-feedback.feedback-lp-damage-landed{color:var(--gold-bright);border-color:#f0c04047}.phx-combat-feedback.feedback-shield-lost{color:var(--text);border-color:#ffffff2e}.phx-combat-feedback.feedback-column-collapsed{color:var(--neon-red);border-color:#ff2e2e40}.phx-combat-feedback.feedback-direct-path-opened{color:var(--neon-orange,#ffb23f);border-color:#ffb34d3d}.phx-combat-feedback.feedback-victory{color:var(--gold-bright);border-color:#f0c04047}.phx-card.playable,.phx-card.reinforce-playable{border-color:#f0c0403d}.phx-card.playable .phx-card-layer-interaction,.phx-card.reinforce-playable .phx-card-layer-interaction{border-color:#f0c04038;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 22px #f0c04029}.phx-card-rank,.card-rank{font-family:var(--font-display);text-shadow:var(--content-shadow-or-bloom);grid-area:rank;align-self:start;font-size:clamp(1.2rem,6vw,2.6rem);font-weight:900;line-height:1}.phx-card-suit,.card-pip{text-shadow:var(--content-shadow-or-bloom);grid-area:suit;place-self:start end;font-size:clamp(1rem,5vw,2.2rem);line-height:1}.phx-card-type,.card-type{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;opacity:.58;pointer-events:none;text-shadow:0 1px 6px #0009;grid-area:body;place-self:end center;font-size:.5rem;font-weight:700}.phx-card-hp,.card-hp{background:var(--border-up);color:#000;font-family:var(--font-mono);text-align:center;grid-area:hp;margin:0 -4px -4px;padding:2px 0;font-size:.7rem;font-weight:900}@media (width>=1200px){.phx-card-hp{margin:0 -8px -8px;padding:5px 0;font-size:.8rem}}.phx-card-hp-container{background:linear-gradient(#ffffff14,#0000 45%),#050a12bd;border:1px solid #ffffff1f;border-radius:999px;grid-area:hp;align-self:stretch;height:100%;min-height:16px;max-height:32px;margin-top:2px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 0 14px #00000038}.phx-card-hp-bar{filter:saturate(1.1);height:100%;transition:width .4s cubic-bezier(.2,0,0,1)}.phx-card-hp-text{width:100%;height:100%;font-family:var(--font-mono);color:#fff;text-shadow:0 1px 8px #000c;z-index:2;letter-spacing:.05em;justify-content:center;align-items:center;font-size:clamp(.6rem,1.8vh,1.1rem);font-weight:900;display:flex;position:absolute;top:0;left:0}.pz-floating-card{pointer-events:none;z-index:10000;aspect-ratio:2.5/3.5;border:2px solid var(--gold);opacity:.9;background:#050505;grid-template:"rank suit""type type"1fr"hp hp"/1fr auto;width:80px;padding:8px;display:grid;position:fixed;transform:translate(-50%,-50%)rotate(5deg);box-shadow:0 0 20px #f0c04080}.phx-card.empty{opacity:1;background:linear-gradient(#ffffff05,#0000 40%),#ffffff05;border-style:solid;border-color:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 18px 24px #ffffff05}.phx-card.empty:before{content:"";opacity:.65;border:1px dashed #ffffff1f;border-radius:10px;position:absolute;inset:12%}.phx-card.empty.valid-target{border-color:#f0c0403d;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 20px #f0c0401f}.phx-hand-container{align-items:center;gap:.5rem;width:100%;padding:0 .5rem;display:flex}.phx-hand{-webkit-overflow-scrolling:touch;touch-action:pan-x;flex:1;justify-content:safe center;gap:.5rem;height:140px;padding:.25rem;display:flex;overflow-x:auto}.phx-hand-actions{flex-shrink:0}.phx-pass-btn{min-width:80px;padding:.75rem 1.25rem!important;font-size:.7rem!important}@media (width>=1200px){.phx-hand-container{gap:2rem;padding:0 2rem}.phx-pass-btn{min-width:120px;padding:1rem 2rem!important;font-size:.75rem!important}}.phx-hand .phx-card{flex:0 0 clamp(75px,20vw,100px);min-width:0}.phx-hand .phx-card-rank{font-size:1.4rem}.phx-hand .phx-card-suit{font-size:1.2rem}.phx-hand .phx-card-type{font-size:.4rem}.phx-stats-block{border-bottom:1px solid var(--border);padding:1.5rem}.phx-stats-block:last-child{border-bottom:none}.phx-stats-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.phx-stats-row:last-child{border-bottom:none}.phx-stats-row .phx-label{font-family:var(--font-mono);opacity:.6;font-size:.75rem}.phx-stats-row .phx-val{color:var(--gold);font-weight:900}.phx-log{font-family:var(--font-mono);color:var(--text-muted);background:#0003;flex:1;padding:1.5rem;font-size:.8rem;line-height:1.6;overflow-y:auto}@keyframes log-fade-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.phx-log-entry span{font-weight:900}.phx-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.phx-actions .btn{flex:1;min-width:100px;max-width:160px;padding:.4rem .75rem;font-size:.6rem}@media (width>=1200px){.phx-actions{justify-content:flex-start;gap:1rem}.phx-actions .btn{flex:none;min-width:0;max-width:none;padding:1rem 2rem;font-size:.75rem}}.phx-turn-status{font-family:var(--font-display)}.phx-turn-status.status-my-turn{color:var(--gold);text-shadow:0 0 15px var(--gold-glow)}.phx-turn-status.status-spectator{color:var(--neon-blue);text-shadow:0 0 18px #5bd6ff73}.phx-match-meta{font-family:var(--font-mono);font-size:.85rem}.meta-tag{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.phx-beta-tag{font-family:var(--font-mono);background:var(--neon-blue);color:#000;letter-spacing:.05em;vertical-align:middle;border-radius:2px;padding:.1rem .4rem;font-size:.5rem;font-weight:900;line-height:1;box-shadow:0 0 10px #5bd6ff66}.phx-log-entry{font-family:var(--font-mono);border-left:2px solid var(--border);margin-bottom:1rem;padding-left:1rem;font-size:.75rem;animation:.3s ease-out log-fade-in}.phx-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.phx-modal-content{width:90%;max-width:640px;max-height:90vh;overflow-y:auto;border-color:var(--gold-dim)!important}.phx-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.phx-modal-body{flex-direction:column;gap:1.5rem;display:flex}.tutorial-video-container{aspect-ratio:16/9;border:1px solid var(--border-up);background:#000;width:100%;position:relative;overflow:hidden}.tutorial-video{object-fit:cover;width:100%;height:100%}.video-overlay-glitch{pointer-events:none;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 2px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/3px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.intel-block{border-left:2px solid var(--border);background:#ffffff08;padding:1rem}.intel-text{font-family:var(--font-body);color:var(--text-muted);margin-top:.5rem;font-size:.9rem;line-height:1.5}.phx-modal-footer{justify-content:flex-end;margin-top:2rem;display:flex}.onboarding-overlay{z-index:10000}.onboarding-panel{border-left:4px solid var(--gold);background:linear-gradient(135deg,#141414f2,#0a0a0afa)}.onboarding-icon-pulse{background:var(--gold);width:12px;height:12px;box-shadow:0 0 10px var(--gold-glow);border-radius:50%;animation:2s infinite pulse-gold}@keyframes pulse-gold{0%{transform:scale(.95);box-shadow:0 0 #d4af37b3}70%{transform:scale(1);box-shadow:0 0 0 10px #d4af3700}to{transform:scale(.95);box-shadow:0 0 #d4af3700}}.onboarding-video-container{border:1px solid var(--gold-dim);box-shadow:inset 0 0 20px #00000080}.intel-list{margin:.5rem 0 0 1.2rem;padding:0;list-style:none}.intel-list li{font-family:var(--font-body);color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;position:relative}.intel-list li:before{content:"»";color:var(--gold);position:absolute;left:-1.2rem}.onboarding-links{border-top:1px solid var(--border);justify-content:center;padding-top:1rem;display:flex}.ghost-hand-animation{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.ghost-cursor{background:#fff6;border:2px solid #fff;border-radius:50%;width:20px;height:20px;animation:4s ease-in-out infinite ghost-drag;position:absolute;top:80%;left:50%;box-shadow:0 0 15px #ffffff80}@keyframes ghost-drag{0%{opacity:0;transform:translate(-50%,-50%)scale(1)}10%{opacity:1;transform:translate(-50%,-50%)scale(1)}30%{transform:translate(-50%,-150%)scale(.8)}50%{transform:translate(50%,-200%)scale(.8)}70%{opacity:1;transform:translate(50%,-200%)scale(.8)}90%{opacity:0;transform:translate(50%,-200%)scale(1.2)}to{opacity:0}}.phx-ghost-card{pointer-events:none;z-index:10000;opacity:.85;width:140px;height:190px;transition:transform .1s ease-out;position:fixed;transform:translate(-50%,-50%)scale(1.05)rotate(2deg);box-shadow:0 15px 35px #00000080}@media (width<=768px){.phx-ghost-card{width:100px;height:140px}}.settings-group{margin-bottom:2rem}.settings-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:.65rem}.setting-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.setting-info{flex-direction:column;gap:4px;display:flex}.setting-name{font-family:var(--font-mono);letter-spacing:.05em;color:#fff;font-size:.85rem;font-weight:700}.setting-desc{color:var(--text-muted);max-width:300px;font-size:.65rem;line-height:1.4}.brutalist-toggle{border:2px solid var(--border-up);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;transition:all var(--transition-fast);text-align:center;background:#000;min-width:120px;padding:.5rem 1rem;font-size:.7rem;font-weight:900}.brutalist-toggle.active{border-color:var(--gold);color:var(--gold);box-shadow:4px 4px 0px var(--gold-glow);background:#f0c0401a}.brutalist-toggle:hover:not(:disabled){border-color:var(--gold-dim);color:var(--text-muted)}.brutalist-toggle:disabled{opacity:.5;cursor:not-allowed}.warning-text{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.welcome-overlay{z-index:10001}.welcome-panel{border-left:4px solid var(--neon-blue);background:linear-gradient(135deg,#141414f7,#0a0a0afc);max-width:700px}.welcome-body{gap:1rem}.welcome-status-grid{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.welcome-status-item{font-family:var(--font-body);color:var(--text-muted);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.welcome-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.welcome-status-live .welcome-status-dot{background:#22c55e;box-shadow:0 0 6px #22c55e}.welcome-status-beta .welcome-status-dot{background:var(--gold);box-shadow:0 0 6px var(--gold-glow)}.welcome-status-wip .welcome-status-dot{background:#94a3b8}.welcome-cta-block{border-left-color:var(--gold)!important}.welcome-cta-actions{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.welcome-links-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin-top:.5rem;display:grid}.welcome-link-card{border:1px solid var(--border);background:#ffffff08;flex-direction:column;gap:.2rem;padding:.6rem .75rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.welcome-link-card:hover{border-color:var(--neon-blue);background:#00c8ff0d}.welcome-link-card--sponsor{border-color:var(--gold-dim)}.welcome-link-card--sponsor:hover{border-color:var(--gold);background:#d4af370f}.welcome-link-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text);text-transform:uppercase;font-size:.7rem;font-weight:700}.welcome-link-sub{font-family:var(--font-body);color:var(--text-muted);opacity:.7;font-size:.72rem}.welcome-contact-block{background:0 0!important;border-left-color:#0000!important;padding:.5rem 0 0!important}.welcome-footer{align-items:center;gap:1rem;justify-content:space-between!important}.welcome-footer-note{font-family:var(--font-mono);opacity:.4;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}