:root{--zg-ink: #f1f5ff;--zg-muted: #b8c2dc;--zg-surface: #171b31;--zg-surface-raised: #202744;--zg-surface-deep: #0d1020;--zg-line: #3a456c;--zg-blue: #80a8ff;--zg-purple: #bc91ff;--zg-green: #79dfb3;--zg-focus: #f8dc72;--zg-shadow: 0 18px 50px rgb(0 0 0 / .25);color:#202533;background:#efe1bc;font-family:Nunito Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 86% 4%,rgb(188 145 255 / .2),transparent 22rem),radial-gradient(circle at 12% 7%,rgb(121 223 179 / .16),transparent 20rem),linear-gradient(90deg,rgba(65,48,30,.04) 1px,transparent 1px),linear-gradient(#f4e7c9,#dfca9f);background-size:auto,auto,28px 28px,auto}a{color:inherit}button{border:1px solid #66502c;border-radius:6px;color:#172238;background:#f8ecd0;font:inherit;cursor:pointer}button:hover:not(:disabled){background:#fff6dd}button:focus-visible{outline:3px solid var(--zg-focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(1240px,calc(100% - 24px));margin:0 auto;padding:14px 0 28px}.skip-link{position:fixed;z-index:20;top:.75rem;left:.75rem;padding:.7rem 1rem;color:#131728;background:var(--zg-focus);border-radius:.4rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;z-index:10;top:0;border-bottom:1px solid rgb(134 155 211 / .16);background:#0d1020;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-shell,.footer-shell{width:min(1240px,calc(100% - 3em));margin-inline:auto}.nav-shell{display:flex;align-items:center;justify-content:space-between;min-height:3rem}.wordmark{color:var(--zg-green);font-family:Merienda,cursive;font-size:1.25rem;font-weight:700;letter-spacing:-.07em;text-decoration:none}.wordmark span:first-child{color:var(--zg-purple)}.site-nav>ul{display:flex;gap:.35rem;padding:0;margin:0;list-style:none}.site-nav>ul>li{position:relative}.site-nav a{display:block;padding:.5rem .8rem;color:var(--zg-muted);font-weight:700;text-decoration:none;border-radius:.5rem}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--zg-ink);background:#80a8ff21}.nav-caret{display:inline-block;margin-left:.15rem;font-size:.75em;transition:transform .15s ease}.project-submenu{position:absolute;top:100%;right:0;display:none;width:max-content;min-width:16rem;padding:.45rem;margin:0;list-style:none;border:1px solid var(--zg-line);border-radius:.65rem;background:var(--zg-surface-raised);box-shadow:var(--zg-shadow)}.nav-projects:hover .project-submenu,.nav-projects:focus-within .project-submenu{display:grid}.nav-projects:hover .nav-caret,.nav-projects:focus-within .nav-caret{transform:rotate(180deg)}.project-submenu a{padding:.65rem .8rem}.nav-toggle{display:none}.masthead{margin-bottom:12px}.kicker{margin:0 0 4px;color:#8f2332;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,legend{font-family:Georgia,Times New Roman,serif}h1{margin:0;color:#16243a;font-size:clamp(1.9rem,5vw,3rem);line-height:1}.subtitle{margin:7px 0 0;max-width:680px;color:#493a25;font-size:1.05rem}.play-reminder{max-width:760px;margin:9px 0 0;padding:8px 10px;border-left:4px solid #8f2332;color:#342918;background:#fff8e1a8;font-size:.98rem;font-weight:700}.status-strip{display:grid;grid-template-columns:minmax(96px,.55fr) minmax(116px,.7fr) minmax(136px,.8fr) minmax(220px,1.8fr);gap:1px;overflow:hidden;margin-bottom:10px;border:1px solid #6b5734;border-radius:8px;background:#6b5734}.status-strip>div,.status-strip>button{min-width:0;padding:10px 12px;background:#fff8e1d6}.status-label{display:block;margin-bottom:3px;color:#6d2631;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.status-strip strong,.target-readout strong{display:block;color:#172238;line-height:1.2}.duel-layout{display:grid;grid-template-columns:minmax(170px,210px) minmax(0,1fr) minmax(190px,230px);gap:8px;align-items:stretch}.game-frame{min-width:0;border:1px solid #6b5734;border-radius:8px;background:#ead9b0;box-shadow:0 16px 40px #2a21142e}#game-container{display:grid;place-items:center;width:100%;min-height:300px}#game-container canvas{display:block;width:100%;height:auto}.start-panel{display:grid;gap:6px;width:min(420px,calc(100% - 32px));padding:22px;text-align:center;border:1px solid rgba(107,87,52,.45);border-radius:8px;color:#3e3322;background:#fff8e1bd}.start-panel strong{color:#16243a;font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.board-readouts{text-align:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 28px 3px}.control-panel{display:grid;gap:8px;align-self:start}.salvo-field,.report-panel{border:1px solid #6b5734;border-radius:8px;background:#fff8e1d6}.target-readout{padding:0 4px 2px;min-height:20px;background:transparent;border:0}.target-readout .status-label{display:inline;margin:0 6px 0 0}.target-readout strong{display:inline;font-size:1rem}.salvo-field{display:grid;gap:6px;margin:0;padding:9px}.salvo-field legend{padding:0 4px;color:#16243a;font-size:1.05rem;font-weight:700}.salvo-button{min-height:38px;padding:7px 8px;text-align:left;font-size:.92rem}.salvo-button.is-selected{border-color:#8f2332;background:#f0d28a;box-shadow:inset 0 0 0 2px #8f233242}.primary-action,.secondary-action{min-height:42px;padding:9px 12px;font-weight:850;letter-spacing:0}.primary-action{border-color:#4f1621;color:#fff8e3;background:#8f2332}.primary-action:hover:not(:disabled){background:#741b28}.secondary-action{background:#e7d5ad}.report-panel h2{margin:0 0 7px;color:#16243a;font-size:1rem}.report-panel ol{display:grid;gap:6px;margin:0;padding-left:16px}.report-panel li{color:#2f2a23;font-size:.94rem;line-height:1.3}.report-panel{min-height:100%;padding:10px;border:1px solid #6b5734;border-radius:8px;background:#fff8e1e0}.new-duel-action{min-height:100%;margin-right:7px;border-radius:6px;font-size:.95rem}.new-duel-action.is-start-game,.new-duel-action.is-game-over{border-color:#4f1621;color:#fff8e3;background:#8f2332;box-shadow:0 0 0 3px #8f233238}.new-duel-action.is-start-game:hover:not(:disabled),.new-duel-action.is-game-over:hover:not(:disabled){border-color:#4f1621;color:#172238;background:#fff6dd}.report-panel ol{grid-template-columns:1fr}.rules-key{margin-top:10px;padding:12px;border:1px solid #6b5734;border-radius:8px;background:#fff8e1b8}.rules-key h2{margin:0 0 12px;color:#16243a;font-size:1.24rem}.rules-guide{display:grid;grid-template-columns:minmax(120px,.24fr) minmax(0,1fr);gap:10px;align-items:start;margin-bottom:12px;padding:10px;border:1px solid rgba(107,87,52,.45);border-radius:6px;background:#f8ecd0c7}.rules-guide h3{margin:0;color:#16243a;font-size:1.03rem}.rules-guide ol{display:grid;gap:4px;margin:0;padding-left:20px;color:#3e3322;line-height:1.35}.rules-key dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}.rules-key div{min-width:0;padding:10px;border:1px solid rgba(107,87,52,.45);border-radius:6px;background:#f8ecd0bd}.rules-key dt{display:grid;gap:7px;align-items:center;margin:0 0 8px;color:#172238;font-weight:800;line-height:1.2}.rules-key dd{margin:0;color:#3e3322;font-size:.9rem;line-height:1.35}.rules-key dd ul{display:grid;gap:5px;margin:0;padding-left:18px}.estate-icon{display:grid;place-items:center;width:72px;height:58px;border:1px solid rgba(107,87,52,.45);border-radius:5px;background:#f5e7c7}.estate-icon img{display:block;width:64px;height:50px;object-fit:contain}.site-footer{border-top:1px solid rgb(134 155 211 / .18);background:#0d1020}.footer-shell{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;align-items:center;justify-content:space-between;padding-block:1.35rem;color:var(--zg-muted);font-size:.93rem}.footer-shell p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 920px){.duel-layout{grid-template-columns:1fr}.control-panel{grid-template-columns:1fr 1fr}.salvo-field{grid-column:1 / -1}.rules-key dl{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-guide{grid-template-columns:1fr}}@media (max-width: 620px){.nav-shell,.footer-shell,.app-shell{width:min(100% - 18px,1180px)}.app-shell{padding-top:14px}.nav-toggle{display:inline-flex;padding:.45rem .65rem;color:var(--zg-ink);font:inherit;font-weight:800;background:transparent;border:1px solid var(--zg-line);border-radius:.4rem;cursor:pointer}.nav-toggle:hover:not(:disabled){background:#80a8ff1a}.site-nav{position:absolute;top:100%;right:.6rem;left:.6rem;display:none;padding:.6rem;border:1px solid var(--zg-line);border-radius:.65rem;background:var(--zg-surface);box-shadow:var(--zg-shadow)}.site-nav[data-open]{display:block}.site-nav>ul{display:grid;gap:.2rem}.site-nav a{padding:.7rem .8rem}.project-submenu{position:static;display:grid;width:auto;min-width:0;padding:.15rem 0 .15rem .8rem;border:0;border-radius:0;background:transparent;box-shadow:none}.project-submenu a{color:var(--zg-muted);font-size:.94rem}.status-strip,.control-panel{grid-template-columns:1fr}.status-strip>div,.status-strip>button{padding:10px 12px}.report-panel ol,.rules-key dl{grid-template-columns:1fr}.footer-shell{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important}}