:root{color:#f5f4f2;font-synthesis:none;text-rendering:optimizelegibility;--bg:#101115;--panel:#191a20;--panel2:#202127;--line:#34353d;--muted:#a4a5ad;--soft:#d0d0d5;--accent:#e8a358;--accent2:#ffcc83;--red:#e66b51;--boardlight:#d8c9ae;--boarddark:#5b514a;background:#101115;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:400}.shell{max-width:1600px;margin:0 auto;padding:0 26px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:40px;height:40px;color:var(--accent2);background:#2b2118;border:1px solid #946b43;border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid;box-shadow:inset 0 0 14px #e8a3582c}.brand>div{gap:4px;display:grid}.brand b{letter-spacing:.16em;font-size:14px}.brand small{color:#c4b8aa;letter-spacing:.13em;font-size:10px}.top-actions{align-items:center;gap:20px;display:flex}.live{color:#aaaab1;letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;display:flex}.live i,.status-dot{background:#8c8d95;border-radius:50%;width:9px;height:9px;display:inline-block}.new-game{color:#ffe2bd;letter-spacing:.1em;background:#282219;border:1px solid #725b43;border-radius:5px;min-height:46px;padding:0 17px;font-size:12px;font-weight:800}.new-game:hover{border-color:var(--accent);background:#3c2e1d}.new-game:disabled{opacity:.55}.new-game span{color:var(--accent2);margin-left:8px;font-size:19px}.headline{justify-content:space-between;align-items:center;gap:18px;min-height:100px;display:flex}.kicker{color:#c8a982;letter-spacing:.17em;font-size:10px;font-weight:800}.headline h1{letter-spacing:-.04em;margin:5px 0 0;font-size:clamp(29px,3vw,39px);line-height:1}.headline h1 span{color:var(--accent)}.turn-pill{color:#d5e4c7;letter-spacing:.1em;background:#20241d;border:1px solid #526342;border-radius:5px;align-items:center;gap:10px;padding:13px 18px;font-size:12px;font-weight:800;display:flex}.turn-pill i{background:#b4d78f;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #b4d78f80}.turn-pill.computer{color:#f4cc9c;background:#29221b;border-color:#795b40}.turn-pill.computer i{background:var(--accent);box-shadow:0 0 10px #e8a35880}.error-banner{color:#ffd5c8;background:#2a1917;border:1px solid #8d5245;border-radius:4px;margin:-4px 0 12px;padding:10px 42px 10px 14px;font-size:14px;position:relative}.error-banner button{background:0 0;border:0;font-size:24px;position:absolute;top:3px;right:10px}.play-layout{grid-template-columns:minmax(550px,1.1fr) minmax(390px,.9fr);align-items:stretch;gap:18px;min-height:calc(100vh - 216px);display:grid}.board-frame,.side-panel{background:linear-gradient(140deg,#1b1c22,#17181d);border:1px solid #35353b;border-radius:8px;min-width:0;box-shadow:0 8px 30px #0005}.board-frame{flex-direction:column;padding:15px 18px 13px;display:flex}.board-top,.board-foot{color:#b0a18e;letter-spacing:.13em;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.board-wrap{width:min(100%,68vh,690px);margin:auto;padding:0 0 27px 27px;position:relative}.square{border:0;place-items:center;min-width:0;min-height:0;padding:0;transition:filter .12s,box-shadow .12s;display:grid;position:relative}.square:not(:disabled):hover{filter:brightness(1.12);z-index:2}.piece{z-index:2;-webkit-user-select:none;user-select:none;font-family:DejaVu Sans,Arial,sans-serif;font-size:clamp(31px,5.2vh,58px);line-height:1;position:relative}.target-coordinate{z-index:3;color:#fff2c5;letter-spacing:.02em;text-shadow:0 1px 2px #000;background:#27311d;border:2px solid #fff0bf;border-radius:4px;place-items:center;min-width:38px;height:29px;padding:2px 5px;font-size:17px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 6px #0008}.selected-coordinate{z-index:4;color:#241a10;letter-spacing:.04em;background:#ffe18a;border:1px solid #5e4a21;border-radius:3px;padding:3px 5px;font-size:10px;font-weight:900;position:absolute;top:4px;left:4px}.board-foot{border-top:1px solid #35353b;gap:8px;padding-top:8px;font-size:9px}.board-foot span{align-items:center;gap:7px;display:flex}.legend-selected,.legend-target{border-radius:3px;width:16px;height:16px;display:inline-block}.legend-selected{background:#5b514a;border:3px solid #ffe17c}.legend-target{background:#d9ef98;border:2px solid #354226}.side-panel{flex-direction:column;gap:12px;padding:16px;display:flex}.command-card,.status-card,.moves-card{background:#202127;border:1px solid #36373e;border-radius:6px;padding:13px}.section-heading{align-items:center;gap:10px;display:flex}.grok-badge{color:#ffd394;background:#332719;border:1px solid #a47d4d;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:18px;font-weight:900;display:grid}.section-heading>div{gap:3px;display:grid}.section-heading b{letter-spacing:.12em;font-size:13px}.section-heading small{color:#bebec4;font-size:12px}.section-heading .status-dot{margin-left:auto}.example-list{gap:7px;display:grid}.example{background:#2a2724;border-left:3px solid #b98146;gap:3px;padding:8px 10px;display:grid}.available{border-top:1px solid #404047;gap:9px;margin-top:11px;padding-top:10px;display:grid}.available>div>span,.destinations>span{color:#bca17f;letter-spacing:.12em;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.available>div:first-child>b{color:#ffdfb3;font-size:15px}.destinations>div{flex-wrap:wrap;gap:7px;display:flex}.destinations button{color:#ffe1ac;letter-spacing:.05em;background:#393025;border:1px solid #ad8757;border-radius:4px;min-width:53px;min-height:39px;font-size:17px;font-weight:900}.destinations small{color:#d1c7ba;font-size:12px}.status-title,.moves-head{color:#c2a783;letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:9px;font-weight:900;display:flex}.turn-count{color:#fff0d5;font-size:14px}.status-main{align-items:center;gap:11px;margin-top:10px;display:flex}.side-avatar{border:1px solid #998469;border-radius:50%;flex:none;place-items:center;width:41px;height:41px;font-size:27px;display:grid}.side-avatar.white{color:#fff8e6;text-shadow:1px 1px 1px #000;background:#564a3d}.side-avatar.black{color:#201f21;text-shadow:0 1px #fff;background:#d8c9ae}.status-main>div{gap:4px;display:grid}.status-main b{letter-spacing:.03em;font-size:17px}.status-main small{color:#bebec4;font-size:12px}.moves-card{flex:1;min-height:120px}.move-list{grid-template-columns:1fr 1fr;column-gap:10px;max-height:194px;margin-top:8px;display:grid;overflow:auto}.move-list>div{border-bottom:1px solid #34353c;grid-template-columns:30px 1fr 1fr;align-items:center;gap:4px;padding:5px 0;font-size:13px;display:grid}.move-list>div span:first-of-type{color:#fff0d7}.move-list>div span:last-of-type{color:#d1d0d3}.move-list p{color:#c4c1bc;grid-column:1/-1;font-size:13px}.result-banner{color:#ffd1bf;text-align:center;letter-spacing:.08em;background:#33201d;border:1px solid #885446;padding:12px;font-size:16px;font-weight:900}.result-banner.won{color:#dcf1c7;background:#222d1d;border-color:#7c9562}.result-banner button{color:#ffe2b7;letter-spacing:.11em;background:#332a1e;border:1px solid #8e754e;border-radius:4px;min-height:40px;margin:9px auto 0;padding:0 18px;font-size:11px;font-weight:900;display:block}footer{color:#92929b;letter-spacing:.12em;justify-content:space-between;align-items:center;height:33px;font-size:9px;font-weight:800;display:flex}footer b{color:#ca9b63;margin:0 5px}@media (width<=1050px){.shell{padding:0 16px}.play-layout{grid-template-columns:minmax(400px,1.05fr) minmax(350px,.95fr);gap:12px}.board-frame,.side-panel{padding:12px}.board-wrap{width:min(100%,65vh,650px)}.piece{font-size:clamp(30px,5vh,50px)}}@media (width<=800px){.headline{min-height:88px}.play-layout{flex-direction:column;display:flex}.board-wrap{width:min(100%,88vw,76vh)}.side-panel{grid-template-columns:1fr 1fr;display:grid}.command-card{grid-column:1/-1}.moves-card{min-height:180px}.move-list{max-height:220px}.board-frame{min-height:min(100vw,76vh)}.side-panel{gap:9px}}@media (width<=520px){.shell{padding:0 10px}.topbar{height:62px}.brand-mark{width:34px;height:34px}.brand b{font-size:12px}.brand small{font-size:8px}.top-actions{gap:8px}.live{gap:5px;font-size:8px}.new-game{min-height:40px;padding:0 10px;font-size:10px}.headline{align-items:flex-start;min-height:0;padding:15px 0}.headline h1{font-size:27px}.kicker{font-size:8px}.turn-pill{gap:6px;padding:9px;font-size:9px}.board-frame{padding:9px}.board-wrap{width:min(100%,94vw)}.piece{font-size:clamp(28px,10vw,42px)}.target-coordinate{min-width:31px;height:25px;font-size:14px;bottom:2px;left:2px}.selected-coordinate{font-size:8px}.rank-labels,.file-labels{font-size:12px}.side-panel{display:flex}.command-card,.status-card,.moves-card{padding:11px}.example b{font-size:14px}.example span{font-size:11px}.board-foot,footer{font-size:7px}footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.shell{grid-template-rows:50px 42px auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:6px;max-width:none;height:100dvh;min-height:620px;padding:0 22px;display:grid;overflow:hidden}.topbar{grid-row:1;height:50px}.brand-mark{width:32px;height:32px;font-size:16px}.brand{gap:9px}.brand b{font-size:12px}.brand small{font-size:8px}.top-actions{gap:13px}.new-game{min-height:38px;padding:0 13px}.headline{grid-row:2;align-items:center;min-height:42px}.headline h1{margin:1px 0 0;font-size:27px}.kicker{font-size:8px}.turn-pill{padding:8px 12px;font-size:10px}.play-layout,.side-panel{display:contents}.command-card{grid-row:3;grid-template-columns:1fr;align-items:center;min-width:0;padding:5px 9px;display:grid}.section-heading,.say-label{display:none}.command-card:before{content:"PLAY WITH GROK · TRY SAYING";color:#cfb28b;letter-spacing:.12em;margin:0 0 4px;font-size:9px;font-weight:900;display:block}.example-list{grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.example{background:#23242a;border-left:3px solid #b98146;border-radius:3px;gap:2px;min-width:0;padding:5px 9px}.example b{white-space:nowrap;font-size:14px;line-height:1.15}.example span{color:#c6c5c4;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.15;overflow:hidden}.available{border-top:1px solid #414148;grid-column:1/-1;align-items:center;gap:16px;margin:5px 0 0;padding:5px 0 0;display:flex}.available>div:first-child{flex:none;gap:2px;display:grid}.available>div>span,.destinations>span{margin:0 0 3px;font-size:8px}.available>div:first-child>b{font-size:13px}.destinations{align-items:center;gap:9px;min-width:0;display:flex}.destinations>span{white-space:nowrap;margin:0}.destinations>div{gap:5px}.destinations button{min-width:42px;min-height:30px;font-size:14px}.board-frame{flex-direction:column;grid-row:4;min-height:0;padding:4px 12px 5px;display:flex;overflow:hidden}.board-top{padding:0 2px 3px;font-size:8px}.board-wrap{width:min(100%,100dvh - 305px,78vw);margin:auto;padding:0 0 22px 22px}.chessboard{border-width:3px}.board-foot{padding-top:4px;font-size:8px}.rank-labels{font-size:14px;bottom:22px}.file-labels{font-size:14px;left:22px}.piece{font-family:DejaVu Sans,Arial Unicode MS,serif;font-size:clamp(38px,7.3vh,78px);font-weight:900;line-height:1}.moves-card{grid-row:5;grid-template-columns:100px 1fr;align-items:center;gap:10px;height:auto;min-height:0;max-height:72px;padding:4px 10px;display:grid;overflow:hidden}.moves-head{gap:3px;font-size:9px;display:grid}.move-list{align-items:center;gap:7px;max-height:none;margin:0;display:flex;overflow:auto hidden}.move-list>div{background:#222329;border:1px solid #414148;border-radius:4px;flex:0 0 92px;grid-template-columns:24px 1fr 1fr;align-items:center;gap:3px;min-height:38px;padding:4px 6px;font-size:13px;display:grid}.move-list>div b{font-size:10px}.move-list p{white-space:nowrap;margin:0;font-size:11px}.status-card,.result-banner,footer{display:none}.error-banner{z-index:10;margin:0;padding:7px 34px 7px 10px;font-size:12px;position:absolute;top:58px;left:25%;right:25%}.target-coordinate{min-width:40px;height:30px;font-size:18px;bottom:3px;left:3px}.selected-coordinate{font-size:9px}.legal:before{width:26%;height:26%}.legal:has(.piece):before{border-width:4px}@media (width<=800px){.shell{grid-template-rows:50px auto auto minmax(0,1fr) auto;height:auto;min-height:100dvh;padding:0 12px;overflow:visible}.headline{min-height:42px}.command-card{grid-row:3}.example-list{gap:5px}.example b{font-size:12px}.example span{font-size:9px}.board-frame{grid-row:4;min-height:0;overflow:visible}.board-wrap{width:min(100%,90vw,70vh);padding-bottom:22px;padding-left:22px}.moves-card{grid-row:5;min-height:65px}.piece{font-size:clamp(38px,8.5vw,68px)}}@media (width<=540px){.shell{gap:6px;padding:0 8px}.topbar{height:48px}.brand b{font-size:10px}.brand small,.live{font-size:7px}.new-game{min-height:34px;padding:0 8px;font-size:9px}.headline{min-height:42px;padding:0}.headline h1{font-size:22px}.turn-pill{padding:7px;font-size:8px}.command-card{padding:4px}.command-card:before{font-size:8px}.example-list{gap:4px}.example{padding:5px}.example b{white-space:normal;font-size:10px}.example span{display:none}.board-frame{padding:3px 4px}.board-wrap{width:min(100%,94vw);padding-bottom:18px;padding-left:18px}.rank-labels{font-size:11px;bottom:18px}.file-labels{font-size:11px;left:18px}.piece{font-size:clamp(32px,9.5vw,48px)}.board-foot{font-size:6px}.board-foot span{gap:3px}.legend-selected,.legend-target{width:11px;height:11px}.moves-card{grid-template-columns:70px 1fr;gap:5px;padding:4px}.moves-head{font-size:7px}.move-list>div{flex-basis:78px;min-height:34px;font-size:11px}.target-coordinate{border-width:1px;min-width:28px;height:22px;font-size:12px;bottom:2px;left:2px}}@media (width>=801px){.shell{grid-template-rows:46px 36px auto minmax(0,1fr) 58px;gap:4px}.topbar{height:46px}.headline{min-height:36px}.headline h1{font-size:25px}.board-wrap{width:min(100%,100dvh - 282px,78vw)}.piece{font-size:clamp(44px,8vh,72px)}.moves-card{max-height:58px}.board-foot{padding-top:3px;font-size:7px}.board-top{padding-bottom:2px}.example span{font-size:10px}.command-card{padding-top:4px;padding-bottom:4px}}@media (width<=540px){.board-wrap{width:min(100%,100vw - 45px);padding-bottom:18px;padding-left:18px}.piece{font-size:clamp(34px,10vw,50px)}}.shell{grid-template-rows:46px auto minmax(0,1fr) 58px;gap:4px}.command-card{grid-row:2}.board-frame{grid-row:3}.moves-card{grid-row:4}.board-foot,.available,.status-card,.result-banner,footer{display:none}.command-card{min-height:0}.moves-card{max-height:58px}.board-top{padding-bottom:2px}@media (width<=800px){.shell{grid-template-rows:48px auto minmax(0,1fr) auto;min-height:100dvh}.command-card{grid-row:2}.board-frame{grid-row:3}.moves-card{grid-row:4}.board-wrap{width:min(100%,90vw,76vh)}.moves-card{min-height:58px}}@media (width<=540px){.shell{grid-template-rows:48px auto minmax(0,1fr) auto}.board-wrap{width:min(100%,100vw - 45px);padding-bottom:18px;padding-left:18px}}:root{--bg:#080d1c;--panel:#111b30;--panel2:#172440;--line:#304365;--muted:#a8b6d0;--soft:#d0d9ea;--accent:#91b5ff;--accent2:#bcd0ff}body{background:radial-gradient(at 48% -30%,#1b3261 0,#0000 60%),linear-gradient(#111a2d,#080d1c 68%)}.shell{background:0 0}.topbar{border-color:#304365}.brand{color:#f5f7ff;text-decoration:none}.brand-mark{color:#c5d6ff;background:#17294e;border-color:#668bd0;border-radius:10px;box-shadow:inset 0 0 14px #608bda2c}.brand-game{color:#91b5ff}.brand small{color:#b3c1dc}.live{color:#bcc9df}.live.on i,.status-dot.ready{background:#84dbb5;box-shadow:0 0 11px #84dbb588}.new-game{color:#edf3ff;background:#162849;border-color:#46659d;border-radius:8px}.new-game:hover{background:#223b66;border-color:#91b5ff}.new-game span{color:#a9c4ff}.play-layout{gap:14px}.board-frame,.side-panel{background:linear-gradient(140deg,#121e36,#0e172b);border-color:#2e4064;border-radius:12px;box-shadow:0 10px 32px #0006}.board-top,.board-foot{color:#b6c5e0}.board-foot{border-color:#304365}.command-card,.status-card,.moves-card{background:#172440;border-color:#304365;border-radius:9px}.grok-badge{color:#dbe7ff;background:#203861;border-color:#668bd0}.section-heading small,.status-main small,.example span{color:#c0cde1}.section-heading b{color:#f5f7ff}.say-label,.available>div>span,.destinations>span{color:#aac2f2}.example{background:#203252;border-left-color:#83a9f4;border-radius:6px}.example b{color:#f4f7ff}.example span{font-size:13px}.destinations button{color:#eef4ff;background:#1b3157;border-color:#5575b0;border-radius:7px}.destinations button:hover{background:#294679;border-color:#aac5ff}.status-title,.moves-head{color:#b9c9e5}.status-main b{font-size:18px}.move-list>div{border-color:#304365}.target-coordinate{color:#fff;background:#253e6d;border-color:#dce8ff}@media (width>=801px){.board-wrap{width:min(100%,100dvh - 205px,86vw)}}@media (width<=800px){.board-wrap{width:min(100%,90vw,78vh)}}.landing-shell{color:#f4f7ff;flex-direction:column;max-width:1440px;min-height:100dvh;margin:0 auto;padding:0 clamp(20px,4vw,58px);display:flex}.landing-topbar{border-bottom:1px solid #304365;flex:none;grid-template-columns:1fr 1fr 1fr;align-items:center;height:72px;display:grid}.landing-kicker{justify-self:center}.landing-setup-link,.hero-setup-link{color:#e5edff;letter-spacing:.12em;font-size:10px;font-weight:900;text-decoration:none}.landing-setup-link{background:#162849;border:1px solid #46659d;border-radius:8px;justify-self:end;padding:12px 14px}.landing-setup-link b,.hero-setup-link b{color:#a9c4ff;margin-left:7px;font-size:15px}.hero-setup-link{background:#162849;border:1px solid #46659d;border-radius:8px;align-items:center;margin-top:17px;padding:12px 15px;display:inline-flex}.landing-brand{color:#f4f7ff;letter-spacing:.12em;align-items:center;gap:11px;font-size:14px;font-weight:900;text-decoration:none;display:flex}.landing-brand>span:last-child>span{color:#91b5ff;margin-left:4px}.da-mark{background:#17294e;border:1px solid #668bd0;border-radius:10px;grid-template-rows:repeat(2,7px);grid-template-columns:repeat(2,7px);place-content:center;gap:3px;width:34px;height:34px;display:grid}.da-mark i{background:#a9c4ff;border-radius:50%}.landing-kicker,.landing-section-head>span{color:#aab9d5;letter-spacing:.15em;font-size:10px;font-weight:850}.landing-hero{grid-template-columns:1fr minmax(340px,.76fr);align-items:center;gap:36px;padding:32px 0 28px;display:grid}.landing-hero-copy{max-width:620px}.landing-eyebrow{color:#91b5ff;letter-spacing:.17em;margin:0 0 9px;font-size:10px;font-weight:900}.landing-hero h1{color:#f4f7ff;letter-spacing:-.065em;margin:0;font-size:clamp(44px,5.3vw,68px);line-height:.97}.landing-hero h1 em{color:#9ebcff;font-style:normal}.landing-hero-copy>p:last-child{color:#bac8e0;max-width:560px;margin:15px 0 0;font-size:19px;line-height:1.45}.featured-card{color:#f4f7ff;background:radial-gradient(at 54% 10%,#28529b,#132746 75%);border:1px solid #4167a7;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;min-height:205px;padding:17px 20px;text-decoration:none;transition:transform .16s,border-color .16s;display:flex;box-shadow:0 15px 42px #0005}.featured-rover{aspect-ratio:1;background:linear-gradient(145deg,#1b2b49,#111c30);border:1px solid #5271a6;border-radius:12px;grid-template-columns:repeat(7,1fr);gap:4px;width:min(100%,250px);padding:8px;display:grid}.featured-rover i{background:linear-gradient(145deg,#283957,#1a2943);border-radius:4px;box-shadow:inset 0 1px #ffffff14}.featured-rover i.ridge{background:linear-gradient(145deg,#8d604d,#4b3840)}.featured-rover i.rover{background:radial-gradient(circle at 35% 30%,#f4f8ff,#8fb9ff 45%,#35558b);box-shadow:0 0 14px #8fb9ff99}.featured-rover i.beacon{background:radial-gradient(circle at 35% 30%,#fff3b4,#ffbd4d 48%,#a95a2d);box-shadow:0 0 14px #ffbd4d88}.featured-card:hover{border-color:#93b6ff;transform:translateY(-2px)}.featured-label{color:#b4c9ed;letter-spacing:.15em;align-self:flex-start;font-size:9px;font-weight:900}.featured-board{background:linear-gradient(145deg,#2f73db,#174ba9);border:1px solid #4e84df;border-radius:14px;grid-template-columns:repeat(7,1fr);gap:6px;width:min(100%,294px);padding:10px 13px;display:grid;box-shadow:inset 0 2px #ffffff34,0 12px 24px #0004}.featured-board i{aspect-ratio:1;background:radial-gradient(circle at 35% 28%,#1c2f50,#0c1830 72%);border-radius:50%;box-shadow:inset 0 3px 5px #030817aa}.featured-board i.red{background:radial-gradient(circle at 30% 25%,#ffaaa1,#fa4848 62%,#bd293c)}.featured-board i.gold{background:radial-gradient(circle at 30% 25%,#fff6b7,#ffc844 62%,#dd8d1d)}.featured-cta{color:#e4edff;letter-spacing:.1em;align-self:flex-end;font-size:11px;font-weight:900}.featured-cta b,.landing-card-link b{color:#a8c2ff;margin-left:8px;font-size:17px}.landing-section{padding:5px 0 14px}.landing-section-head{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.landing-section-head .landing-eyebrow{margin-bottom:3px}.landing-section-head h2{letter-spacing:-.03em;margin:0;font-size:24px}.landing-section-head>span{padding-bottom:3px}.landing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.landing-card{color:#f4f7ff;background:linear-gradient(145deg,#15233e,#101a30);border:1px solid #304365;border-radius:13px;grid-template-rows:auto auto 1fr auto;grid-template-columns:44px 1fr;align-items:center;column-gap:12px;min-width:0;min-height:184px;padding:17px 18px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:grid}.landing-card:hover{background:linear-gradient(145deg,#1b3155,#121e36);border-color:#668bd0;transform:translateY(-2px)}.landing-card-mark{color:#dce8ff;letter-spacing:.06em;background:#20365d;border:1px solid #46649a;border-radius:11px;grid-row:1/3;place-items:center;width:42px;height:42px;font-size:13px;font-weight:900;display:grid}.landing-card-mark.mars{color:#ffc28c;background:#44291f;border-color:#96533a;font-size:11px}.landing-card-mark.chess{font-size:26px}.landing-card-mark.connect{color:#ffce72;font-size:26px}.landing-card-category{color:#9fb5dc;letter-spacing:.14em;font-size:9px;font-weight:900}.landing-card h3{letter-spacing:-.025em;grid-column:1/-1;margin:12px 0 4px;font-size:20px;line-height:1.15}.landing-card p{color:#b6c4dd;grid-column:1/-1;margin:0;font-size:14px;line-height:1.4}.landing-card-link{color:#c8d8f7;letter-spacing:.13em;grid-column:1/-1;align-self:end;margin-top:14px;font-size:9px;font-weight:900}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{min-height:158px}.tool-mark{grid-row:1/3}.tool-card h3{margin-top:10px}.landing-hero-copy>.hero-setup-link{margin-top:17px}.setup-shell{max-width:1500px}.setup-hero{padding:30px 0 19px}.setup-hero h1{color:#f4f7ff;letter-spacing:-.055em;margin:0;font-size:clamp(38px,4.6vw,60px);line-height:1.02}.setup-hero h1 em{color:#9ebcff;font-style:normal}.setup-hero>p:last-child{color:#bdcbe2;max-width:900px;margin:12px 0 0;font-size:18px;line-height:1.45}.setup-endpoint{background:#142541;border:1px solid #46659d;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex}.setup-endpoint>div{gap:7px;min-width:0;display:grid}.setup-endpoint code{color:#f3f6ff;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(14px,1.8vw,21px)}.setup-endpoint button{color:#f4f7ff;letter-spacing:.08em;background:#203861;border:1px solid #668bd0;border-radius:8px;flex:none;min-height:46px;padding:0 18px;font-weight:900}.setup-grid{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:12px;margin:13px 0 16px;display:grid}.setup-panel{background:linear-gradient(145deg,#15233e,#101a30);border:1px solid #304365;border-radius:13px;min-width:0;min-height:236px;padding:17px}.setup-panel h2{color:#a9c2f0;letter-spacing:.14em;margin:0 0 12px;font-size:11px}.setup-panel p{color:#c1cee3;margin:0 0 15px;font-size:15px;line-height:1.5}.setup-panel ol{color:#9db9ee;gap:10px;margin:0 0 13px;padding-left:25px;font-size:16px;display:grid}.setup-panel li{padding-left:3px}.setup-panel li b,.setup-panel li span{color:#f2f5fc;display:block}.setup-panel li b{font-size:15px}.setup-panel li span{color:#b7c5df;margin-top:2px;font-size:13px;line-height:1.35}.setup-panel>a{color:#b9ceff;letter-spacing:.1em;font-size:10px;font-weight:900;text-decoration:none}.setup-callout{background:#1b3150;border-left:3px solid #84dbb5;gap:5px;margin:12px 0 14px;padding:12px;display:grid}.setup-callout b{letter-spacing:.1em;font-size:11px}.setup-callout span{color:#c3d0e5;font-size:13px;line-height:1.4}.setup-quote{color:#f2f5fc;background:#0e1a30;border:1px solid #344d75;border-radius:7px;margin:0 0 8px;padding:10px 11px;font-size:15px;font-weight:750;line-height:1.35}.setup-muted{color:#9cacc6!important;margin-top:12px!important;font-size:12px!important}.setup-live{color:#eaf4ff;letter-spacing:.07em;align-items:center;gap:10px;margin:17px 0;font-size:13px;font-weight:900;display:flex}.setup-live i{background:#84dbb5;border-radius:50%;width:11px;height:11px;box-shadow:0 0 12px #84dbb588}.landing-footer{color:#93a5c7;letter-spacing:.12em;border-top:1px solid #304365;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:16px 0 14px;font-size:9px;font-weight:850;display:flex}.landing-footer .landing-brand{font-size:11px}.landing-footer .da-mark{border-radius:8px;width:26px;height:26px}.landing-footer .da-mark i{width:5px;height:5px}.landing-footer>a:last-child{color:#b8ceff;text-decoration:none}@media (width<=760px){.landing-topbar{grid-template-columns:1fr auto;height:60px}.landing-kicker{display:none}.landing-hero{grid-template-columns:1fr;gap:20px;padding:24px 0}.landing-hero h1{font-size:48px}.landing-hero-copy>p:last-child{font-size:16px}.featured-card{min-height:175px}.landing-grid,.tool-grid{grid-template-columns:1fr}.landing-card{min-height:155px}.landing-footer>span{display:none}}@media (width<=420px){.landing-shell{padding-inline:14px}.landing-kicker{font-size:7px}.landing-hero h1{font-size:42px}.landing-section-head h2{font-size:21px}.landing-card{padding:14px}.landing-footer{font-size:7px}}@media (width<=980px){.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-panel{min-height:205px}}@media (width<=600px){.setup-hero{padding:22px 0 14px}.setup-hero h1{font-size:38px}.setup-hero>p:last-child{font-size:15px}.setup-endpoint{flex-direction:column;align-items:stretch}.setup-endpoint button{align-self:flex-start}.setup-grid{grid-template-columns:1fr}.setup-panel{min-height:0}.landing-setup-link{padding:9px;font-size:8px}}.topbar{grid-template-columns:1fr minmax(220px,1fr) 1fr;gap:12px}.brand{grid-area:1/1;justify-self:start}.page-title{text-align:center;grid-area:1/2;justify-self:center;gap:3px;display:grid}.page-title b{letter-spacing:.05em;font-size:19px;line-height:1}.page-title small{letter-spacing:.12em;color:#b4c2dd;font-size:9px;font-weight:800}.top-actions{grid-area:1/3;justify-self:end}.shell{grid-template-rows:68px minmax(0,1fr) auto;gap:10px;min-height:100dvh}.headline{display:none}.play-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:14px;display:grid}.board-frame{grid-area:1/1;align-self:center}.side-panel{flex-direction:column;grid-area:1/2;gap:9px;display:flex}.status-card,.command-card,.moves-card{display:block}.status-card{order:0}.command-card{order:1}.moves-card{order:2}.result-banner{order:3}.board-wrap{width:min(100%,100dvh - 180px,80vw)}.board-top,.board-foot,footer{display:flex}.command-card{max-height:none;overflow:visible}.example-list{gap:7px}.example{padding:9px 10px}.moves-card{max-height:160px;overflow:auto}.error-banner{top:72px}@media (width<=800px){.topbar{grid-template-columns:auto 1fr auto;height:62px}.page-title b{font-size:16px}.page-title small{font-size:7px}.play-layout{grid-template-columns:1fr}.board-frame{grid-area:auto/1}.side-panel{grid-area:auto/1;grid-template-columns:1fr 1fr;display:grid}.status-card,.moves-card,.result-banner{grid-column:1/-1}.board-wrap{width:min(100%,88vw,72vh)}.moves-card{max-height:140px}}@media (width<=540px){.page-title b{font-size:13px}.page-title small,.top-actions .live{display:none}.play-layout{gap:10px}.board-wrap{width:min(100%,100vw - 45px)}}.chess-metrics{grid-template-columns:1fr 1fr;gap:9px;display:grid}.chess-metrics>div{background:#172440;border:1px solid #304365;border-radius:9px;justify-content:space-between;align-items:center;min-width:0;padding:10px 12px;display:flex}.chess-metrics small{color:#b9c9e5;letter-spacing:.1em;font-size:9px;font-weight:850}:root{color:#f5f7ff;--line:#304365;--accent:#91b5ff;background:#080d1c;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 48% -30%,#1b3261 0,#0000 60%),linear-gradient(#111a2d,#080d1c 68%);min-width:360px;min-height:100vh;margin:0}button{font:inherit;color:inherit;cursor:pointer}.shell{grid-template-rows:58px minmax(0,1fr) 136px 29px;gap:9px;width:min(1920px,100%);height:100dvh;min-height:650px;margin:auto;padding:0 20px;display:grid;overflow:hidden}.topbar{border-bottom:1px solid #283a5c;grid-template-columns:1fr 1fr 1fr;align-items:center;min-width:0;height:auto;padding:0 4px;display:grid}.brand{color:#f4f7ff;letter-spacing:.13em;grid-area:1/1;justify-self:start;align-items:center;gap:10px;font-size:13px;font-weight:900;text-decoration:none;display:flex}.brand-symbol{background:#17294e;border:1px solid #668bd0;border-radius:10px;flex:none;grid-template-rows:repeat(2,7px);grid-template-columns:repeat(2,7px);place-content:center;gap:3px;width:34px;height:34px;display:grid;box-shadow:inset 0 0 14px #608bda22}.brand-symbol i{background:#a9c4ff;border-radius:50%;width:7px;height:7px}.brand-name{white-space:nowrap}.brand-name span{color:#91b4ff;margin-left:4px;font-weight:700}.page-title{color:#f4f7ff;letter-spacing:.06em;white-space:nowrap;grid-area:1/2;justify-self:center;margin:0;font-size:clamp(17px,2vw,24px);font-weight:850;line-height:1}.top-actions{grid-area:1/3;justify-self:end;align-items:center;gap:12px;display:flex}.live{color:#d4def0;letter-spacing:.09em;white-space:nowrap;font-size:10px;font-weight:850}.live i{background:#8c8d95;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.live.on i{background:#60e2b0;box-shadow:0 0 10px #60e2b088}.new-game{color:#f4f7ff;letter-spacing:.08em;white-space:nowrap;background:linear-gradient(#1c3156,#142541);border:1px solid #4b6da9;border-radius:8px;height:40px;padding:0 13px;font-size:10px;font-weight:850}.new-game span{color:#b2ccff;margin-left:7px}.error-banner{z-index:10;color:#ffe0de;background:#431f2a;border:1px solid #9b4d50;border-radius:8px;max-width:min(680px,90vw);padding:8px 14px;position:absolute;top:62px;left:50%;transform:translate(-50%)}.play-layout{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;min-height:0;display:grid;overflow:hidden}.board-frame{background:linear-gradient(145deg,#111e36,#0e172a);border:1px solid #344f7b;border-radius:15px;flex-direction:column;grid-area:1/1;width:100%;min-height:0;padding:9px 13px 8px;display:flex;overflow:hidden;box-shadow:0 8px 24px #0004,inset 0 1px #ffffff0b}.board-top{color:#b9c8e2;letter-spacing:.14em;justify-content:space-between;align-items:center;min-height:23px;padding:0;font-size:10px;font-weight:850;display:flex}.board-top span:first-child{color:#d5e0f3}.board-wrap{width:min(100%,100dvh - 295px,74vh,650px);min-height:0;margin:auto;padding:0 0 22px 22px;position:relative}.chessboard{aspect-ratio:1;border:4px solid #473b2e;border-radius:8px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;overflow:hidden;box-shadow:0 10px 28px #0008}.square{border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.square:disabled{cursor:default}.square.light{background:#dfd2b8}.square.dark{background:#655950}.piece{font-family:DejaVu Sans,Arial,sans-serif;font-size:clamp(32px,6.5vh,62px);line-height:1}.white-piece{color:#fffdf6;-webkit-text-stroke:1.4px #34271e;text-shadow:0 2px 2px #292018,1px 0 #292018,-1px 0 #292018,0 1px #292018,0 -1px #292018}.black-piece{color:#202126;-webkit-text-stroke:1px #fff3dc;text-shadow:0 2px 1px #f3e3c8}.selected{z-index:3;box-shadow:inset 0 0 0 4px #ffe17c,inset 0 0 22px #fff3aa}.selected:after{content:"";pointer-events:none;border:2px solid #fff6c5;position:absolute;inset:4px}.legal{z-index:1}.legal:before{content:"";z-index:1;background:#d9ef98;border-radius:50%;width:24%;height:24%;position:absolute;box-shadow:0 0 0 3px #303620aa,0 0 17px #edffba}.legal:has(.piece):before{background:#e9a75622;border:5px solid #f9c669;width:90%;height:90%;box-shadow:inset 0 0 0 2px #382715,0 0 18px #ffc767aa}.target-coordinate{z-index:3;color:#fff2c5;text-shadow:0 1px 2px #000;background:#273b63;border:2px solid #fff0bf;border-radius:4px;place-items:center;min-width:38px;height:28px;padding:2px 5px;font-size:16px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 6px #0008}.last-move{box-shadow:inset 0 0 0 3px #f2bb5f66}.last-marker{background:#ffdf9b;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.in-check{box-shadow:inset 0 0 0 6px #ff9584;background:#b9473e!important}.rank-labels{color:#d5e0f3;grid-template-rows:repeat(8,1fr);align-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:0;bottom:22px;left:0}.file-labels{text-align:center;color:#d5e0f3;grid-template-columns:repeat(8,1fr);font-size:12px;font-weight:900;display:grid;position:absolute;bottom:0;left:22px;right:0}.board-loading{color:#d7c8b3;letter-spacing:.16em;margin:auto;font-size:15px}.info-grid{grid-template-columns:1.1fr 1.25fr .8fr 1.2fr;gap:10px;min-height:0;display:grid}.info-window{background:linear-gradient(145deg,#162745,#111c32);border:1px solid #35527e;border-radius:11px;min-width:0;min-height:0;padding:11px 13px;overflow:hidden;box-shadow:0 7px 20px #0003}.info-window h2{color:#d5e0f3;letter-spacing:.13em;margin:0 0 7px;font-size:10px;font-weight:850}.chess-status{align-items:center;gap:10px;height:calc(100% - 20px);display:flex}.chess-status .status-indicator{background:#ffd15a;border-radius:50%;flex:none;width:18px;height:18px;box-shadow:0 0 0 4px #ffd15a25,0 0 15px #ffd15a66}.chess-status .status-indicator.status-live{background:#55e1ad;box-shadow:0 0 0 4px #55e1ad25,0 0 15px #55e1ad66}.chess-status div{gap:4px;min-width:0;display:grid}.chess-status b{letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,1.1vw,15px);overflow:hidden}.chess-status small{color:#b6c6df;font-size:10px}.check-warning{color:#ffc1ae;text-align:center;letter-spacing:.06em;background:#532a26;border-radius:4px;margin-top:6px;padding:5px;font-size:9px;font-weight:900}.command-card>p{color:#d3def1;margin:0 0 6px;font-size:11px}.say-label{color:#aac2f2;letter-spacing:.14em;margin:6px 0 4px;font-size:8px;font-weight:900}.example-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.example{background:#203252;border:1px solid #334b70;border-left:2px solid #83a9f4;border-radius:6px;gap:3px;padding:6px 7px;display:grid}.example b{color:#f4f7ff;font-size:11px;line-height:1.2}.example span{color:#c0cde1;font-size:9px;line-height:1.2}.chess-metrics{grid-template-columns:1fr 1fr;align-items:center;gap:7px;height:calc(100% - 18px);display:grid}.chess-metrics>div{background:#172440;border:1px solid #304365;border-radius:8px;justify-items:center;gap:7px;min-width:0;padding:10px 5px;display:grid}.chess-metrics small{color:#b9c9e5;letter-spacing:.08em;white-space:nowrap;font-size:8px;font-weight:850}.chess-metrics b{color:#f5f7ff;font-size:26px}.moves-card{flex-direction:column;display:flex}.moves-head{color:#b9c9e5;letter-spacing:.11em;justify-content:space-between;align-items:center;font-size:9px;font-weight:900;display:flex}.move-list{scrollbar-color:#49618f transparent;scrollbar-width:thin;grid-template-columns:1fr 1fr;column-gap:7px;min-height:0;margin-top:5px;display:grid;overflow:auto}.move-list>div{color:#f1e5d0;background:#111d35;border:1px solid #304365;border-radius:5px;grid-template-columns:19px 1fr 1fr;align-items:center;gap:4px;min-height:25px;padding:4px 6px;font-size:10px;display:grid}.move-list>div b{color:#9fbdf3;font-size:8px}.move-list>p{color:#a9b6d0;margin:7px}.site-footer{color:#91a4c3;letter-spacing:.12em;border-top:1px solid #2d405f;justify-content:space-between;align-items:center;font-size:9px;font-weight:850;display:flex}.site-footer b{color:#83a5e9;margin:0 4px}.result-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a15bb;place-items:center;padding:20px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.result-dialog{text-align:center;background:radial-gradient(at 50% 0,#243d69,#111c32 64%);border:1px solid #6387c4;border-radius:18px;width:min(480px,95vw);padding:26px 30px 22px;animation:.22s cubic-bezier(.2,.85,.2,1) pop-in;box-shadow:0 30px 100px #000b,inset 0 1px #ffffff20}.result-mark{color:#ffd15a;background:#1b2d4e;border:1px solid #637ca6;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 10px;font-size:30px;font-weight:900;display:grid}.result-mark.win{color:#ff7771;background:#472530;border-color:#dc6d70}.result-kicker{color:#a9c2eb;letter-spacing:.17em;margin:0;font-size:10px;font-weight:900}.result-dialog h2{color:#f5f8ff;margin:8px 0;font-size:25px}.result-copy{color:#ccd7e9;margin:0 0 14px;font-size:14px;line-height:1.4}.result-voice{text-align:left;max-width:390px;margin:0 auto 12px}.result-new-match{letter-spacing:.1em;background:linear-gradient(#3569b4,#234776);border:1px solid #9dbdf7;border-radius:9px;width:100%;height:49px;font-size:12px;font-weight:900}.result-new-match span{color:#cfdeff;margin-left:8px;font-size:17px}.result-review{color:#adc1e1;letter-spacing:.12em;background:0 0;border:0;margin-top:10px;font-size:10px;font-weight:850}.result-review:hover{color:#fff}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.shell{grid-template-rows:58px minmax(450px,1fr) auto 29px;height:auto;min-height:100dvh;overflow:visible}.board-wrap{width:min(100%,82vw,64vh)}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:125px}.move-list{grid-template-columns:1fr 1fr}}@media (width<=560px){.shell{grid-template-rows:54px minmax(390px,auto) auto 27px;gap:7px;min-height:100dvh;padding:0 10px}.topbar{padding:0}.brand{letter-spacing:.08em;gap:7px;font-size:9px}.brand-symbol{border-radius:8px;grid-template-rows:repeat(2,5px);grid-template-columns:repeat(2,5px);gap:2px;width:28px;height:28px}.brand-symbol i{width:5px;height:5px}.page-title{font-size:12px}.top-actions{gap:6px}.live{font-size:0}.live i{width:9px;height:9px}.new-game{height:34px;padding:0 7px;font-size:8px}.board-frame{min-height:390px;padding:7px}.board-wrap{width:min(100%,100vw - 48px);padding-bottom:18px;padding-left:18px}.rank-labels{font-size:10px;bottom:18px}.file-labels{font-size:10px;left:18px}.piece{font-size:clamp(28px,8.8vw,45px)}.target-coordinate{min-width:25px;height:20px;font-size:11px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:112px;gap:7px}.info-window{padding:9px}.info-window h2{font-size:8px}.chess-status{gap:6px}.chess-status .status-indicator{width:12px;height:12px}.chess-status b{font-size:9px}.chess-status small{font-size:7px}.command-card>p{font-size:8px}.say-label{font-size:6px}.example-list{gap:4px}.example{padding:5px}.example b{font-size:8px}.example span{font-size:7px}.chess-metrics>div{gap:5px;padding:7px 2px}.chess-metrics small{font-size:6px}.chess-metrics b{font-size:20px}.moves-head{font-size:7px}.move-list>div{min-height:21px;padding:3px;font-size:8px}.move-list>div b{font-size:6px}.site-footer{letter-spacing:.07em;font-size:6px}.site-footer span:last-child{display:none}.result-dialog{padding:21px 18px}.result-dialog h2{font-size:21px}.result-copy{font-size:13px}.result-voice .say-command b{font-size:12px}}