:root{color:#f5f7fb;font-synthesis:none;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 5%,#173c62 0,#0000 31rem),#08111f;min-width:320px;min-height:100dvh;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:4px solid #91edff}.setup-shell{place-items:center;min-height:100dvh;padding:clamp(20px,6vw,80px);display:grid}.setup-card{background:linear-gradient(145deg,#12253b 0%,#0b1727 75%);border:1px solid #315371;border-radius:32px;width:min(100%,980px);padding:clamp(28px,5vw,72px);box-shadow:0 32px 100px #0009}.eyebrow,.section-label,.mode-kicker{color:#9ddff0;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}h1{letter-spacing:-.06em;max-width:9ch;margin:12px 0;font-family:Georgia,serif;font-size:clamp(3.6rem,9vw,8rem);line-height:.86}.intro{color:#c0d0df;max-width:50ch;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:42px 0 28px;display:grid}.mode-card{text-align:left;background:#102337;border:1px solid #456987;border-radius:20px;min-height:210px;padding:28px;transition:transform .18s,background .18s,border-color .18s}.mode-card:hover,.mode-card:focus-visible{background:#173650;border-color:#91edff;transform:translateY(-3px)}.mode-card.primary{background:linear-gradient(135deg,#4b3212,#1b2735);border-color:#edbc5b}.mode-card.primary:hover,.mode-card.primary:focus-visible{border-color:#ffe09a}.mode-title{margin:22px 0 10px;font-family:Georgia,serif;font-size:clamp(1.8rem,3.2vw,3rem);font-weight:700;display:block}.mode-copy{color:#b9cad8;font-size:1.05rem;line-height:1.4}.difficulty{border:0;align-items:center;gap:10px;padding:0;display:flex}.difficulty legend{color:#c8d7e7;width:100%;margin-bottom:10px;font-weight:700}.difficulty-choice,.control{text-transform:capitalize;background:#0b1928;border:1px solid #486b88;border-radius:999px;min-height:48px;padding:10px 18px}.difficulty-choice.active{color:#fff1cc;background:#60461c;border-color:#f5c667}.remote-hint{color:#a9bbcc;margin:30px 0 0;line-height:1.8}.remote-hint span{color:#60788f;padding:0 6px}kbd{color:#e5f3ff;border:1px solid #58738c;border-bottom-width:3px;border-radius:6px;padding:3px 7px;font-family:inherit;font-size:.75em;font-weight:700}.game-shell{grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);align-items:center;gap:clamp(24px,5vw,86px);min-height:100dvh;padding:clamp(20px,4vw,66px);display:grid}.board-area{justify-items:center;gap:14px;display:grid}.mobile-title{color:#a8c6df;letter-spacing:.08em;font-family:Georgia,serif;font-size:1.3rem;font-weight:700}.mobile-title span{color:#e8bc60}.board{aspect-ratio:1;border:clamp(5px,.65vw,11px) solid #dbaf60;border-radius:4px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(68vw,78vh);height:min(68vw,78vh);display:grid;overflow:hidden;box-shadow:0 28px 80px #000a}.square{border:0;place-items:center;min-width:0;min-height:0;padding:0;line-height:1;display:grid;position:relative}.square.light{background:#ecd9b7}.square.dark{background:#a96f4a}.piece{z-index:1;filter:drop-shadow(0 3px 1px #0004);justify-content:center;align-items:center;width:82%;height:82%;font-size:clamp(27px,5.8vw,90px);line-height:1;display:flex;position:absolute}.piece.white{color:#fff9ed;text-shadow:0 1px #352110}.piece.black{color:#1d2532;text-shadow:0 1px #f2d6aa}.legal-marker{z-index:2;background:#78edf8d9;border-radius:50%;position:absolute;box-shadow:0 0 0 3px #09233088}.capture-marker{background:#0923303d;border:clamp(3px,.45vw,7px) solid #78edf8;box-shadow:0 0 0 3px #09233088}.cursor{z-index:3;box-shadow:inset 0 0 0 5px #72e7ff}.selected{box-shadow:inset 0 0 0 6px #ffcf5c}.cursor.selected{outline-offset:-9px;outline:4px solid #fff0ba}.rank,.file{z-index:3;opacity:.75;font-size:clamp(9px,1vw,15px);font-weight:800;position:absolute}.rank{top:4px;left:6px}.file{bottom:4px;right:6px}.light .rank,.light .file{color:#a96f4a}.dark .rank,.dark .file{color:#ecd9b7}.selection-announcement{color:#b9d8e7;min-height:1.5em;margin:0}.panel{align-content:center;gap:18px;max-width:480px;display:grid}.turn-card,.panel-section{background:#0e1e30d9;border:1px solid #345571;border-radius:18px;padding:20px 22px}.turn-card h2{margin:8px 0 4px;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.check-status{color:#a9bfce;min-height:1.5em;margin:0}.check-status.visible{color:#ffd06b;font-weight:800}.captured{color:#e1e9ef;letter-spacing:.1em;min-height:1.5em;margin:6px 0 0;font-size:1.5rem}.history{max-height:28dvh;overflow:auto}.history ol{color:#cbd8e4;gap:5px;margin:10px 0 0;padding:0;list-style:none;display:grid}.history span{color:#7590a8;width:2.5em;display:inline-block}.history b{color:#f1f5f8;margin-left:10px}.actions{flex-wrap:wrap;gap:10px;display:flex}.control{background:#17324d;border-radius:12px}.control:hover,.control:focus-visible{background:#224b70;border-color:#9deaff}.control.quiet{background:0 0;margin-left:auto}.game-hint{margin-top:0;font-size:.88rem}.overlay{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030812b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{text-align:center;background:linear-gradient(145deg,#1b3046,#0c1725);border:1px solid #5a7f9f;border-radius:26px;width:min(100%,660px);padding:clamp(28px,5vw,58px);box-shadow:0 30px 90px #000c}.dialog h2{margin:14px 0 10px;font-family:Georgia,serif;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1}.dialog p:not(.eyebrow){color:#c2d2df;font-size:1.12rem}.primary-action{color:#fffaf0;background:#b98128;border:1px solid #ffda86;border-radius:12px;min-height:56px;margin-top:20px;padding:12px 26px;font-weight:800}.promotion-row{grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0;display:grid}.promotion-choice{background:#102239;border:2px solid #426784;border-radius:14px;min-height:120px;padding:12px}.promotion-choice.active{background:#62491f;border-color:#ffcf5c}.promotion-choice span{font-size:3.5rem;display:block}@media (width<=900px),(aspect-ratio<=1){.game-shell{grid-template-columns:1fr;padding:22px}.board{width:min(91vw,72vh);height:min(91vw,72vh)}.panel{width:min(100%,620px);max-width:none}.history{max-height:180px}.mode-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}