@font-face{font-family:GC Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bungee-latin-400.woff2) format("woff2")}@font-face{font-family:GC Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/chakra-petch-latin-600.woff2) format("woff2")}.gc-game-header{--gc-void: 9 8 13;--gc-panel: 25 22 35;--gc-bezel: 55 50 76;--gc-bezel-hi: 88 81 116;--gc-ink: 246 241 231;--gc-ink-muted: 180 172 199;--gc-cyan: 52 228 234;--gc-pink: 255 64 140;--gc-pink-deep: 150 22 78;--gc-display: "GC Bungee", Impact, system-ui, sans-serif;--gc-body: "GC Chakra Petch", system-ui, -apple-system, "Segoe UI", sans-serif;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;margin:0;padding:8px 10px;border:1px solid rgb(var(--gc-bezel));border-radius:14px;background:linear-gradient(180deg,rgb(255 255 255 / .04),transparent 60%),rgb(var(--gc-void) / .9);box-shadow:inset 0 1px #ffffff0f,0 12px 28px -14px #000c;backdrop-filter:blur(10px);color:rgb(var(--gc-ink));font-family:var(--gc-body);font-size:14px;font-weight:600;line-height:1.2;-webkit-font-smoothing:antialiased}.gc-game-header *,.gc-game-header *:before,.gc-game-header *:after{box-sizing:border-box}.gc-game-header a{color:inherit;text-decoration:none}.gc-game-header a:focus-visible{outline:2px solid rgb(var(--gc-cyan));outline-offset:3px;border-radius:6px}.gc-game-header-nav,.gc-game-header-account,.gc-game-header-actions{display:flex;align-items:center;gap:8px;min-width:0}.gc-game-header-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 12px 4px 6px;border-radius:8px;transition:background-color .14s ease}.gc-game-header-back:hover{background:rgb(var(--gc-panel))}.gc-game-header-arrow{width:18px;height:18px;flex:none;fill:none;stroke:rgb(var(--gc-cyan));stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .14s cubic-bezier(.2,.9,.3,1.2)}.gc-game-header-back:hover .gc-game-header-arrow{transform:translate(-3px)}.gc-game-header-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:2px solid rgb(var(--gc-pink));border-radius:8px;background:rgb(var(--gc-void));color:rgb(var(--gc-pink));font-family:var(--gc-display);font-size:13px;font-weight:400;box-shadow:0 0 0 1px rgb(var(--gc-pink) / .6),0 0 18px rgb(var(--gc-pink) / .35)}.gc-game-header-back-text,.gc-game-header-player-label{display:flex;flex-direction:column;gap:3px;min-width:0}.gc-game-header-kicker{color:rgb(var(--gc-ink-muted));font-family:var(--gc-body);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.gc-game-header-back-label{font-family:var(--gc-display);font-size:14px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.gc-game-header-player{display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:260px;padding:4px 12px 4px 4px;border:1px solid rgb(var(--gc-bezel));border-radius:10px;background:rgb(var(--gc-panel))}a.gc-game-header-player{transition:border-color .14s ease,box-shadow .14s ease}a.gc-game-header-player:hover{border-color:rgb(var(--gc-cyan) / .7);box-shadow:0 0 0 1px rgb(var(--gc-cyan) / .55),0 0 22px rgb(var(--gc-cyan) / .3)}.gc-game-header-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid rgb(var(--gc-pink) / .7);border-radius:4px;background:rgb(var(--gc-void));object-fit:cover;box-shadow:0 0 14px rgb(var(--gc-pink) / .3)}.gc-game-header-avatar-initial{color:rgb(var(--gc-ink));font-family:var(--gc-display);font-size:14px}.gc-game-header[data-account=guest] .gc-game-header-avatar{border-color:rgb(var(--gc-bezel-hi));box-shadow:none;color:rgb(var(--gc-ink-muted))}.gc-game-header-player-name{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.gc-game-header-player[data-needs-tag=true] .gc-game-header-player-name{color:rgb(var(--gc-cyan));text-decoration:underline;text-underline-offset:3px}.gc-game-header-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:8px;font-family:var(--gc-display);font-size:13px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;transition:filter .14s ease,transform .14s cubic-bezier(.2,.9,.3,1.2),box-shadow .14s ease,color .14s ease}.gc-game-header-button-ghost:hover{color:rgb(var(--gc-cyan));text-decoration:underline;text-underline-offset:6px}.gc-game-header-button-primary{background:rgb(var(--gc-pink));color:rgb(var(--gc-void))!important;box-shadow:0 4px rgb(var(--gc-pink-deep))}.gc-game-header-button-primary:hover{filter:brightness(1.1)}.gc-game-header-button-primary:active{transform:translateY(3px);box-shadow:0 1px rgb(var(--gc-pink-deep))}@media(max-width:560px){.gc-game-header{gap:6px;padding:6px}.gc-game-header-back-text .gc-game-header-kicker,.gc-game-header-player-label .gc-game-header-kicker{display:none}.gc-game-header-player{max-width:44vw}.gc-game-header-button{padding:0 12px}}@media(max-width:380px){.gc-game-header-back-text{display:none}}@media(prefers-reduced-motion:reduce){.gc-game-header *,.gc-game-header *:before,.gc-game-header *:after{transition:none!important}.gc-game-header-back:hover .gc-game-header-arrow,.gc-game-header-button-primary:active{transform:none}}:root{--ws-navy: #050f1e;--ws-navy-2: #081a30;--ws-sea: #0a2642;--ws-sea-deep: #061a30;--ws-grid: rgb(72 196 255 / .18);--ws-grid-strong: rgb(72 196 255 / .36);--ws-sonar: #48c4ff;--ws-radar: #3dffc5;--ws-incoming: #ff9e3d;--ws-hit: #ff6a3d;--ws-miss: #e8f4ff;--ws-ink: #e6f6ff;--ws-ink-muted: #8fb3cc;--ws-panel: rgb(8 26 48 / .82);--ws-bezel: rgb(72 196 255 / .28);--ws-display: "GC Bungee", Impact, system-ui, sans-serif;--ws-body: "GC Chakra Petch", system-ui, -apple-system, "Segoe UI", sans-serif;--ws-hull: #6f8aa3;--ws-hull-hi: #a9c4d9;--ws-hull-deep: #3b5268;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ws-navy);color:var(--ws-ink);font-family:var(--ws-body);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ws-app{position:relative;min-height:100vh;min-height:100dvh;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:radial-gradient(ellipse 70% 45% at 50% 0%,rgb(61 255 197 / .08),transparent 70%),radial-gradient(ellipse 60% 50% at 80% 100%,rgb(72 196 255 / .07),transparent 70%),linear-gradient(180deg,var(--ws-navy-2),var(--ws-navy) 70%)}.ws-app:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgb(255 255 255 / .018) 0 1px,transparent 1px 3px);z-index:0}.ws-app>*{position:relative;z-index:1}.ws-app :where(a,button,summary,input,[tabindex]):focus-visible{outline:3px solid var(--ws-radar);outline-offset:2px}.ws-topbar{display:flex;align-items:center;gap:12px;max-width:1240px;margin:0 auto;padding:8px 10px;border:1px solid var(--ws-bezel);border-radius:14px;background:linear-gradient(180deg,rgb(255 255 255 / .04),transparent 60%),#050f1ed9;box-shadow:0 12px 28px -16px #000000e6,inset 0 1px #ffffff0d}.ws-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}.ws-brand-mark{position:relative;flex:none;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,transparent 30%,rgb(72 196 255 / .5) 31% 34%,transparent 35% 60%,rgb(72 196 255 / .35) 61% 64%,transparent 65%),var(--ws-sea-deep);box-shadow:0 0 0 1px var(--ws-bezel),0 0 14px #48c4ff40;overflow:hidden}.ws-brand-mark:after{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,rgb(61 255 197 / .55),transparent 70deg);animation:ws-spin 4s linear infinite}.ws-brand-text{display:grid;min-width:0;line-height:1.1}.ws-brand-text strong{font:400 17px var(--ws-display);letter-spacing:.04em;color:var(--ws-sonar);text-shadow:0 0 12px rgb(72 196 255 / .4)}.ws-brand-table{overflow:hidden;color:var(--ws-ink-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ws-seats{display:flex;flex:1;justify-content:center;gap:10px;min-width:0;margin:0;padding:0;list-style:none}.ws-seat{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 10px 4px 4px;border:1px solid transparent;border-radius:999px;background:#0a264299;transition:border-color .3s ease,box-shadow .3s ease}.ws-seat[data-turn=true]{border-color:var(--ws-radar);box-shadow:0 0 0 1px #3dffc566,0 0 18px #3dffc540}.ws-seat[data-away=true]{opacity:.6}.ws-seat-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--ws-sea);color:var(--ws-ink);font:400 15px var(--ws-display);object-fit:cover}.ws-seat[data-local=true] .ws-seat-avatar{box-shadow:0 0 0 2px var(--ws-sonar)}.ws-seat[data-ready=true] .ws-seat-avatar{box-shadow:0 0 0 2px var(--ws-radar)}.ws-seat-text{display:grid;min-width:0;line-height:1.15}.ws-seat-text strong,.ws-seat-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-seat-text strong{font-size:14px}.ws-seat-text small{color:var(--ws-ink-muted);font-size:12px}.ws-topbar-actions{display:flex;align-items:center;gap:6px}.ws-icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--ws-bezel);border-radius:10px;background:#0a264299;color:var(--ws-ink);cursor:pointer;list-style:none}.ws-icon-btn::-webkit-details-marker{display:none}.ws-mute:before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--ws-icon-sound) center / contain no-repeat;mask:var(--ws-icon-sound) center / contain no-repeat;--ws-icon-sound: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9z'/%3E%3Cpath d='M16 9a4 4 0 0 1 0 6M18.5 6.5a7.5 7.5 0 0 1 0 11'/%3E%3C/svg%3E")}.ws-mute[data-muted=true]:before{--ws-icon-sound: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9z'/%3E%3Cpath d='M17 9l5 6M22 9l-5 6'/%3E%3C/svg%3E");opacity:.7}.ws-menu{position:relative}.ws-menu-dots,.ws-menu-dots:before,.ws-menu-dots:after{display:block;width:4px;height:4px;border-radius:50%;background:currentColor}.ws-menu-dots{position:relative}.ws-menu-dots:before,.ws-menu-dots:after{content:"";position:absolute;left:0}.ws-menu-dots:before{top:-7px}.ws-menu-dots:after{top:7px}.ws-menu-list{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:grid;min-width:230px;padding:6px;border:1px solid var(--ws-bezel);border-radius:12px;background:#071629;box-shadow:0 18px 40px -12px #000000e6}.ws-menu-item{display:block;width:100%;min-height:40px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--ws-ink);font:600 14px var(--ws-body);line-height:40px;text-align:left;text-decoration:none;cursor:pointer}.ws-menu-item:hover{background:#48c4ff1f}.ws-danger{color:#ffb3a0}.ws-status{display:flex;align-items:center;justify-content:center;gap:10px;max-width:720px;min-height:44px;margin:12px auto 0;padding:8px 16px;border:1px solid var(--ws-bezel);border-radius:999px;background:#050f1ebf;font:600 16px var(--ws-body);letter-spacing:.02em;text-align:center;transition:border-color .3s ease,box-shadow .3s ease,color .3s ease}.ws-status-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--ws-ink-muted)}.ws-status[data-tone=mine]{border-color:var(--ws-radar);box-shadow:0 0 22px #3dffc52e;color:#c9fff0}.ws-status[data-tone=mine] .ws-status-dot{background:var(--ws-radar);animation:ws-blink 1.2s ease-in-out infinite}.ws-status[data-tone=theirs] .ws-status-dot{background:var(--ws-incoming)}.ws-status[data-tone=win]{border-color:var(--ws-radar);color:var(--ws-radar)}.ws-status[data-tone=lose]{border-color:var(--ws-hit);color:#ffc2b0}.ws-stage{max-width:1240px;margin:14px auto 0}.ws-theater{display:grid;gap:18px;align-items:start}.ws-side{display:grid;gap:8px;justify-items:center;min-width:0}.ws-side-title{margin:0;color:var(--ws-ink-muted);font:400 13px var(--ws-display);letter-spacing:.14em;text-transform:uppercase}.ws-side-target .ws-side-title{color:var(--ws-sonar)}.ws-app[data-screen=battle] .ws-theater,.ws-app[data-screen=finished] .ws-theater{grid-template-areas:"target" "own"}.ws-side-target{grid-area:target}.ws-side-own{grid-area:own}.ws-app[data-screen=battle] .ws-side-own .ws-board,.ws-app[data-screen=finished] .ws-side-own .ws-board{width:min(62%,360px);transition:width .25s cubic-bezier(.22,1,.36,1)}.ws-app.ws-own-expanded .ws-side-own .ws-board,.ws-app.ws-own-pinned .ws-side-own .ws-board{width:min(100%,560px)}.ws-app[data-screen=waiting] .ws-theater,.ws-app[data-screen=placing] .ws-theater{grid-template-areas:"own" "panel"}.ws-placement{grid-area:panel}@media(min-width:900px){.ws-app[data-screen=battle] .ws-theater,.ws-app[data-screen=finished] .ws-theater{grid-template-columns:.8fr 1fr;grid-template-areas:"own target";align-items:center}.ws-app[data-screen=battle] .ws-side-own .ws-board,.ws-app[data-screen=finished] .ws-side-own .ws-board,.ws-app.ws-own-expanded .ws-side-own .ws-board{width:100%}.ws-app[data-screen=placing] .ws-theater{grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-areas:"own panel";align-items:center}.ws-app[data-screen=waiting] .ws-theater{grid-template-columns:minmax(0,560px);justify-content:center}}.ws-app.ws-battle-enter .ws-side-target{animation:ws-slide-in-right .52s cubic-bezier(.22,1,.36,1) both}.ws-app.ws-battle-enter .ws-side-own{animation:ws-slide-in-left .52s cubic-bezier(.22,1,.36,1) both}.ws-board{--ws-tone: var(--ws-sonar);position:relative;width:min(100%,560px);container-type:inline-size;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:opacity .3s ease,filter .3s ease}.ws-board[data-mode=own]{--ws-tone: var(--ws-radar)}.ws-board[data-placing=true]{touch-action:none}.ws-board-frame{position:relative;aspect-ratio:1;min-width:308px;border-radius:14px;background:radial-gradient(circle at 54.5% 54.5%,rgb(72 196 255 / .1),transparent 62%),linear-gradient(160deg,var(--ws-sea),var(--ws-sea-deep));box-shadow:0 0 0 1px var(--ws-bezel),0 0 30px -6px #48c4ff4d,inset 0 0 60px #00000073;overflow:hidden}.ws-board[data-mode=own] .ws-board-frame{box-shadow:0 0 0 1px #3dffc542,0 0 26px -8px #3dffc540,inset 0 0 60px #00000073}.ws-board[data-dim=true]{opacity:.55;filter:saturate(.4)}.ws-board.ws-turn-pulse .ws-board-frame{animation:ws-border-pulse .4s ease-out}.ws-scanlines{position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,rgb(0 0 0 / .12) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.ws-grid{position:absolute;inset:0;z-index:2;display:grid;grid-template:repeat(11,1fr) / repeat(11,1fr)}.ws-row{display:contents}.ws-corner{border-right:1px solid var(--ws-grid);border-bottom:1px solid var(--ws-grid)}.ws-marker{position:relative;display:grid;place-items:center;color:var(--ws-ink-muted);font:600 clamp(10px,2.4cqw,14px) var(--ws-body);font-variant-numeric:tabular-nums}.ws-marker[data-col]{border-bottom:1px solid var(--ws-grid-strong)}.ws-marker[data-row]{border-right:1px solid var(--ws-grid-strong)}.ws-marker-text{position:relative}.ws-marker-glow{position:absolute;inset:12%;border-radius:6px;background:radial-gradient(circle,color-mix(in srgb,var(--ws-tone) 70%,white),transparent 72%);box-shadow:0 0 12px var(--ws-tone);opacity:0;pointer-events:none}.ws-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;margin:0;padding:0;border:0;border-right:1px solid var(--ws-grid);border-bottom:1px solid var(--ws-grid);background:transparent;color:inherit;font:inherit}button.ws-cell{cursor:default}.ws-board[data-interactive=true] button.ws-cell[aria-disabled=false]{cursor:crosshair}.ws-board[data-interactive=true] button.ws-cell[aria-disabled=false]:hover{background:#48c4ff24;box-shadow:inset 0 0 0 1px #48c4ff99}button.ws-cell:focus-visible{z-index:3;outline-offset:-3px}.ws-cell[data-pending=true]:after{content:"";position:absolute;inset:12%;border:2px solid var(--ws-sonar);border-radius:4px;box-shadow:0 0 10px var(--ws-sonar);animation:ws-blink .6s ease-in-out infinite}.ws-cell[data-preview=valid]{background:#48c4ff2e;box-shadow:inset 0 0 0 2px var(--ws-sonar)}.ws-cell[data-preview=invalid]{background:#ff6a3d33;box-shadow:inset 0 0 0 2px var(--ws-hit)}.ws-peg{position:relative;display:block;width:34%;height:34%;border-radius:50%}.ws-peg[data-result=miss]{background:radial-gradient(circle at 35% 30%,#fff,var(--ws-miss) 45%,#9fb8cc);box-shadow:0 0 6px #e8f4ff80;opacity:.85}.ws-peg[data-result=hit]{width:40%;height:40%;background:radial-gradient(circle at 35% 30%,#ffd2b8,var(--ws-hit) 50%,#a3200c);box-shadow:0 0 10px 2px #ff6a3dbf,0 0 22px #ff6a3d59}.ws-peg[data-fresh=true]{animation:ws-peg-in .32s cubic-bezier(.34,1.56,.64,1) both}.ws-flame{position:absolute;left:50%;bottom:40%;width:120%;height:170%;transform:translate(-50%);border-radius:50% 50% 35% 35%/60% 60% 40% 40%;background:radial-gradient(ellipse at 50% 85%,#fff3c4,#ffb347 35%,rgb(255 106 61 / .7) 60%,transparent 72%);filter:blur(.4px);transform-origin:50% 100%;animation:ws-flicker .9s ease-in-out infinite alternate;pointer-events:none;mix-blend-mode:screen}.ws-cell:nth-child(3n) .ws-flame{animation-duration:1.1s;animation-delay:-.3s}.ws-cell:nth-child(4n+1) .ws-flame{animation-duration:.75s;animation-delay:-.5s}.ws-cell[data-sunk=true] .ws-peg[data-result=hit]{background:radial-gradient(circle at 35% 30%,#c8a99a,#6b3a2b 55%,#2a1410);box-shadow:0 0 6px #ff6a3d66}.ws-cell[data-sunk=true] .ws-flame{opacity:.45;animation-duration:1.6s}.ws-board[data-mode=own] .ws-cell[data-ship]:not([data-ship=""]) .ws-peg[data-result=hit][data-fresh=true]{animation:ws-peg-in .32s cubic-bezier(.34,1.56,.64,1) both,ws-struck .6s ease-out}.ws-ships{position:absolute;inset:0;z-index:1;pointer-events:none}.ws-board[data-placing=true] .ws-ships{z-index:4}.ws-ship{position:absolute;display:block;margin:0;padding:3%;border:0;background:none;color:inherit;pointer-events:none}.ws-ship[data-orientation=horizontal]{padding:.6% .3%}.ws-ship[data-orientation=vertical]{padding:.3% .6%}button.ws-ship{pointer-events:auto;cursor:grab;touch-action:none}button.ws-ship:active{cursor:grabbing}.ws-hull{display:block;width:100%;height:100%;overflow:visible}.ws-hull-body{fill:var(--ws-hull);stroke:var(--ws-hull-hi);stroke-width:.6;filter:drop-shadow(0 1px 1.5px rgb(0 0 0 / .6))}.ws-hull-deck{fill:var(--ws-hull-deep);stroke:#a9c4d980;stroke-width:.3}.ws-hull-keel{stroke:var(--ws-hull-deep);stroke-width:1.2;stroke-linecap:round}.ws-hull-turret{fill:var(--ws-hull-deep);stroke:var(--ws-hull-hi);stroke-width:.4}.ws-ship[data-state=draft] .ws-hull-body,.ws-ship[data-state=carrying] .ws-hull-body{fill:#7fa6c4;stroke:var(--ws-sonar)}.ws-ship[data-selected=true] .ws-hull-body{stroke:var(--ws-radar);stroke-width:1}.ws-ship[data-state=carrying]{z-index:2;filter:drop-shadow(0 6px 10px rgb(0 0 0 / .6))}.ws-ship[data-state=carrying][data-invalid=true] .ws-hull-body{fill:#b46a5a;stroke:var(--ws-hit)}.ws-ship[data-state=lifted]{opacity:.28}.ws-ship[data-state=sunk]{animation:ws-sink .9s ease-out both}.ws-ship[data-state=sunk] .ws-hull-body{fill:#3b4048;stroke:#ff6a3d8c}.ws-ship[data-state=sunk] .ws-hull-turret,.ws-ship[data-state=sunk] .ws-hull-deck{fill:#23272d}.ws-ship[data-state=sunk]:after{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse at 50% 60%,rgb(120 130 140 / .35),transparent 65%);animation:ws-smoke 3.2s ease-in-out infinite alternate;pointer-events:none}.ws-ship[data-state=revealed]{animation:ws-reveal .42s ease-out both;animation-delay:calc(var(--ws-order, 0) * 60ms)}.ws-ship[data-state=revealed] .ws-hull-body{fill:#6f8aa38c;stroke:var(--ws-sonar);stroke-dasharray:2 1.5}.ws-board.ws-anchoring .ws-ship:before{content:"";position:absolute;inset:-6%;border:2px solid var(--ws-radar);border-radius:999px;animation:ws-anchor .8s ease-out both}.ws-ghost{position:fixed;top:0;left:0;z-index:50;pointer-events:none;filter:drop-shadow(0 10px 14px rgb(0 0 0 / .65));transform-origin:0 0}.ws-ghost .ws-hull-body{fill:#8fb6d4;stroke:var(--ws-sonar)}.ws-idle-sweep{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .6s ease}.ws-idle-sweep:before{content:"";position:absolute;left:54.5%;top:54.5%;width:160%;height:160%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,rgb(61 255 197 / .5),transparent 50deg);border-radius:50%;animation:ws-spin-centered 4s linear infinite}.ws-board[data-idle=true] .ws-idle-sweep{opacity:.25}.ws-fx{position:absolute;inset:0;z-index:4;width:100%;height:100%;overflow:visible;pointer-events:none}.ws-fx-shot{--fx-tone: var(--ws-sonar)}.ws-fx-shot[data-tone=incoming]{--fx-tone: var(--ws-incoming)}.ws-fx-rotor{transform-box:view-box;transform-origin:6px 6px}.ws-fx-wedge{fill:var(--fx-tone)}.ws-fx-beam{stroke:color-mix(in srgb,var(--fx-tone) 60%,white);stroke-width:.06;stroke-linecap:round;filter:drop-shadow(0 0 .15px var(--fx-tone))}.ws-fx-blip{fill:color-mix(in srgb,var(--fx-tone) 50%,white)}.ws-fx-scan{stroke:color-mix(in srgb,var(--fx-tone) 70%,white);stroke-width:.05;filter:drop-shadow(0 0 .12px var(--fx-tone))}.ws-fx-reticle-arm,.ws-fx-reticle-cross{fill:none;stroke:color-mix(in srgb,var(--fx-tone) 70%,white);stroke-width:.07;stroke-linecap:square}.ws-fx-reticle,.ws-fx-ping,.ws-fx-core,.ws-fx-shock,.ws-fx-ripple{transform-box:fill-box;transform-origin:center}.ws-fx-ping{fill:none;stroke:var(--fx-tone);stroke-width:.07}.ws-fx-highlight{fill:var(--fx-tone)}.ws-fx-flash{fill:#fff}.ws-board[data-mode=target] .ws-fx-core{fill:url(#ws-burst-target)}.ws-board[data-mode=own] .ws-fx-core{fill:url(#ws-burst-own)}.ws-fx-shock{fill:none;stroke:#ffb347;stroke-width:.08}.ws-fx-spark{fill:#ffd27a}.ws-fx-ripple{fill:none;stroke:var(--ws-miss);stroke-width:.06}.ws-fx-droplet{fill:var(--ws-miss)}.ws-fx-sink{fill:none;stroke:var(--ws-hit);stroke-width:.09;stroke-linejoin:round;filter:drop-shadow(0 0 .2px var(--ws-hit))}.ws-tracker{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}.ws-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--ws-bezel);border-radius:999px;background:#050f1e99;font-size:12px;transition:opacity .3s ease}.ws-chip-pips{display:inline-block;width:calc(var(--ws-len) * 6px);height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--ws-sonar) 0 4px,transparent 4px 6px)}.ws-side-own .ws-chip-pips{background:repeating-linear-gradient(90deg,var(--ws-radar) 0 4px,transparent 4px 6px)}.ws-chip[data-sunk=true]{opacity:.55;border-color:#ff6a3d80}.ws-chip[data-sunk=true] .ws-chip-name{text-decoration:line-through;text-decoration-color:var(--ws-hit);text-decoration-thickness:2px}.ws-chip[data-sunk=true] .ws-chip-pips{background:repeating-linear-gradient(90deg,var(--ws-hit) 0 4px,transparent 4px 6px)}.ws-chip[data-fresh=true]{animation:ws-chip-hit .9s ease-out}.ws-panel,.ws-placement{display:grid;gap:12px;padding:18px;border:1px solid var(--ws-bezel);border-radius:16px;background:var(--ws-panel);box-shadow:0 18px 40px -20px #000000e6}.ws-panel{justify-items:center;max-width:560px;margin:0 auto;text-align:center}.ws-panel p{margin:0;color:var(--ws-ink-muted);line-height:1.5}.ws-panel-title{margin:0;font:400 20px var(--ws-display);letter-spacing:.04em}.ws-joining,.ws-notice{margin-top:8vh}.ws-radar-emblem{position:relative;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,var(--ws-radar) 0 3px,transparent 4px 30%,rgb(61 255 197 / .4) 31% 33%,transparent 34% 64%,rgb(61 255 197 / .3) 65% 67%,transparent 68%),var(--ws-sea-deep);box-shadow:0 0 0 1px #3dffc559,0 0 24px #3dffc533;overflow:hidden}.ws-radar-emblem:after{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,rgb(61 255 197 / .6),transparent 80deg);animation:ws-spin 2.6s linear infinite}.ws-waiting{grid-column:1 / -1}.ws-link-row{display:flex;gap:8px;width:100%}.ws-link-field{flex:1;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--ws-bezel);border-radius:10px;background:var(--ws-sea-deep);color:var(--ws-ink);font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace}.ws-placement-hint{margin:0;color:var(--ws-ink-muted);font-size:14px;line-height:1.45}.ws-tray{display:grid;gap:8px;margin:0;padding:0;list-style:none}.ws-tray-ship{display:grid;grid-template-columns:calc(var(--ws-len) * 26px) 1fr;align-items:center;gap:12px;width:100%;min-height:44px;padding:6px 10px;border:1px solid var(--ws-bezel);border-radius:10px;background:#0a264280;color:var(--ws-ink);font:600 14px var(--ws-body);text-align:left;cursor:grab;touch-action:none}.ws-tray-ship .ws-hull{height:26px}.ws-tray-ship[data-armed=true]{border-color:var(--ws-radar);box-shadow:0 0 0 1px var(--ws-radar),0 0 14px #3dffc540}.ws-tray-ship[data-placed=true]{opacity:.35;cursor:default}.ws-tray-ship:disabled{cursor:default}.ws-placement-tools,.ws-placement-actions,.ws-actions{display:flex;flex-wrap:wrap;gap:8px}.ws-placement-actions .ws-btn{flex:1}.ws-ready-chip{margin:0;padding:8px 12px;border-radius:10px;background:#ff9e3d1a;color:#ffd2a6;font-size:14px}.ws-ready-chip[data-ready=true]{background:#3dffc51f;color:#c9fff0}.ws-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--ws-bezel);border-radius:10px;background:#0a2642b3;color:var(--ws-ink);font:600 15px var(--ws-body);letter-spacing:.02em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,transform .12s ease,box-shadow .12s ease}.ws-btn:hover:not(:disabled){background:#48c4ff29}.ws-btn:active:not(:disabled){transform:translateY(1px)}.ws-btn:disabled{cursor:not-allowed;opacity:.45}.ws-btn-primary{border-color:transparent;background:linear-gradient(180deg,#5fe8c8,#2bbf9a);box-shadow:0 0 0 1px #3dffc580,0 6px 18px -8px #3dffc5b3;color:#032418;font-weight:700}.ws-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#78f2d4,#34d0a8)}.ws-btn-quiet{border-color:transparent;background:transparent;color:var(--ws-ink-muted)}.ws-banners{position:fixed;top:0;left:0;right:0;z-index:40;display:grid;justify-items:center;pointer-events:none}.ws-banner{grid-area:1 / 1;display:grid;justify-items:center;gap:2px;min-width:min(92vw,520px);margin-top:70px;padding:14px 28px 16px;border:1px solid var(--ws-bezel);border-radius:16px;background:linear-gradient(180deg,#0a2642f5,#050f1ef5);box-shadow:0 24px 60px -20px #000000f2,0 0 40px -10px var(--ws-banner-glow, rgb(72 196 255 / .5));text-align:center;opacity:0}.ws-banner[data-tone=outgoing]{--ws-banner-glow: rgb(255 106 61 / .6);border-color:#ff6a3d99}.ws-banner[data-tone=incoming]{--ws-banner-glow: rgb(255 158 61 / .55);border-color:#ff9e3d99}.ws-banner[data-tone=neutral]{--ws-banner-glow: rgb(61 255 197 / .45);border-color:#3dffc580}.ws-banner-kicker{color:var(--ws-ink-muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase}.ws-banner-title{font:400 clamp(20px,5vw,34px) / 1.15 var(--ws-display);letter-spacing:.03em}.ws-banner[data-tone=outgoing] .ws-banner-title{color:#ffd1bf;text-shadow:0 0 18px rgb(255 106 61 / .6)}.ws-banner[data-tone=incoming] .ws-banner-title{color:#ffd8b0;text-shadow:0 0 18px rgb(255 158 61 / .55)}.ws-banner[data-tone=neutral] .ws-banner-title{color:#c9fff0;text-shadow:0 0 18px rgb(61 255 197 / .5)}.ws-banner-sub{color:var(--ws-ink-muted);font-size:15px}.ws-end{position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:16px;background:#020812b8;backdrop-filter:blur(3px);animation:ws-fade-in .3s ease-out both;overflow-y:auto}.ws-end[data-minimized=true]{inset:auto 16px 16px auto;padding:0;background:none;backdrop-filter:none}.ws-end[data-minimized=true] .ws-end-card,.ws-end-restore{display:none}.ws-end[data-minimized=true] .ws-end-restore{display:inline-flex}.ws-end-card{display:grid;justify-items:center;gap:12px;width:min(100%,560px);padding:26px 22px;border:1px solid var(--ws-bezel);border-radius:20px;background:linear-gradient(180deg,#0a2440,#050f1e);box-shadow:0 30px 80px -24px #000000f2;text-align:center;animation:ws-pop .42s cubic-bezier(.34,1.56,.64,1) both}.ws-end-emblem{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,var(--ws-end-tone) 0 6px,transparent 7px 32%,color-mix(in srgb,var(--ws-end-tone) 45%,transparent) 33% 35%,transparent 36% 64%,color-mix(in srgb,var(--ws-end-tone) 35%,transparent) 65% 67%,transparent 68%),var(--ws-sea-deep);box-shadow:0 0 40px color-mix(in srgb,var(--ws-end-tone) 45%,transparent)}.ws-end[data-result=win]{--ws-end-tone: var(--ws-radar)}.ws-end[data-result=lose]{--ws-end-tone: var(--ws-hit)}.ws-end-title{margin:0;color:var(--ws-end-tone);font:400 clamp(34px,9vw,54px) / 1 var(--ws-display);letter-spacing:.06em;text-shadow:0 0 26px color-mix(in srgb,var(--ws-end-tone) 55%,transparent)}.ws-end-line{margin:0;color:var(--ws-ink);font-size:17px}.ws-end-note{min-height:1.3em;margin:0;color:var(--ws-ink-muted)}.ws-end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ws-end-report{width:100%}.ws-recap{display:grid;gap:10px;width:100%;text-align:left}.ws-recap-title{margin:0;font:400 15px var(--ws-display);letter-spacing:.08em}.ws-recap-meta{margin:0;color:var(--ws-ink-muted);font-size:13px}.ws-recap-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.ws-recap-table th,.ws-recap-table td{padding:6px 4px;border-bottom:1px solid var(--ws-grid);text-align:right}.ws-recap-table th:first-child{text-align:left}.ws-recap-fleets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.ws-recap-fleet{display:grid;gap:4px;margin:0;justify-items:center}.ws-recap-fleet figcaption{color:var(--ws-ink-muted);font-size:12px}.ws-mini{display:grid;grid-template-columns:repeat(10,1fr);width:100%;max-width:200px;aspect-ratio:1;border-radius:6px;background:var(--ws-sea);overflow:hidden;box-shadow:0 0 0 1px var(--ws-bezel)}.ws-mini-cell{border-right:1px solid rgb(72 196 255 / .1);border-bottom:1px solid rgb(72 196 255 / .1)}.ws-mini-cell[data-ship]{background:#6f8aa399}.ws-mini-cell[data-mark=miss]{background:radial-gradient(circle,var(--ws-miss) 0 22%,transparent 26%)}.ws-mini-cell[data-ship][data-mark=miss]{background:radial-gradient(circle,var(--ws-miss) 0 22%,transparent 26%),#6f8aa399}.ws-mini-cell[data-mark=hit]{background:radial-gradient(circle,var(--ws-hit) 0 30%,transparent 34%),#6f8aa399}.ws-toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:60;max-width:min(92vw,480px);padding:10px 16px;border:1px solid var(--ws-bezel);border-radius:12px;background:#071629;box-shadow:0 16px 40px -14px #000000f2;font-size:14px;transform:translate(-50%);animation:ws-toast-in .22s ease-out both}.ws-toast[data-tone=error]{border-color:#ff6a3d99}@keyframes ws-spin{to{transform:rotate(360deg)}}@keyframes ws-spin-centered{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ws-blink{50%{opacity:.35}}@keyframes ws-border-pulse{0%{box-shadow:0 0 0 1px var(--ws-bezel),0 0 #48c4ffe6,inset 0 0 60px #00000073}to{box-shadow:0 0 0 1px var(--ws-bezel),0 0 0 14px #48c4ff00,inset 0 0 60px #00000073}}@keyframes ws-peg-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ws-struck{0%,30%{filter:brightness(2.2)}to{filter:none}}@keyframes ws-flicker{0%{transform:translate(-50%) scale(.92,.86) rotate(-3deg);opacity:.8}50%{transform:translate(-50%) scale(1.04,1.08) rotate(2deg);opacity:1}to{transform:translate(-50%) scaleX(.96) rotate(-1deg);opacity:.88}}@keyframes ws-sink{0%{transform:scale(1.04);filter:brightness(1.6)}60%{transform:scale(.97) rotate(-1deg)}to{transform:scale(.96) rotate(-1.5deg);filter:saturate(.3) brightness(.8)}}@keyframes ws-smoke{0%{transform:translateY(0) scale(1);opacity:.5}to{transform:translateY(-6%) scale(1.08);opacity:.9}}@keyframes ws-reveal{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes ws-anchor{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.25);opacity:0}}@keyframes ws-chip-hit{0%{transform:scale(1.12);box-shadow:0 0 18px #ff6a3db3}to{transform:none;box-shadow:none}}@keyframes ws-slide-in-right{0%{transform:translate(40px);opacity:0}}@keyframes ws-slide-in-left{0%{transform:translate(-40px);opacity:0}}@keyframes ws-fade-in{0%{opacity:0}}@keyframes ws-pop{0%{transform:scale(.9) translateY(12px);opacity:0}}@keyframes ws-toast-in{0%{transform:translate(-50%,12px);opacity:0}}@media(max-width:640px){.ws-topbar{flex-wrap:wrap}.ws-seats{order:3;flex-basis:100%;justify-content:space-between}.ws-topbar-actions{margin-left:auto}.ws-seat{flex:1}.ws-status{font-size:15px}}@media(prefers-reduced-motion:reduce){.ws-brand-mark:after,.ws-radar-emblem:after,.ws-idle-sweep:before,.ws-status-dot,.ws-cell[data-pending=true]:after,.ws-ship[data-state=sunk]:after{animation:none!important}.ws-flame{animation:none}.ws-peg[data-fresh=true],.ws-ship[data-state=sunk],.ws-ship[data-state=revealed],.ws-chip[data-fresh=true],.ws-end-card,.ws-toast{animation:ws-fade-in .12s ease-out both!important}.ws-app.ws-battle-enter .ws-side-target,.ws-app.ws-battle-enter .ws-side-own,.ws-board.ws-turn-pulse .ws-board-frame,.ws-board.ws-anchoring .ws-ship:before{animation:none!important}.ws-board,.ws-app[data-screen] .ws-side-own .ws-board,.ws-seat,.ws-status,.ws-btn{transition:none!important}}@media(forced-colors:active){.ws-board-frame,.ws-panel,.ws-placement,.ws-banner,.ws-end-card{border:1px solid CanvasText}.ws-peg{forced-color-adjust:none}}html:has(.wl-page),body:has(.wl-page){height:auto;min-height:100%;background:#050f1e}body:has(.wl-page){overflow:auto}.wl-page [hidden]{display:none!important}.wl-page{--wl-navy: #050f1e;--wl-sea: #0a2642;--wl-sea-deep: #061a30;--wl-panel: rgb(8 26 48 / .86);--wl-bezel: rgb(72 196 255 / .28);--wl-sonar: #48c4ff;--wl-radar: #3dffc5;--wl-amber: #ff9e3d;--wl-hit: #ff6a3d;--wl-ink: #e6f6ff;--wl-ink-muted: #8fb3cc;--wl-display: "GC Bungee", Impact, system-ui, sans-serif;--wl-body: "GC Chakra Petch", system-ui, -apple-system, "Segoe UI", sans-serif;min-height:100vh;color:var(--wl-ink);font-family:var(--wl-body);background:radial-gradient(ellipse 80% 50% at 50% 0%,rgb(61 255 197 / .1),transparent 70%),repeating-linear-gradient(0deg,rgb(72 196 255 / .05) 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,rgb(72 196 255 / .05) 0 1px,transparent 1px 48px),linear-gradient(180deg,#081a30,var(--wl-navy) 900px)}.wl-inner{width:min(1120px,100%);margin:0 auto;padding:16px 16px 64px}.wl-main{display:grid;gap:28px;margin-top:28px}.wl-page :where(a,button,input):focus-visible{outline:3px solid var(--wl-radar);outline-offset:3px}.wl-emblem{position:relative;display:inline-grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,transparent 30%,rgb(72 196 255 / .45) 31% 33%,transparent 34% 64%,rgb(72 196 255 / .3) 65% 67%,transparent 68%),var(--wl-sea-deep);box-shadow:0 0 0 1px var(--wl-bezel),0 0 18px #48c4ff33;overflow:hidden}.wl-emblem-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,rgb(61 255 197 / .5),transparent 70deg);animation:wl-spin 4s linear infinite}.wl-emblem-letter{position:relative;font:400 20px var(--wl-display);color:var(--wl-ink);text-shadow:0 0 8px rgb(0 0 0 / .8)}.wl-hero-emblem{width:96px;height:96px}.wl-panel-emblem{width:56px;height:56px}.wl-hero{display:grid;justify-items:center;gap:12px;text-align:center}.wl-title{margin:0;color:var(--wl-sonar);font:400 clamp(34px,8vw,64px) / 1 var(--wl-display);letter-spacing:.06em;text-shadow:0 0 28px rgb(72 196 255 / .45)}.wl-lede{max-width:36rem;margin:0;color:var(--wl-ink-muted);font-size:16px;line-height:1.55}.wl-panel{display:grid;gap:12px;padding:22px;border:1px solid var(--wl-bezel);border-radius:16px;background:var(--wl-panel);box-shadow:0 18px 36px -18px #000000d9}.wl-panel h1,.wl-panel h2,.wl-panel h3{margin:0;font:400 20px / 1.2 var(--wl-display);letter-spacing:.03em}.wl-panel h1{font-size:26px}.wl-panel p{margin:0;color:var(--wl-ink-muted);line-height:1.5}.wl-members,.wl-notice,.wl-empty{justify-items:center;max-width:36rem;margin:0 auto;text-align:center}.wl-notice{margin-top:8vh}.wl-create-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label label" "input button";gap:8px 10px;align-items:center}.wl-create-label{grid-area:label;font-size:14px}.wl-create-row input{grid-area:input;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--wl-bezel);border-radius:10px;background:var(--wl-sea-deep);color:var(--wl-ink);font:600 16px var(--wl-body)}.wl-create-row input::placeholder{color:#5f819b}.wl-create-row button{grid-area:button}.wl-create-help{font-size:14px}.wl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--wl-bezel);border-radius:10px;background:#0a2642b3;color:var(--wl-ink);font:600 15px var(--wl-body);letter-spacing:.02em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .12s ease,background-color .12s ease}.wl-btn:disabled{cursor:progress;opacity:.6}.wl-btn-primary{min-height:48px;border-color:transparent;background:linear-gradient(180deg,#5fe8c8,#2bbf9a);box-shadow:0 0 0 1px #3dffc580,0 8px 20px -10px #3dffc5cc;color:#032418;font-weight:700}.wl-btn-primary:hover{background:linear-gradient(180deg,#78f2d4,#34d0a8)}.wl-btn:active{transform:translateY(1px)}.wl-btn-ghost:hover,.wl-btn-small:hover,.wl-btn-ghost[aria-expanded=true]{background:#48c4ff29}.wl-btn-small{min-height:40px;padding:0 12px;font-size:14px}.wl-text-btn{min-height:40px;padding:0 4px;border:0;background:none;color:var(--wl-ink-muted);font:600 13px var(--wl-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.wl-text-btn:hover{color:var(--wl-ink)}.wl-text-btn-danger,.wl-text-btn-danger:hover{color:#ffab94}.wl-actions{display:flex;flex-wrap:wrap;gap:10px}.wl-section-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:400 20px var(--wl-display);letter-spacing:.03em}.wl-count:not(:empty){display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:6px;background:var(--wl-radar);color:#032418;font:600 15px var(--wl-body)}.wl-live{min-height:1.4em;margin:0 0 10px;color:var(--wl-radar)}.wl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:22px;margin:0;padding:0;list-style:none}.wl-card-item{display:flex}.wl-card{display:flex;flex-direction:column;gap:14px;width:100%;padding:18px;border:1px solid var(--wl-bezel);border-radius:16px;background:radial-gradient(ellipse 90% 60% at 100% 0%,rgb(72 196 255 / .1),transparent 70%),linear-gradient(170deg,#0b2a48,#061a30);box-shadow:0 22px 40px -22px #000000d9}.wl-card-skeleton{min-height:260px;opacity:.4;animation:wl-pulse 1.4s ease-in-out infinite}@keyframes wl-pulse{50%{opacity:.6}}.wl-card-top{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"tile heading" "badge badge";gap:10px 14px;align-items:center}.wl-card-monogram{grid-area:tile}.wl-card-heading{grid-area:heading;min-width:0}.wl-card-name{margin:0;overflow-wrap:anywhere;font:400 19px / 1.2 var(--wl-display);letter-spacing:.02em}.wl-card-meta{margin:4px 0 0;color:var(--wl-ink-muted);font-size:14px}.wl-badge{grid-area:badge;justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.wl-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.wl-badge[data-status=waiting]{background:#48c4ff24;color:var(--wl-sonar)}.wl-badge[data-status=placing]{background:#3dffc524;color:var(--wl-radar)}.wl-badge[data-status=battle]{background:#ff6a3d29;color:#ffb39c}.wl-badge[data-status=finished]{background:#8fb3cc24;color:var(--wl-ink-muted)}.wl-seats{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0;padding:12px;border-radius:12px;background:#050f1e8c;box-shadow:inset 0 0 0 1px #48c4ff24;list-style:none}.wl-versus{color:var(--wl-ink-muted);font:400 13px var(--wl-display);letter-spacing:.1em;text-transform:uppercase}.wl-seat{display:grid;justify-items:center;gap:6px;min-width:0}.wl-seat-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--wl-sea);color:var(--wl-ink);font:400 18px var(--wl-display);object-fit:cover}.wl-seat-avatar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.wl-seat-name{max-width:100%;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.wl-seat[data-you=true] .wl-seat-avatar{box-shadow:0 0 0 2px var(--wl-radar),0 0 14px #3dffc566}.wl-seat[data-away=true] .wl-seat-avatar{filter:grayscale(.8);opacity:.7}.wl-seat-open .wl-seat-avatar{background:transparent;box-shadow:inset 0 0 0 2px #48c4ff73;color:var(--wl-sonar)}.wl-seat-open[data-locked=true] .wl-seat-avatar{box-shadow:inset 0 0 0 2px #8fb3cc4d;color:var(--wl-ink-muted)}.wl-card-hint{margin:0;color:var(--wl-ink-muted);font-size:14px}.wl-card .wl-actions .wl-btn-primary{flex:1 1 100%}.wl-card .wl-actions .wl-btn-ghost{flex:1 1 0}.wl-invite{display:grid;gap:8px;padding:12px;border-radius:10px;background:#050f1e8c;box-shadow:inset 0 0 0 1px var(--wl-bezel)}.wl-invite-label{font-size:14px}.wl-invite-note{margin:0;color:var(--wl-ink-muted);font-size:13px}.wl-invite-field{width:100%;min-height:44px;padding:0 10px;border:1px solid var(--wl-bezel);border-radius:8px;background:var(--wl-sea-deep);color:var(--wl-ink);font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace}.wl-invite-actions{display:flex;flex-wrap:wrap;gap:8px}.wl-card-footer{margin-top:auto;display:flex;justify-content:flex-end;border-top:1px dashed rgb(72 196 255 / .2);padding-top:6px}@keyframes wl-spin{to{transform:rotate(360deg)}}@media(min-width:720px){.wl-inner{padding:20px 24px 80px}.wl-create{padding:24px 28px}}@media(max-width:420px){.wl-create-row{grid-template-columns:1fr;grid-template-areas:"label" "input" "button"}}@media(prefers-reduced-motion:reduce){.wl-card-skeleton,.wl-emblem-sweep{animation:none}.wl-btn{transition:none}.wl-btn:active{transform:none}}@media(forced-colors:active){.wl-card,.wl-panel,.wl-badge{border:1px solid CanvasText}}