:root{--board-navy:#24483f;--board-red:#547f94;--board-paper:#f4f1e9;--board-ink:#243d35}body{background:#f4f1e9;background-image:none;color:#243d35}main{max-width:1440px}.arena{background:transparent;border:0;box-shadow:none;overflow:visible}.brand-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 42px;margin-bottom:24px;border:1px solid #d5ded6;border-radius:26px;background:linear-gradient(115deg,#e9eee6,#dce7e5);color:#243d35}.brand-eyebrow{font-size:11px;letter-spacing:.17em}.brand-hero h1{font:500 clamp(35px,4.2vw,60px)/1.04 'Source Serif 4',Georgia,serif;margin:12px 0;letter-spacing:-.04em}.brand-hero h1 em{color:#56819a}.brand-hero p:last-child{max-width:480px;font-size:15px;line-height:1.5}.hero-instrument{width:240px;padding:22px;border:8px solid #d6e0dc;border-radius:20px 20px 45px 20px;background:#173e34;color:#a6cec0;box-shadow:8px 12px 25px #29483b24;transform:rotate(-5deg);font:10px monospace;letter-spacing:.13em}.hero-bars{height:80px;display:flex;align-items:center;justify-content:space-around;margin:12px 0;background:repeating-linear-gradient(0deg,#86b4a211 0 1px,transparent 1px 15px)}.hero-bars i{width:14px;height:30px;background:#a4c5ac;position:relative}.hero-bars i:after{content:'';position:absolute;left:6px;top:-8px;bottom:-8px;width:1px;background:#b8d4bf}.hero-bars i:nth-child(2n){height:20px;background:#739aae;transform:translateY(15px)}.hero-bars i:nth-child(5){height:45px;transform:translateY(-12px)}.play-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.desk{background:#142c28;border:1px solid #335248;border-radius:22px;padding:22px!important;color:#edf0e7;min-width:0}.stats{margin:0;padding:0 0 16px}.stats strong{font-size:27px}.chart-heading{margin-top:16px}.chart-wrap{min-height:0}.chart-wrap svg{max-height:250px}.chart-caption{font-size:10px;gap:8px}.transport{margin:12px 0;padding:0}.transport button,.transport select{font-size:12px;padding:10px}.transport .primary{background:#8bb1c5;color:#152f35;border-color:#8bb1c5}.trade-desk{gap:14px;margin-top:14px}.sizing{font-size:12px}.sizing p{font-size:11px}.order-buttons button{padding:11px;font-size:13px}.coach{background:#d5e1d3;color:#203b31;border-radius:12px;margin:12px 0 0;padding:12px;font-size:12px}.position-row{font-size:11px}.mini-battle-strip{margin:12px 0;padding:10px;background:#213d35;border-color:#52665b}.mini-player strong{font-size:16px}.mini-chat-panel{background:#203b33;border-color:#536c60;margin:12px 0}.room-chat{padding:12px!important}.room-chat h3{font-size:15px;margin:0 0 6px}.room-chat p{font-size:11px}.room-chat ul{max-height:95px;min-height:35px;overflow:auto}.room-chat textarea{min-height:42px;font-size:12px}.room-chat .room-meta{display:none}.retro-battle{padding:18px;background:linear-gradient(130deg,#eef3ed,#cbd8d1);border:1px solid #baccc1;border-radius:24px 24px 62px 24px;box-shadow:inset 2px 3px 2px #fff,6px 10px 24px #243d3520;min-width:0}.retro-brand{display:none}.handheld-name{font:600 25px 'Source Serif 4',Georgia,serif;margin:0 0 8px;color:#2b483d}.handheld-name em{color:#588399}.retro-tagline{font-size:12px!important;margin-bottom:12px!important;color:#4d655a!important}.retro-scoreboard{gap:6px;margin-bottom:14px}.retro-player{padding:7px;background:#31564b;box-shadow:none;font-size:10px}.player-red{background:#52798b}.retro-player strong{font-size:24px}.retro-player small{font-size:8px}.round-stamp{font-size:9px}.round-stamp small{font-size:7px}.naval-table{display:block}.naval-case{background:#23483d;border:6px solid #24483d;box-shadow:inset 0 1px 2px #a8c2b5;border-radius:12px}.target-case{padding:10px}.case-title{margin:0 0 8px}.case-title h2{font-size:12px}.case-title>span{font-size:9px}.peg-grid{grid-template-columns:14px repeat(10,minmax(0,1fr));gap:2px;padding:5px;background:#98bba1;border-color:#6e927c;box-shadow:inset 0 2px 5px #193c3a66}.grid-coordinate{font-size:9px;color:#254d39}.peg-hole:before{background:#355c47;box-shadow:inset 1px 1px 2px #17322888}.peg-tray{padding:6px;margin-top:8px;background:#193b31;gap:10px}.tray-note{display:none!important}.naval-controls{gap:12px;margin-top:14px}.turn-card{padding:12px;background:transparent;border:0;box-shadow:none}.card-kicker{display:none}.turn-card h2{font-size:14px;background:transparent;color:#294f40;padding:0;text-align:left;box-shadow:none}.turn-card p{font-size:11px;margin:8px 0}.turn-card output{padding:7px;margin:10px 0;background:#b7cbb8;border-color:#91ae99;font:600 14px monospace}#naval-fire{font-size:18px;letter-spacing:.04em;padding:12px;background:linear-gradient(#9fc4d4,#547f99);border-color:#598398;color:#15343d;box-shadow:0 3px 0 #3e6375,inset 0 2px 2px #d7edf2}#naval-next,.replay-turn{background:#dce8dc;color:#284c3a;border-color:#9ab19e;box-shadow:none;font-size:12px}.own-case{margin-top:4px}.own-case summary{font-size:11px;padding:8px}.retro-how{display:none}.retro-service{font-size:10px;margin:12px 0 0}.battle-room,.results,.rules{background:#e9eee5;color:#243d35;border-color:#c4d1c4}.battle-room{margin-top:24px}.battle-room h2,.results h2{font-family:'Source Serif 4',Georgia,serif}.battle-room button{background:#527f96;color:white}.battle-scoreboard article{background:#d6e3d8;border-color:#a7bba8;color:#243d35}.battle-scoreboard article:last-child{background:#dce8ec}.nt-public-footer{color:#526258}@media(max-width:950px){.play-workspace{grid-template-columns:minmax(0,1fr) 290px;gap:14px}.desk{padding:14px!important}.brand-hero{padding:24px}.hero-instrument{width:180px}.trade-desk{display:block}.stats strong{font-size:21px}}@media(max-width:720px){main{padding:0 14px}.brand-hero{padding:24px;gap:8px}.hero-instrument{display:none}.play-workspace{display:flex;flex-direction:column}.desk{width:100%}.retro-battle{width:100%;max-width:380px;align-self:center}.stats{grid-template-columns:repeat(2,1fr)}.brand-hero h1{font-size:42px}}
:root{--battle-cream:#f4f2ed;--battle-blue:#91b5c9;--battle-charcoal:#202326}
body{background:var(--battle-cream);color:#242728}
.brand-hero{background:#fbfaf7;border-color:#dfdfd9;box-shadow:0 12px 35px #20232608;color:#242728;padding:28px 36px;margin-bottom:20px}
.brand-hero h1{font-size:clamp(36px,4vw,56px);line-height:1.02;letter-spacing:-.045em}.brand-hero h1 em{color:#5f8da6}
.brand-eyebrow{color:#60839a;font-weight:600}.brand-hero p:last-child{color:#687177}
.hero-instrument{background:#283239;border-color:#dce2e3;color:#bcd1dc;transform:rotate(4deg);border-radius:18px 18px 44px 18px;box-shadow:8px 10px 0 #c7d2d7,14px 20px 25px #26354019}
.hero-bars{background:repeating-linear-gradient(0deg,#91b5c91a 0 1px,transparent 1px 15px)}.hero-bars i,.hero-bars i:nth-child(2n){background:#91b5c9}.hero-bars i:after{background:#c2d5df}
.play-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.desk{background:#202326;border:1px solid #373c41;color:#f4f2ed;border-radius:22px;padding:26px!important;box-shadow:0 10px 25px #20232612}
.desk .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.desk .stats span{color:#aebac1;font-size:10px}.desk .stats strong{font-size:clamp(21px,2.4vw,32px);color:#f4f2ed}.desk .stats small{font-size:12px}
.desk #room{color:#d7c391}.desk #pnl{color:#acd0e3}.chart-wrap svg{max-height:none;width:100%;height:310px}.chart-heading h2{font-size:16px}.chart-heading>span,.chart-caption,.position-row{color:#b5bfc5}
.progress{background:#39444b}.progress i{background:#91b5c9}.mini-battle-strip{background:#292f33;border-color:#48535b;padding:12px;margin-top:16px}.mini-player strong{color:#f0f3f4}.mini-label,.mini-presence{color:#bfccd3}
.transport .primary{background:#a6c6d7;color:#20323b;border:1px solid #c1d9e5;box-shadow:0 3px 0 #628298}.transport button,.transport select{border-color:#566169;background:#30383e;color:#eff3f4}.transport{margin:20px 0}
.trade-desk{border-color:#485158;padding-top:16px;gap:20px}.order-buttons .buy{background:#a4bbad;color:#203129}.order-buttons .sell{background:#d0a79e;color:#352420}.order-buttons button{border-radius:10px;min-height:44px}.sizing input{accent-color:#91b5c9}.coach{background:#303a40;color:#dbe5eb;border:1px solid #48565f;margin-top:18px}.coach p{font-size:13px}
.battle-side{display:flex;flex-direction:column;gap:18px;min-width:0}.battle-side .mini-chat-panel{margin:0;background:#fbfaf7;border:1px solid #d9dedf;border-radius:18px;color:#29333a}.battle-side .room-chat{padding:18px!important}.room-chat h3{font:500 23px 'Source Serif 4',Georgia,serif;color:#28343b}.room-chat p{color:#64737b;line-height:1.5}.room-chat textarea{background:#fff;border-color:#c4d0d6;color:#243540}.room-chat button{background:#577e94;color:#fff;border-radius:9px}.room-chat li{background:#eaf0f3;color:#293a44}.room-chat ul{max-height:110px}.room-chat form{margin-bottom:0}
.retro-battle{background:linear-gradient(145deg,#f4f5f3,#dce2e3);border:1px solid #c3cdd2;border-radius:22px 22px 58px 22px;padding:18px 20px 28px;box-shadow:inset 2px 3px 2px white,0 6px 0 #b7c3c9,0 12px 25px #26354015}
.handheld-name{font-size:23px;color:#303b40}.handheld-name em{color:#5b8ba4}.retro-tagline{color:#687a84!important;font-size:11px!important}.retro-player{background:#374953;color:#edf3f7;border:0;border-radius:9px}.player-red{background:#6b8a9b}.retro-player strong{font-size:21px}.round-stamp{background:transparent;color:#566a76;border:0;box-shadow:none}
.naval-case{background:#29373f;border-color:#29373f}.peg-grid{background:#a9bcc1;border-color:#7c959e;border-radius:6px}.grid-coordinate{color:#344e59}.peg-hole:before{background:#526d78;box-shadow:inset 1px 1px 2px #283d46}.case-title h2,.case-title>span{color:#d8e4e9}.peg-tray{background:#26343b;color:#c9d8e0}.turn-card h2{color:#384c57}.turn-card p{color:#586c77}.turn-card output{background:#d1dce0;border-color:#b8c9d0;color:#334e5d}.own-case summary{color:#d4e2e9}
#naval-fire{background:linear-gradient(#afd0e2,#729bb2);border-color:#7191a2;color:#213c4a;box-shadow:0 4px 0 #526f81,inset 0 2px 1px #e4f1f6;border-radius:999px;font-size:17px}
#naval-next,.replay-turn{background:#e5edf1;border-color:#bacbd4;color:#355569}.retro-service{color:#5b6b74;line-height:1.5}.battle-room,.results,.rules{background:#fbfaf7;border:1px solid #dce0de;border-radius:20px;padding:24px;color:#303b40}.battle-scoreboard{background:#edf1f2}.battle-scoreboard article,.battle-scoreboard article:last-child{background:#e1e9ed;color:#273b48}.battle-scoreboard article>h3,.battle-scoreboard article>span{color:#526774}.battle-scoreboard .versus{color:#7394a6}
@media(max-width:1000px){.play-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.desk{padding:18px!important}.desk .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-wrap svg{height:270px}.retro-battle{padding:16px}.trade-desk{display:block}}
@media(max-width:760px){.play-workspace{display:flex;flex-direction:column}.battle-side{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:start}.retro-battle{width:100%;max-width:none}.brand-hero{padding:24px}.hero-instrument{display:none}.chart-wrap svg{height:250px}.desk{width:100%}}
@media(max-width:540px){.battle-side{display:flex}.retro-battle{max-width:340px;align-self:center}.brand-hero h1{font-size:40px}.desk .stats strong{font-size:26px}.battle-room,.results,.rules{padding:18px}}
/* Warm orange action accent, requested by Chris. */
.brand-hero h1 em{color:#bb743e}.brand-eyebrow{color:#a76a3b}.hero-bars i:nth-child(2n){background:#d99a63}
#naval-fire{background:linear-gradient(#f2c39b,#cf8d56);border-color:#c28c63;color:#35261c;box-shadow:0 4px 0 #98633e,inset 0 2px 1px #ffe5ce}
.player-red{background:#b27b51}.peg-tray .red-peg{background:#df9356}.retro-player.player-red{color:#fff5e9}
/* Clean floating navigation, aligned with the main site. */
body>header{background:#fff;background-image:none;border:1px solid #e5e4df;border-radius:999px;max-width:1390px;margin:18px auto 22px;padding:12px 24px;min-height:60px;box-shadow:0 6px 22px #20232609}
body>header .wordmark{color:#232725}body>header .wordmark span{color:#658fa6}body>header nav a{color:#465158;font-size:13px}
@media(max-width:720px){body>header{margin:12px 14px 18px;padding:12px 18px;gap:12px;min-height:56px}body>header .wordmark{font-size:27px}body>header nav{gap:12px}body>header nav a{font-size:11px}}