: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:56rem;padding:2rem 1rem 3rem}.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) 76%,transparent);border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pixelwars-heading{margin:0;font-size:2rem}.pixelwars-subheading{margin:.5rem 0 0;color:var(--text-secondary, #dcfdff)}.pixelwars-grid{display:grid;gap:1rem;margin-top:1rem}.pixelwars-button{cursor:pointer;border:1px solid transparent;border-radius:.65rem;background:color-mix(in srgb,var(--brand-secondary, #00f1fd) 22%,transparent);color:var(--text-default, #dce1fb);padding:.55rem .8rem}.pixelwars-button:disabled{cursor:not-allowed;opacity:.55}.pixelwars-meta{color:var(--text-muted, #e2bdc7);font-size:.95rem}.pixelwars-lobby-actions{display:flex;flex-wrap:wrap;gap:.5rem}.pixelwars-button-secondary{background:color-mix(in srgb,var(--surface-container, #1d2436) 80%,transparent);border-color:color-mix(in srgb,var(--stroke-default, #4f5a78) 80%,transparent)}.pixelwars-session-list{border-top:1px solid color-mix(in srgb,var(--stroke-glass, rgba(255, 255, 255, .16)) 80%,transparent);padding-top:.9rem}.pixelwars-session-heading{margin:0;font-size:1.1rem}.pixelwars-session-empty{margin:.5rem 0 0;color:var(--text-muted, #e2bdc7)}.pixelwars-session-items{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.75rem}.pixelwars-session-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;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) 65%,transparent)}.pixelwars-session-title{font-weight:600}.pixelwars-session-meta{font-size:.85rem;color:var(--text-muted, #e2bdc7)}.pixelwars-map-shell{max-width:74rem}.pixelwars-map-panel{display:grid;gap: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;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{box-shadow:inset 0 0 0 2px color-mix(in srgb,#ffd580 70%,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-plains{background:color-mix(in srgb,#66dd9d 58%,var(--surface-container, #222941))}.pixelwars-map-tile-water{background:color-mix(in srgb,#4da6ff 64%,var(--surface-container, #222941))}.pixelwars-map-tile-forest{background:color-mix(in srgb,#2f7f57 70%,var(--surface-container, #222941))}.pixelwars-map-tile-mountain{background:color-mix(in srgb,#8f8f9f 58%,var(--surface-container, #222941))}.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}@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)}}