:root{--bg-primary: #000000;--bg-secondary: #07090d;--bg-tertiary: #0e1219;--bg-card: #131826;--text-primary: #ffffff;--text-secondary: #b8c4d4;--text-muted: #6b7a90;--accent-cyan: #00d4ff;--accent-cyan-soft: rgba(0, 212, 255, .4);--accent-water: #1a3a55;--accent-water-edge: #2dc8ff;--boat-frigate: #ff7a3a;--boat-cutter: #fff4c2;--boat-cutter-trim: #ffd23a;--boat-dinghy: #ff4d6d;--result-miss: #ffffff;--result-hit: #ff7a3a;--result-sunk: #ff3955;--danger: #ff4466;--success: #00ff9c;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--paper-2: #fcf7e8;--ink: #15323f;--ink-soft: #3f5c68;--gold: #f4b400;--gold-deep: #e08a00;--coral: #ff6a45;--coral-deep: #e2492a;--coral-strong: #e32d00;--coral-strong-deep: #ab2200;--teal: #1fb5a6;--teal-deep: #0f8478;--crimson: #d7263d;--fold-shadow: 0 14px 28px -16px rgba(21, 50, 63, .55);--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);width:600px;height:600px;overflow:hidden;font-size:16px}#app{width:100%;height:100%;position:relative}h1,h2,h3,.header h1,.list-item-title{font-family:var(--font-display)}#three-canvas{position:absolute;top:0;left:0;width:600px;height:600px;pointer-events:none;z-index:0}#perf-counter{position:absolute;bottom:8px;right:10px;font-size:22px;font-variant-numeric:tabular-nums;color:var(--text-muted);pointer-events:none;z-index:10;text-shadow:1px 1px black}.screen{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;z-index:1}.screen.hidden{display:none}.header{position:relative;height:60px;flex-shrink:0}.header:before{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:121%;background:url("./HeaderBanner-HEDGM5K3.png") no-repeat left top;background-size:100% 100%;pointer-events:none}.header-inner{position:relative;z-index:2;display:flex;align-items:center;height:100%;box-sizing:border-box;padding:14px 0 22px;color:var(--paper-2);gap:0px}.header .mark{width:28px;height:28px;flex-shrink:0;margin-left:10px}.header h1{font-size:22px;font-weight:600;color:var(--ink);background:var(--paper-2);flex:1;min-width:0;max-width:calc(36.3% - 46px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-meta{font-size:16px;color:var(--gold);font-variant-numeric:tabular-nums;margin-left:auto;margin-right:10px}#menu-moniker{font-size:18px}.header-meta.board-view-label{font-size:24px;font-family:var(--font-display);color:var(--text-secondary)}.back-btn{position:absolute;top:1px;left:12px;z-index:2;background:transparent;padding:4px;border-radius:4px;border:2px solid transparent;min-height:0}.back-icon{width:50px;height:50px;object-fit:contain;display:block}.back-btn:focus{animation:back-btn-bob 1.2s ease-in-out infinite}.mark-btn{display:flex;align-items:center;flex-shrink:0;margin-left:6px;padding:4px;border-radius:4px}.mark-btn .mark{margin-left:0}.mark-btn:focus{animation:back-btn-bob 1.2s ease-in-out infinite}@keyframes back-btn-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.header--menu h1{margin-left:auto;margin-right:10px;text-align:right;font-family:var(--font-display);color:var(--paper-2);background:none}.content{flex:1;padding:16px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;position:relative;z-index:1}.content-center{align-items:center;justify-content:center;gap:20px}#game-over .content-center{justify-content:flex-start;padding-top:0}.content-board{padding:12px 16px;gap:10px;align-items:center;position:relative}.board-timer{position:absolute;top:12px;right:16px}.focusable{transition:all .12s ease;border:2px solid transparent;cursor:pointer;min-height:44px;background:transparent;color:inherit;font:inherit}.focusable:focus{outline:none}@keyframes btn-focus-glow{0%,to{box-shadow:var(--btn-shadow, none),0 0 14px var(--accent-cyan-soft)}50%{box-shadow:var(--btn-shadow, none),0 0 28px var(--accent-cyan)}}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;position:relative;z-index:1;bottom:78px}.splash-mark{width:256px;height:256px;filter:drop-shadow(0 0 24px var(--accent-cyan-soft))}.splash-start{margin-top:12px;padding:14px 36px;font-family:var(--font-display);font-size:18px;font-weight:600;border-radius:4px;border:2px solid var(--gold-deep);background:var(--gold);color:var(--ink);min-height:56px;min-width:200px;text-align:center;--btn-shadow: 0 4px 0 var(--gold-deep);box-shadow:var(--btn-shadow);transition:transform .15s ease,box-shadow .15s ease}.splash-main-menu.hidden{display:block!important;visibility:hidden}.splash-start:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--gold-deep)}.splash-start:active{transform:translateY(2px);box-shadow:0 1px 0 var(--gold-deep)}.splash-start:focus{border-color:var(--gold-deep);animation:splash-start-focus-lift 1.2s ease-in-out infinite}.loading-bar{width:260px;height:14px;margin-top:12px;border-radius:999px;background:var(--bg-tertiary);border:2px solid var(--ink);overflow:hidden}.loading-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan-soft);transition:transform .2s ease}.loading-label{font-family:var(--font-body);font-size:16px;color:var(--text-secondary);text-align:center;min-height:18px}@keyframes splash-start-focus-lift{0%,to{transform:translateY(0);box-shadow:var(--btn-shadow);filter:brightness(1)}50%{transform:translateY(-10px);box-shadow:0 14px 0 var(--btn-shadow-deep, var(--gold-deep));filter:brightness(1.35)}}.square-row{flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:24px}.square-tile{display:flex;flex-direction:column;align-items:center;gap:10px}.square-label{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);text-align:center}.square-btn{width:145px;height:145px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:2px solid transparent;box-shadow:var(--btn-shadow);transition:transform .15s ease,box-shadow .15s ease}.square-icon{width:88px;height:88px;object-fit:contain}.square-text{font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ink);text-align:center;padding:0 8px;word-break:break-word}.square-btn.teal{background:var(--teal);border-color:var(--teal-deep);--btn-shadow: 0 4px 0 var(--teal-deep);--btn-shadow-deep: var(--teal-deep)}.square-btn.gold{background:var(--gold);border-color:var(--gold-deep);--btn-shadow: 0 4px 0 var(--gold-deep);--btn-shadow-deep: var(--gold-deep)}.square-btn.coral{background:var(--coral-strong);border-color:var(--coral-strong-deep);--btn-shadow: 0 4px 0 var(--coral-strong-deep);--btn-shadow-deep: var(--coral-strong-deep)}.square-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--btn-shadow-deep)}.square-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--btn-shadow-deep)}.square-btn:focus{border-color:var(--btn-shadow-deep);animation:splash-start-focus-lift 1.2s ease-in-out infinite}.square-btn[disabled]{opacity:.4;cursor:default;transform:none;animation:none;box-shadow:0 2px 0 var(--btn-shadow-deep)}.nav-item{width:100%;padding:12px 16px;font-family:var(--font-display);font-size:16px;font-weight:600;text-align:center;min-height:56px;border-radius:4px;background:transparent;color:var(--text-primary);border:2px solid var(--text-primary);transition:transform .15s ease,box-shadow .15s ease}.nav-item.primary{background:var(--coral-strong);color:#fff;border-color:transparent;--btn-shadow: 0 4px 0 var(--coral-strong-deep);--btn-shadow-deep: var(--coral-strong-deep);box-shadow:var(--btn-shadow)}.nav-item.gold{background:var(--gold);color:var(--ink);border:2px solid var(--gold-deep);--btn-shadow: 0 4px 0 var(--gold-deep);box-shadow:var(--btn-shadow)}#placement-ready{width:36%;align-self:center;height:72px;padding-top:24px;padding-bottom:24px}.nav-item:hover{transform:translateY(-2px)}.nav-item.waiting{opacity:.65;font-size:14px}.nav-item:active{transform:translateY(2px)}.nav-item:focus{border-color:var(--text-primary);animation:btn-focus-glow 1.4s ease-in-out infinite}.nav-item.primary:hover{box-shadow:0 6px 0 var(--coral-strong-deep)}.nav-item.primary:active{box-shadow:0 1px 0 var(--coral-strong-deep)}.nav-item.primary:focus{border-color:transparent;animation:splash-start-focus-lift 1.2s ease-in-out infinite}.nav-item.gold:hover{box-shadow:0 6px 0 var(--gold-deep)}.nav-item.gold:active{box-shadow:0 1px 0 var(--gold-deep)}.nav-item.gold:focus{border-color:var(--gold-deep);animation:splash-start-focus-lift 1.2s ease-in-out infinite}.dial{display:flex;gap:12px;align-items:center;justify-content:center}.dial-code{gap:8px}.dial-slot{width:64px;height:88px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--ink);background:var(--paper-2);border-radius:4px;box-shadow:var(--fold-shadow);font-variant-numeric:tabular-nums}.dial-code .dial-slot{width:52px;height:80px;font-size:30px}.dial-slot:focus{color:#000;background:var(--accent-cyan);border-color:var(--accent-cyan)}.dial-done{width:88px;height:88px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);border:2px solid transparent;background:var(--coral-strong);color:#fff;border-radius:4px;font-size:18px;font-weight:600;margin-left:6px;--btn-shadow: 0 4px 0 var(--coral-strong-deep);box-shadow:var(--btn-shadow);transition:transform .15s ease,box-shadow .15s ease}.dial-done:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--coral-strong-deep)}.dial-done:active{transform:translateY(2px);box-shadow:0 1px 0 var(--coral-strong-deep)}.dial-done:focus{border-color:transparent;animation:btn-focus-glow 1.4s ease-in-out infinite}#friend-join .dial-done{background:var(--gold);color:var(--ink);--btn-shadow: 0 4px 0 var(--gold-deep);--btn-shadow-deep: var(--gold-deep);box-shadow:var(--btn-shadow)}#friend-join .dial-done:hover{box-shadow:0 6px 0 var(--gold-deep)}#friend-join .dial-done:active{box-shadow:0 1px 0 var(--gold-deep)}#friend-join .dial-done:focus{border-color:var(--gold-deep);animation:splash-start-focus-lift 1.2s ease-in-out infinite}#moniker .dial-done{background:var(--gold);color:var(--ink);--btn-shadow: 0 4px 0 var(--gold-deep);--btn-shadow-deep: var(--gold-deep);box-shadow:var(--btn-shadow)}#moniker .dial-done:hover{box-shadow:0 6px 0 var(--gold-deep)}#moniker .dial-done:active{box-shadow:0 1px 0 var(--gold-deep)}#moniker .dial-done:focus{border-color:var(--gold-deep);animation:splash-start-focus-lift 1.2s ease-in-out infinite}.room-note{display:flex;flex-direction:column;align-items:center;gap:8px}.room-note.paper-hint{padding:20px 48px}.room-code{font-size:48px;font-weight:700;letter-spacing:16px;color:var(--coral-strong);font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(255,106,69,.4)}.room-note-prompt{font-size:20px;font-weight:500;margin-bottom:20px;font-family:var(--font-display)}.waiting-row{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent-cyan);display:inline-block}.room-note .dot{background:var(--coral)}.dot-pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.legend-item .dot{border-radius:0;width:20px;height:20px}.dot-miss{background:var(--result-miss)}.dot-hit{background:var(--result-hit)}.dot-sunk{background:var(--result-sunk)}.board{display:grid;grid-template-columns:repeat(7,56px);grid-template-rows:repeat(7,56px);gap:2px}.cell{width:56px;height:56px;background:#1a3a5559;border:1px solid rgba(45,200,255,.22);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text-primary);position:relative}.cell:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 14px var(--accent-cyan-soft),inset 0 0 12px #00d4ff33;z-index:2}.cell.ghost{background:#ff7a3a59}.cell.ghost-invalid{background:#ff446673}.cell.placed-frigate{background:var(--boat-frigate)}.cell.placed-cutter{background:var(--boat-cutter);color:#000}.cell.placed-dinghy{background:var(--boat-dinghy)}.cell.miss:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--result-miss);opacity:.85}.cell.hit{background:#ff7a3a73}.cell.hit:after{content:"!";color:var(--result-hit);font-weight:700}.cell.sunk{background:#ff39558c}.cell.sunk:after{content:"X";color:#fff;font-weight:700}.board-hint{font-size:16px;margin-top:6px;width:50%;margin-inline:auto;font-family:var(--font-display);position:relative;top:0}.board-hint.paper-hint{height:80px;display:flex;align-items:center;justify-content:center}.board-legend{display:flex;justify-content:center;gap:18px;font-size:26px;color:var(--text-secondary);position:relative;top:0}.board-legend.paper-hint{padding:24px}.legend-item{display:flex;align-items:center;gap:6px}.paper-hint{background:var(--paper-2);border:.5px solid #d0cfc6;border-radius:4px;box-shadow:1px 1px #e8e7df,2px 2px #e0dfd7,3px 3px #d8d7cf,0 8px 24px #0000001f;padding:10px 24px;color:var(--ink);line-height:1.2;letter-spacing:.01em}.paper-hint .dot-miss{background:transparent;border:1.5px solid #a0998e}.paper-hint .dot-hit{background:#f20}.paper-hint .dot-sunk{background:#000}.note{position:relative;box-shadow:var(--fold-shadow)}.note:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-3deg);width:74px;height:24px;background:#1fb5a68c;box-shadow:0 2px 5px #0000001f}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:rotate(-1deg)}.game-over-mark{width:175px;height:175px;margin-bottom:-15%;position:relative;z-index:2;filter:drop-shadow(0 0 16px var(--accent-cyan-soft))}.stats-card{width:100%;background:var(--paper-2);color:var(--ink);border-radius:4px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--fold-shadow);position:relative;z-index:1}.stat-row{display:flex;justify-content:space-between;font-size:16px}.stats-card .text-muted{color:var(--ink-soft)}.list-container{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;padding:14px 16px;background:var(--paper-2);color:var(--ink);border-radius:4px;gap:12px;min-height:72px;box-shadow:var(--fold-shadow)}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:17px;font-weight:600}.list-item-meta{font-size:15px;color:var(--ink-soft);margin-top:2px}.wave-clip{position:absolute;left:0;bottom:0;width:100%;height:78px;overflow:hidden;pointer-events:none;z-index:0}.wave-layer{position:absolute;left:0;bottom:0;width:100%;height:100%;background-repeat:repeat-x;background-size:auto 100%}.wave-back{background-image:url("./WaveBack-O2Z6GY47.png");animation:drift 6s ease-in-out infinite}.wave-front{background-image:url("./WaveFront-EN5BUQSM.png");animation:drift 3s ease-in-out infinite}@keyframes drift{0%,to{background-position-x:0}50%{background-position-x:-24px}}.hidden{display:none!important}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.moniker-hint{font-size:32px;margin-top:16px}.text-danger{color:var(--danger)}.board-frame{opacity:0;pointer-events:none}
/*# sourceMappingURL=styles-RW3RZV3W.css.map */