: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,a:focus-visible{outline-offset:4px;outline:4px solid #91edff}a{color:inherit}.hub-shell{min-height:100dvh;padding:clamp(24px,7vw,104px) clamp(18px,5vw,72px) clamp(70px,10vw,150px)}.hub-hero,.hub-content{width:min(100%,1080px);margin:0 auto}.hub-hero{background:linear-gradient(145deg,#12253b 0%,#0b1727 75%);border:1px solid #315371;border-radius:32px;padding:clamp(28px,5vw,64px);box-shadow:0 32px 100px #0009}.hub-hero h1{max-width:10ch;margin:14px 0 20px;font-size:clamp(3.3rem,8.3vw,7.4rem)}.hub-lede{color:#c4d6e6;max-width:60ch;margin:0;font-size:clamp(1.08rem,2vw,1.4rem);line-height:1.62}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.hero-primary,.hero-secondary{border-radius:12px;justify-content:center;align-items:center;min-height:54px;padding:12px 22px;font-weight:800;text-decoration:none;display:inline-flex}.hero-primary{color:#fffaf0;background:#b98128;border:1px solid #ffda86}.hero-primary span{margin-left:10px;font-size:1.25em}.hero-secondary{color:#cee3f2;border:1px solid #496e8c}.hero-primary:hover,.hero-primary:focus-visible{background:#d19835}.hero-secondary:hover,.hero-secondary:focus-visible{background:#16324c;border-color:#91edff}.hub-content{gap:clamp(34px,6vw,76px);margin-top:clamp(44px,7vw,92px);display:grid}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.section-heading h2,.content-section h2{letter-spacing:-.04em;margin:7px 0 0;font-family:Georgia,serif;font-size:clamp(2.1rem,4.8vw,4.3rem);line-height:.98}.games-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:18px;display:grid}.featured-game{background:#102337;border:1px solid #456987;border-radius:24px;align-content:start;min-height:330px;padding:clamp(26px,4vw,44px);text-decoration:none;display:grid;position:relative;overflow:hidden}.chess-feature{background:linear-gradient(130deg,#503711 0%,#1a2a3a 62%);border-color:#e5b555}.chess-feature:hover,.chess-feature:focus-visible{border-color:#ffe3a2;transform:translateY(-3px)}.game-glyph{color:#f4ca76;opacity:.2;font-family:Georgia,serif;font-size:clamp(7rem,17vw,14rem);line-height:1;position:absolute;top:clamp(10px,2vw,26px);right:clamp(18px,4vw,48px)}.game-glyph.muted{color:#86a6be}.featured-game .section-label{position:relative}.featured-game strong,.featured-game h3{letter-spacing:-.045em;max-width:9ch;margin:18px 0 10px;font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,4.5rem);line-height:.92;position:relative}.featured-game h3{font-size:clamp(2rem,3.8vw,3.2rem)}.featured-game>span:not(.section-label):not(.game-glyph),.featured-game p{color:#d4e0e9;max-width:40ch;margin:0;font-size:1.06rem;line-height:1.55;position:relative}.game-link{align-self:end;padding-top:28px;font-weight:800;color:#fff2cc!important;margin-top:auto!important}.coming-soon{background:linear-gradient(145deg,#14283b,#0d1a2a)}.coming-note{font-weight:700;color:#93b5cb!important;margin-top:auto!important}.content-section{background:#0d1c2ddd;border:1px solid #294964;border-radius:24px;padding:clamp(26px,5vw,54px)}.content-section h2{max-width:19ch}.steps-list{gap:20px;max-width:800px;margin:32px 0 0;padding:0;list-style:none;display:grid}.steps-list li{grid-template-columns:44px 1fr;align-items:start;gap:16px;display:grid}.steps-list span{color:#dff7ff;background:#16354d;border:1px solid #6991ad;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.steps-list p,.section-summary,.copy-columns p,.works-section>p{color:#c3d3e0;margin:0;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65}.section-summary{max-width:66ch;margin-top:26px}.copy-columns{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;display:grid}.works-section>p{color:#dbe6ee;max-width:62ch;margin-top:26px}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0 0;display:grid}.faq-list div{background:#102236;border:1px solid #294963;border-radius:16px;padding:20px}.faq-list dt{color:#f3f7f9;font-size:1.08rem;font-weight:800}.faq-list dd{color:#bdd0df;margin:10px 0 0;line-height:1.55}.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}.home-link{color:#a9ddef;margin-bottom:28px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.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}.chess-guide{gap:18px;width:min(100%,1080px);margin:0 auto;padding:0 clamp(18px,5vw,72px) clamp(70px,10vw,150px);display:grid}.chess-guide .content-section{margin:0}.chess-guide .content-section>p:not(.section-label){color:#c3d3e0;max-width:70ch;margin:28px 0 0;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.guide-card{background:#102236;border:1px solid #294964;border-radius:24px;padding:clamp(26px,4vw,40px)}.guide-card h3{margin:10px 0 16px;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}.guide-card p:not(.section-label){color:#c3d3e0;margin:0;line-height:1.65}.rules-section h2{max-width:20ch}@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 (width<=700px){.hub-shell{padding-inline:14px}.hub-hero,.content-section{border-radius:20px}.games-grid,.copy-columns,.faq-list,.guide-grid{grid-template-columns:1fr}.featured-game{min-height:285px}.section-heading{display:block}.section-heading h2{margin-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}