:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(70,120,255,.22),transparent 40%),linear-gradient(180deg,#0c1324,#080d1d);color:var(--text-default, #dce1fb);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:var(--brand-secondary, #00f1fd)}.pixelwars-shell{margin:0 auto;max-width:74rem;padding:2rem 1rem 3rem}.pixelwars-lobby-stage{position:relative;isolation:isolate;border-radius:1.4rem;overflow:clip;padding:1.1rem;background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--brand-secondary, #00f1fd) 20%,transparent),transparent 60%),radial-gradient(circle at 82% 88%,color-mix(in srgb,var(--brand-tertiary, #e0b6ff) 22%,transparent),transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--surface-container-low, #151b2d) 78%,#050812),color-mix(in srgb,var(--surface-container-lowest, #070d1f) 88%,#03050b) 58%,#03050b);border:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 64%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#d0e5ff 5%,transparent),0 26px 48px color-mix(in srgb,#010307 68%,transparent)}.pixelwars-lobby-panel{position:relative;z-index:1}.pixelwars-lobby-cube-field{position:absolute;top:-1.8rem;right:-1.8rem;bottom:-1.8rem;left:-1.8rem;z-index:0;overflow:hidden;pointer-events:none;filter:saturate(1.22) brightness(1.12)}.pixelwars-lobby-cube-haze{position:absolute;border-radius:999px;filter:blur(10px);opacity:.46}.pixelwars-lobby-cube-haze-a{width:22rem;height:22rem;top:-5rem;right:-3rem;background:radial-gradient(circle at center,color-mix(in srgb,var(--brand-secondary, #00f1fd) 34%,var(--glow-cyan, rgba(0, 255, 179, .72))),transparent 70%)}.pixelwars-lobby-cube-haze-b{width:18rem;height:18rem;left:-5rem;bottom:-6rem;background:radial-gradient(circle at center,color-mix(in srgb,var(--brand-primary, #ffb0ca) 28%,var(--glow-pink, rgba(174, 0, 255, .72))),transparent 74%)}.pixelwars-lobby-cube{position:absolute;border:1px solid color-mix(in srgb,color-mix(in srgb,var(--brand-secondary, #00f1fd) 58%,var(--brand-tertiary, #e0b6ff) 42%) 54%,transparent);border-radius:.2rem;background:linear-gradient(148deg,color-mix(in srgb,var(--brand-secondary, #00f1fd) 30%,transparent),color-mix(in srgb,var(--brand-primary, #ffb0ca) 24%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-tertiary, #e0b6ff) 36%,transparent),0 12px 26px color-mix(in srgb,var(--glow-cyan, rgba(0, 255, 179, .72)) 24%,transparent);opacity:var(--cube-opacity, .34);transform:translateZ(0) rotate(5deg);animation:pixelwars-lobby-cube-float var(--cube-duration, 18s) ease-in-out infinite}.pixelwars-lobby-cube-1{width:4.4rem;height:4.4rem;top:4%;left:7%;--cube-duration: 19s;--cube-opacity: .48}.pixelwars-lobby-cube-2{width:2.9rem;height:2.9rem;top:16%;right:14%;--cube-duration: 21s;--cube-opacity: .4;animation-delay:-4s}.pixelwars-lobby-cube-3{width:3.6rem;height:3.6rem;top:38%;left:5%;--cube-duration: 20s;--cube-opacity: .44;animation-delay:-8s}.pixelwars-lobby-cube-4{width:5rem;height:5rem;top:56%;right:6%;--cube-duration: 22s;--cube-opacity: .36;animation-delay:-2s}.pixelwars-lobby-cube-5{width:2.6rem;height:2.6rem;top:70%;left:18%;--cube-duration: 19s;--cube-opacity: .33;animation-delay:-10s}.pixelwars-lobby-cube-6{width:3.2rem;height:3.2rem;top:76%;right:28%;--cube-duration: 26s;--cube-opacity: .31;animation-delay:-6s}.pixelwars-lobby-cube-7{width:2.2rem;height:2.2rem;top:28%;left:46%;--cube-duration: 24s;--cube-opacity: .32;animation-delay:-7s}.pixelwars-lobby-cube-8{width:1.8rem;height:1.8rem;top:8%;left:59%;--cube-duration: 28s;--cube-opacity: .3;animation-delay:-5s}.pixelwars-lobby-cube-9{width:6.2rem;height:6.2rem;top:20%;right:34%;--cube-duration: 27s;--cube-opacity: .24;animation-delay:-11s}.pixelwars-lobby-cube-10{width:4.8rem;height:4.8rem;top:60%;left:34%;--cube-duration: 24s;--cube-opacity: .26;animation-delay:-9s}.pixelwars-lobby-cube-11{width:2.1rem;height:2.1rem;top:84%;right:11%;--cube-duration: 23s;--cube-opacity: .3;animation-delay:-3s}.pixelwars-lobby-cube-12{width:1.5rem;height:1.5rem;top:12%;left:33%;--cube-duration: 30s;--cube-opacity: .32;animation-delay:-14s}@keyframes pixelwars-lobby-cube-float{0%{transform:translateZ(0) rotate(4deg)}50%{transform:translate3d(.5rem,-.8rem,0) rotate(18deg)}to{transform:translateZ(0) rotate(4deg)}}.pixelwars-panel{border:1px solid color-mix(in srgb,var(--stroke-glass, rgba(255, 255, 255, .16)) 90%,transparent);background:color-mix(in srgb,var(--surface-container-low, #151b2d) 56%,transparent);border-radius:1rem;padding:1.2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pixelwars-heading{margin:0;font-size:clamp(1.8rem,3.1vw,2.35rem);line-height:1.1}.pixelwars-subheading{margin:.55rem 0 0;color:var(--text-secondary, #dcfdff);max-width:58ch}.pixelwars-lobby-layout{position:relative;z-index:1;display:grid;gap:1rem}.pixelwars-command-deck{display:grid;gap:1rem}.pixelwars-command-header{border-radius:.85rem;border:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 78%,transparent);background:linear-gradient(130deg,color-mix(in srgb,var(--surface-container, #1d2436) 66%,transparent),color-mix(in srgb,var(--brand-tertiary, #e0b6ff) 12%,var(--surface-container-low, #151b2d)));padding:.95rem}.pixelwars-command-kicker{margin:0;color:color-mix(in srgb,#9fd3ff 78%,white 22%);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.pixelwars-command-grid{display:grid;gap:.85rem;grid-template-columns:repeat(12,minmax(0,1fr))}.pixelwars-command-card{border-radius:.85rem;border:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 76%,transparent);background:color-mix(in srgb,var(--surface-container, #1d2436) 54%,transparent);padding:.8rem;display:grid;gap:.55rem}.pixelwars-command-card-title{margin:0;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase}.pixelwars-command-status-card{grid-column:span 5}.pixelwars-command-login-card{grid-column:span 7}.pixelwars-command-actions-card{grid-column:span 8}.pixelwars-command-weekly-reset-card{grid-column:span 12}.pixelwars-command-theme-card{grid-column:span 4}.pixelwars-theme-select-label{font-size:.82rem;color:var(--text-muted, #e2bdc7)}.pixelwars-command-theme-card select{width:100%}.pixelwars-meta-strong{color:color-mix(in srgb,#e8f2ff 86%,transparent)}.pixelwars-button{cursor:pointer;border:1px solid transparent;border-radius:.65rem;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-secondary, #00f1fd) 34%,transparent),color-mix(in srgb,#4b80c0 34%,transparent));color:var(--text-default, #dce1fb);padding:.55rem .8rem;font-weight:600}.pixelwars-button:disabled{cursor:not-allowed;opacity:.55}.pixelwars-meta{color:var(--text-muted, #e2bdc7);font-size:.9rem;margin:0}.pixelwars-lobby-actions{display:flex;flex-wrap:wrap;gap:.6rem}.pixelwars-weekly-reset-fields{display:grid;gap:.4rem}.pixelwars-input{width:100%;border-radius:.6rem;border:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 82%,transparent);background:color-mix(in srgb,var(--surface-container-low, #151b2d) 62%,transparent);color:var(--text-default, #dce1fb);padding:.45rem .55rem}.pixelwars-weekly-reset-response{display:grid;gap:.45rem}.pixelwars-weekly-reset-response-pre{margin:0;border-radius:.6rem;border:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 82%,transparent);background:color-mix(in srgb,var(--surface-container-lowest, #070d1f) 72%,transparent);color:var(--text-muted, #e2bdc7);font-size:.78rem;max-height:10rem;overflow:auto;padding:.55rem}.pixelwars-button-secondary{background:color-mix(in srgb,var(--surface-container, #1d2436) 62%,transparent);border-color:color-mix(in srgb,var(--stroke-default, #4f5a78) 80%,transparent)}.pixelwars-session-list{display:grid;gap:.8rem}.pixelwars-livefeed-panel{border-color:color-mix(in srgb,#81aedf 30%,var(--stroke-default, #4f5a78));background:linear-gradient(170deg,color-mix(in srgb,var(--surface-container-low, #151b2d) 58%,transparent),color-mix(in srgb,var(--brand-primary, #ffb0ca) 10%,var(--surface-container-lowest, #070d1f)))}.pixelwars-livefeed-header{border-bottom:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 72%,transparent);padding-bottom:.7rem}.pixelwars-session-heading{margin:0;font-size:1.2rem}.pixelwars-session-subheading{margin:.4rem 0 0;color:var(--text-muted, #e2bdc7);font-size:.9rem}.pixelwars-session-empty{margin:0;color:var(--text-muted, #e2bdc7)}.pixelwars-session-items{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.pixelwars-map-panel-items{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.pixelwars-map-panel-item{border-radius:.8rem;border:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 78%,transparent);background:color-mix(in srgb,var(--surface-container, #1d2436) 46%,transparent);padding:.85rem;display:grid;gap:.75rem}.pixelwars-map-panel-header{display:grid;gap:.2rem}.pixelwars-map-slot-items{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.pixelwars-map-slot-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.65rem;border-radius:.65rem;border:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 72%,transparent);background:color-mix(in srgb,var(--surface-container, #1d2436) 54%,transparent);padding:.65rem}.pixelwars-map-slot-rank{font-size:.8rem;color:color-mix(in srgb,var(--text-default, #dce1fb) 88%,transparent);min-width:2rem}.pixelwars-map-slot-copy{display:grid;gap:.2rem}.pixelwars-map-slot-avatar-wrap{width:2.15rem;height:2.15rem}.pixelwars-map-slot-avatar{width:2.15rem;height:2.15rem;border-radius:999px;object-fit:cover;border:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 80%,transparent)}.pixelwars-map-slot-avatar-fallback{display:grid;place-items:center;font-size:.72rem;font-weight:700;color:var(--text-default, #dce1fb);background:color-mix(in srgb,var(--surface-container-high, #2b3350) 72%,transparent)}.pixelwars-lobby-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:color-mix(in srgb,#02040a 72%,transparent);display:grid;place-items:center;padding:1rem}.pixelwars-lobby-confirm-card{width:min(28rem,100%);border-radius:.8rem;border:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 80%,transparent);background:color-mix(in srgb,var(--surface-container, #1d2436) 90%,transparent);padding:1rem;display:grid;gap:.7rem}.pixelwars-session-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.82rem;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 78%,transparent);background:color-mix(in srgb,var(--surface-container, #1d2436) 46%,transparent)}.pixelwars-session-copy{display:grid;gap:.2rem}.pixelwars-session-title{font-weight:600}.pixelwars-session-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pixelwars-session-meta{font-size:.85rem;color:var(--text-muted, #e2bdc7)}.pixelwars-map-shell{max-width:74rem}@media (max-width: 760px){.pixelwars-lobby-stage{padding:.8rem}.pixelwars-command-grid{grid-template-columns:minmax(0,1fr)}.pixelwars-command-status-card,.pixelwars-command-login-card,.pixelwars-command-actions-card,.pixelwars-command-weekly-reset-card,.pixelwars-command-theme-card{grid-column:auto}.pixelwars-session-item{flex-direction:column}.pixelwars-map-slot-item{grid-template-columns:minmax(0,1fr)}.pixelwars-map-slot-avatar-wrap{width:100%;height:auto}.pixelwars-session-actions{width:100%}.pixelwars-session-actions .pixelwars-button{flex:1 1 auto}.pixelwars-lobby-cube-5,.pixelwars-lobby-cube-6,.pixelwars-lobby-cube-7,.pixelwars-lobby-cube-8,.pixelwars-lobby-cube-9,.pixelwars-lobby-cube-10,.pixelwars-lobby-cube-11,.pixelwars-lobby-cube-12{display:none}}@media (prefers-reduced-motion: reduce){.pixelwars-lobby-cube-field{filter:none}.pixelwars-lobby-cube{animation:none;transform:none;opacity:.16}.pixelwars-lobby-cube-haze{filter:none;opacity:.2}}.pixelwars-map-panel{display:grid;gap:1rem}.pixelwars-teaser-player-panel{border-radius:.9rem;border:1px solid color-mix(in srgb,var(--stroke-glass, rgba(255, 255, 255, .16)) 85%,transparent);background:color-mix(in srgb,var(--surface-container, #1d2436) 68%,transparent);padding:1rem}.pixelwars-map-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.pixelwars-map-toolbar{display:flex;gap:.5rem;flex-wrap:wrap}.pixelwars-link-button{text-decoration:none;display:inline-flex;align-items:center}.pixelwars-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:1rem}.pixelwars-map-viewport{position:relative;min-height:28rem;height:min(68vh,38rem);border-radius:.9rem;border:1px solid color-mix(in srgb,var(--stroke-glass, rgba(255, 255, 255, .16)) 92%,transparent);overflow:hidden;background:radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--brand-secondary, #00f1fd) 20%,transparent),transparent 30%),radial-gradient(circle at 82% 88%,color-mix(in srgb,var(--brand-primary, #ffb0ca) 22%,transparent),transparent 35%),color-mix(in srgb,var(--surface-container-lowest, #0b1021) 94%,transparent);touch-action:none}.pixelwars-map-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;background-image:linear-gradient(to right,color-mix(in srgb,var(--stroke-glass, rgba(255, 255, 255, .12)) 88%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--stroke-glass, rgba(255, 255, 255, .12)) 88%,transparent) 1px,transparent 1px);background-size:24px 24px}.pixelwars-map-tile{position:absolute;border:1px solid color-mix(in srgb,var(--stroke-glass, rgba(255, 255, 255, .16)) 82%,transparent);border-radius:.2rem;padding:0;margin:0;cursor:pointer;overflow:hidden;transition:filter var(--motion-duration-base, .2s) var(--motion-easing-standard, ease)}.pixelwars-map-tile:hover{filter:brightness(1.1)}.pixelwars-map-tile-selected{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand-secondary, #00f1fd) 70%,white 30%)}.pixelwars-map-tile-owned{background:linear-gradient(140deg,color-mix(in srgb,#efc168 28%,var(--surface-container, #1d2436)),color-mix(in srgb,#9b6f2f 22%,var(--surface-container-low, #151b2d)));box-shadow:inset 0 0 0 2px color-mix(in srgb,#ffd580 70%,transparent)}.pixelwars-map-tile-unclaimed-neutral{background:linear-gradient(160deg,color-mix(in srgb,#404554 68%,var(--surface-container-lowest, #0b1021)),color-mix(in srgb,#2f3442 82%,var(--surface-container-low, #151b2d)));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pixelwars-map-tile-claim-eligible{background:linear-gradient(160deg,color-mix(in srgb,#4f7ebb 38%,#313746),color-mix(in srgb,#335f96 42%,#262d3b));box-shadow:inset 0 0 0 1px color-mix(in srgb,#8cc8ff 62%,transparent),0 0 0 1px color-mix(in srgb,#6eb6ff 24%,transparent)}.pixelwars-map-tile-label{position:absolute;top:.1rem;left:.15rem;font-size:.55rem;letter-spacing:.02em;color:color-mix(in srgb,var(--text-default, #eef2ff) 78%,transparent);pointer-events:none}.pixelwars-map-tile-owner{position:absolute;right:.1rem;bottom:.1rem;font-size:.52rem;padding:.05rem .2rem;border-radius:.2rem;background:color-mix(in srgb,#0d1326 78%,transparent);color:color-mix(in srgb,#ffd580 78%,white 22%);pointer-events:none}.pixelwars-map-tile-claimable-chip{color:color-mix(in srgb,#bfe3ff 86%,white 14%);border:1px solid color-mix(in srgb,#8cc8ff 44%,transparent)}.pixelwars-map-owned-avatar{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.95}.pixelwars-map-owned-avatar-mosaic{max-width:none;max-height:none}.pixelwars-map-owned-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:.1rem;background:linear-gradient(130deg,color-mix(in srgb,#151515 68%,#2b3350),color-mix(in srgb,#283149 60%,#151b2d))}.pixelwars-map-owned-fallback-icon{width:66%;height:66%;object-fit:cover;border-radius:.15rem;filter:saturate(1.05)}.pixelwars-map-owned-fallback-handle{position:absolute;left:.1rem;right:.1rem;bottom:.1rem;text-align:center;font-size:.45rem;line-height:1;padding:.08rem .12rem;border-radius:.2rem;background:color-mix(in srgb,#050912 84%,transparent);color:#f5f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pixelwars-map-sidebar{border-radius:.8rem;border:1px solid color-mix(in srgb,var(--stroke-glass, rgba(255, 255, 255, .16)) 85%,transparent);background:color-mix(in srgb,var(--surface-container, #1d2436) 70%,transparent);padding:.75rem;display:grid;gap:.35rem;align-content:start}.pixelwars-map-metadata-card{margin-top:.4rem;border-radius:.65rem;border:1px solid color-mix(in srgb,var(--stroke-glass, rgba(255, 255, 255, .16)) 85%,transparent);background:color-mix(in srgb,var(--surface-container-high, #2b3350) 68%,transparent);padding:.55rem;display:grid;gap:.2rem}.pixelwars-teaser-grid{display:grid;gap:.3rem;margin-top:.6rem;margin-bottom:.5rem}.pixelwars-teaser-tile{border:1px solid color-mix(in srgb,var(--stroke-default, #4f5a78) 75%,transparent);border-radius:.45rem;min-height:2.15rem;background:color-mix(in srgb,var(--surface-container, #1d2436) 80%,transparent);color:var(--text-default, #dce1fb);font-weight:700;cursor:pointer}.pixelwars-teaser-tile-movable{border-color:color-mix(in srgb,var(--brand-secondary, #00f1fd) 70%,transparent);background:color-mix(in srgb,var(--brand-secondary, #00f1fd) 24%,transparent)}.pixelwars-teaser-tile-empty{background:color-mix(in srgb,var(--surface-container-lowest, #0b1021) 95%,transparent);border-style:dashed;cursor:default}.pixelwars-teaser-tile:disabled{opacity:.72;cursor:not-allowed}@media (max-width: 640px){.pixelwars-session-item{align-items:flex-start;flex-direction:column}.pixelwars-map-layout{grid-template-columns:1fr}.pixelwars-map-viewport{min-height:22rem;height:min(58vh,30rem)}}