*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f1f5f9;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:#38bdf8}a:hover{text-decoration:underline}main{max-width:1200px;margin:0 auto}button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:500}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-page{min-height:60vh;display:flex;align-items:center;justify-content:center}.login-card{background:#1e293bf2;padding:40px;border-radius:12px;text-align:center;border:1px solid #334155}.login-card h1{margin-bottom:8px;font-size:28px}.login-card p{color:#94a3b8;margin-bottom:24px}.btn-google{background:#fff;color:#1e293b;padding:12px 24px;display:inline-flex;align-items:center;gap:8px}.btn-google:hover{background:#f1f5f9}.lobby h1{margin-bottom:20px}.lobby .lobby-my-games{margin:24px 0;padding-top:8px;border-top:1px solid #334155}.lobby .lobby-hint{color:#94a3b8;font-size:14px;margin-bottom:12px;max-width:42rem}.lobby .error{color:#f87171;margin-bottom:12px}.lobby .game-list{list-style:none}.lobby .game-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #334155}.lobby .game-list__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lobby .game-list__status{font-size:12px;color:#64748b;margin-left:8px}.lobby .game-list__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lobby .game-list__muted{font-size:13px;color:#64748b}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-small{padding:6px 12px;font-size:13px}.nav-wallet{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(250,204,21,.35);box-shadow:0 0 20px #facc1514}.nav-wallet__icon{font-size:14px;color:#fde047;line-height:1}.nav-wallet__amount{font-weight:700;font-variant-numeric:tabular-nums;color:#fef9c3}.nav-wallet__unit{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.lobby-wallet-card{margin-bottom:24px;padding:20px 22px;border-radius:14px;background:linear-gradient(160deg,#1e293bf2,#0f172afa);border:1px solid rgba(251,191,36,.25);box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff0a;max-width:520px}.lobby-wallet-card__main{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.lobby-wallet-card__label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.lobby-wallet-card__value{display:flex;align-items:baseline;gap:8px}.lobby-wallet-card__coins{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fef9c3,#eab308);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.lobby-wallet-card__unit{font-size:14px;color:#64748b;font-weight:600}.lobby-wallet-card__hint,.lobby-wallet-card__stake{margin-top:10px;font-size:13px;color:#94a3b8;line-height:1.45;max-width:46rem}.lobby-wallet-card__stake{margin-top:6px;color:#cbd5e1}.lobby-wallet-card__deposit{margin-top:14px;border:1px solid rgba(234,179,8,.45);background:linear-gradient(180deg,#ca8a04,#a16207);color:#fffbeb;font-weight:600}.lobby-wallet-card__deposit:hover:not(:disabled){filter:brightness(1.08)}.landing{max-width:720px;margin:0 auto}.landing__hero{padding:32px 0 40px;text-align:center}.landing__title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.landing__lead{color:#94a3b8;font-size:1.05rem;line-height:1.55;max-width:36rem;margin:0 auto 24px}.landing__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.landing__btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:160px}.landing__section{padding:28px 0;border-top:1px solid #334155}.landing__section h2{font-size:1.25rem;margin-bottom:14px;color:#e2e8f0}.landing__list{margin:0;padding-left:1.25rem;color:#cbd5e1;line-height:1.65}.landing__list li{margin-bottom:8px}.landing__text{color:#cbd5e1;line-height:1.65;margin-bottom:12px}.landing__note{font-size:13px;color:#64748b;font-style:italic}.landing__section--economy .landing__note{margin-top:8px}.game-page h1{margin-bottom:16px}.game-page .warning{color:#fbbf24;margin-bottom:8px}.game-page .error{color:#f87171;margin-bottom:8px}.game-page__body{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;margin-bottom:16px}.game-page__main{flex:1 1 320px;min-width:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-chat{flex:0 0 300px;width:100%;max-width:360px;display:flex;flex-direction:column;max-height:min(70vh,520px);background:#0f172a;border:1px solid #334155;border-radius:10px;padding:12px 14px;box-sizing:border-box}.game-chat__title{font-size:15px;font-weight:600;margin:0 0 10px;color:#e2e8f0}.game-chat__list{flex:1;overflow-y:auto;min-height:120px;max-height:360px;margin-bottom:10px;padding-right:4px}.game-chat__empty{font-size:13px;color:#64748b;margin:8px 0}.game-chat__msg{margin-bottom:10px;padding:8px 10px;border-radius:8px;background:#1e293b;border:1px solid #334155}.game-chat__msg--mine{background:#172554;border-color:#3b82f6}.game-chat__meta{display:block;font-size:11px;color:#94a3b8;margin-bottom:4px}.game-chat__text{margin:0;font-size:14px;line-height:1.4;color:#f1f5f9;word-break:break-word}.game-chat__composer{display:flex;gap:8px;align-items:stretch}.game-chat__input{flex:1;min-width:0;padding:8px 10px;border-radius:6px;border:1px solid #475569;background:#1e293b;color:#f1f5f9;font-size:14px}.game-chat__input:focus{outline:none;border-color:#60a5fa}.game-chat__input:disabled{opacity:.6}.game-chat__send{flex-shrink:0}.game-chat__error{font-size:12px;color:#f87171;margin:0 0 8px}.game-chat__hint{font-size:12px;color:#94a3b8;margin:8px 0 0}@media (max-width: 900px){.game-chat{flex:1 1 100%;max-width:none;max-height:420px}}.board-container{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;max-width:min(400px,90vw);margin:16px 0}.board-container .cell{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:24px;background:#334155;border:1px solid #475569;border-radius:4px;cursor:pointer;transition:background .15s}.board-container .cell:hover:not(:disabled):not(.has-ship):not(.preview-valid):not(.preview-invalid){background:#475569}.board-container .cell.selected{background:#3b82f6}.board-container .cell.preview-valid{background:#0d9488;box-shadow:inset 0 0 0 2px #5eead4;z-index:1}.board-container .cell.preview-invalid{background:#7f1d1d;box-shadow:inset 0 0 0 2px #fca5a5;z-index:1}.board-container .cell.has-ship{background:#1e3a8a;box-shadow:inset 0 0 0 2px #60a5fa}.board-container .cell.miss:not(.miss--sunk-ring){background:#64748b}.board-container .cell.miss:not(.miss--sunk-ring):after{content:"○";font-size:14px;color:#f1f5f98c}.board-container .cell.miss--sunk-ring{background:#52525b;border-color:#3f3f46;cursor:not-allowed}.board-container .cell.miss--sunk-ring:after{content:""}.board-container .cell.hit.hit--damaged{background:#ea580c;box-shadow:inset 0 0 0 2px #fdba74}.board-container .cell.hit.hit--damaged:after{content:"";width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff7ed,#c2410c 70%);box-shadow:0 0 0 1px #0f172a59}.board-container .cell.hit.hit--sunk{background:#991b1b;position:relative}.board-container .cell.hit.hit--sunk:before,.board-container .cell.hit.hit--sunk:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:140%;background:#0f172ae0;border-radius:1px;transform:translate(-50%,-50%) rotate(45deg)}.board-container .cell.hit.hit--sunk:after{transform:translate(-50%,-50%) rotate(-45deg)}.board-container .cell.hit:not(.hit--damaged):not(.hit--sunk){background:#ef4444}.board-container .cell:disabled{cursor:not-allowed;opacity:.8}@keyframes pending-shot-pulse{0%,to{box-shadow:inset 0 0 0 2px #fbbf24,0 0 #fbbf2473;background:#475569}50%{box-shadow:inset 0 0 0 3px #fde047,0 0 16px 2px #facc1559;background:#64748b}}.board-container .cell.cell--pending-shot:disabled{opacity:1;cursor:wait;animation:pending-shot-pulse .85s ease-in-out infinite}.battle-section{margin-top:8px}.battle-turn{margin-bottom:16px;color:#e2e8f0;font-size:15px}.battle-turn--primary{font-weight:600;font-size:16px;color:#f8fafc}.battle-hud{margin-bottom:18px;padding:14px 16px;border-radius:10px;background:linear-gradient(135deg,#1e293bd9,#0f172ae6);border:1px solid #334155}.battle-hud__pot{font-size:14px;color:#fde047;font-weight:600;margin:6px 0 10px;letter-spacing:.02em}.battle-hud__stats{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;color:#cbd5e1}.battle-hud__lead{font-weight:600;margin-top:4px}.battle-hud__lead--you{color:#4ade80}.battle-hud__lead--opp{color:#fb923c}.battle-hud__lead--tie{color:#94a3b8}.battle-boards{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}@media (max-width: 900px){.battle-boards{grid-template-columns:1fr}}.battle-board__panel{min-width:0}.battle-board__title{font-size:16px;margin-bottom:6px;color:#f1f5f9}.battle-board__hint{font-size:13px;color:#94a3b8;margin-bottom:10px;max-width:440px;line-height:1.45}.my-fleet-board .fleet-cell{position:relative;aspect-ratio:1;min-width:24px;border-radius:4px;border:1px solid #475569;background:#1e293b}.my-fleet-board .fleet-cell.has-ship{background:#1e3a8a;box-shadow:inset 0 0 0 2px #60a5fa}.my-fleet-board .fleet-cell.incoming-hit{background:#b91c1c;box-shadow:inset 0 0 0 2px #fecaca}.my-fleet-board .fleet-cell.incoming-miss{background:#52525b;box-shadow:inset 0 0 0 1px #a1a1aa}.my-fleet-board .fleet-cell.fleet-hit-damaged{background:#c2410c!important;box-shadow:inset 0 0 0 2px #fdba74!important}.my-fleet-board .fleet-cell.fleet-hit-damaged:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff7ed,#9a3412 75%)}.my-fleet-board .fleet-cell.fleet-hit-sunk{background:#991b1b!important;position:relative;box-shadow:none!important}.my-fleet-board .fleet-cell.fleet-hit-sunk:before,.my-fleet-board .fleet-cell.fleet-hit-sunk:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:130%;background:#0f172ae6;border-radius:1px;transform:translate(-50%,-50%) rotate(45deg)}.my-fleet-board .fleet-cell.fleet-hit-sunk:after{transform:translate(-50%,-50%) rotate(-45deg)}.my-fleet-board .fleet-cell.fleet-sunk-ring{background:#52525b;border-color:#3f3f46}.my-fleet-board .fleet-cell.fleet-miss{background:#52525b;box-shadow:inset 0 0 0 1px #71717a}.my-fleet-board .fleet-cell.fleet-miss:after{content:"○";font-size:12px;color:#e4e4e780}.placement-section{max-width:560px}.placement-footnote{color:#64748b;font-size:13px;margin:8px 0 0;line-height:1.45}.ship-roster{list-style:none;margin:0 0 16px;padding:12px 14px;border-radius:8px;background:#0f172a99;border:1px solid #334155;display:grid;gap:6px}.ship-roster__item{display:flex;align-items:center;gap:10px;font-size:14px;color:#cbd5e1}.ship-roster__item--done{color:#86efac}.ship-roster__item--current{color:#fde047;font-weight:600}.ship-roster__name{flex:1;text-transform:capitalize}.ship-roster__size{color:#94a3b8;font-size:13px}.ship-roster__ok{color:#22c55e}.ship-roster__now{font-size:12px;color:#fde047}.placement-help{color:#94a3b8;margin-bottom:12px;max-width:520px;line-height:1.5}.placement-help kbd{display:inline-block;padding:2px 6px;border-radius:4px;background:#334155;border:1px solid #475569;font-size:12px}.placement-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.placement-label{color:#94a3b8;font-size:14px}.btn-orient{background:#334155;color:#e2e8f0;border:1px solid #475569}.btn-orient:hover{background:#475569}.btn-orient.active{background:#1d4ed8;border-color:#3b82f6;color:#fff}.btn-orient--rotate{margin-left:4px}.board-container--placement{touch-action:manipulation}.placement-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}.btn-secondary{background:#475569;color:#f1f5f9}.btn-secondary:hover:not(:disabled){background:#64748b}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.leaderboard table{width:100%;border-collapse:collapse}.leaderboard th,.leaderboard td{padding:12px;text-align:left;border-bottom:1px solid #334155}.leaderboard th{color:#94a3b8;font-weight:500}.leaderboard .rank-1{color:#fbbf24}.leaderboard .rank-2{color:#94a3b8}.leaderboard .rank-3{color:#cd7f32}.profile-card{background:#1e293bf2;padding:32px;border-radius:12px;border:1px solid #334155;max-width:480px}.profile-card img{border-radius:50%;width:80px;height:80px;margin-bottom:16px}.profile-card h2{margin-bottom:8px}.profile-card .stat{color:#94a3b8;margin-top:4px}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:12px;text-align:left;border-bottom:1px solid #334155}.history-table .win{color:#22c55e}.history-table .loss{color:#ef4444}