: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}*{box-sizing:border-box}body{background:radial-gradient(at 48% -30%,#3a3127 0,#0000 60%),linear-gradient(#17181d,#101115 68%);min-width:360px;min-height:100vh;margin:0}button{font:inherit;color:inherit;cursor:pointer}.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}.chessboard{aspect-ratio:1;border:4px solid #473b2e;border-radius:5px;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;transition:filter .12s,box-shadow .12s;display:grid;position:relative}.square:disabled{cursor:default}.square.light{background:var(--boardlight)}.square.dark{background:var(--boarddark)}.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}.selected{z-index:3;box-shadow:inset 0 0 0 5px #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;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}.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:#e5d4bb;grid-template-rows:repeat(8,1fr);align-items:center;font-size:15px;font-weight:900;display:grid;position:absolute;top:0;bottom:27px;left:2px}.file-labels{text-align:center;color:#e5d4bb;grid-template-columns:repeat(8,1fr);font-size:15px;font-weight:900;display:grid;position:absolute;bottom:0;left:27px;right:0}.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}.board-loading{color:#d7c8b3;letter-spacing:.16em;margin:auto;font-size:15px}.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}.say-label{color:#bea27f;letter-spacing:.14em;margin:13px 0 7px;font-size:9px;font-weight:900}.example-list{gap:7px;display:grid}.example{background:#2a2724;border-left:3px solid #b98146;gap:3px;padding:8px 10px;display:grid}.example b{color:#fff1dc;font-size:15px;line-height:1.25}.example span{color:#c7c3be;font-size:12px;line-height:1.3}.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}.check-warning{color:#ffc1ae;text-align:center;letter-spacing:.1em;background:#532a26;border-radius:3px;margin-top:9px;padding:8px;font-size:11px;font-weight:900}.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 b{color:#a9a9b1;font-size:10px}.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}.white-piece{color:#fffdf6;-webkit-text-stroke:1.7px #30251c;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:1.4px #fff0d4;text-shadow:0 1px 1px #000}.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-top span:first-child{color:#b8ceff}.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;justify-content:space-between;align-items:center;height:72px;display: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-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(2,minmax(0,1fr))}.tool-card{min-height:158px}.tool-mark{grid-row:1/3}.tool-card h3{margin-top:10px}.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{height:60px}.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{grid-template-columns:1fr}.landing-card{min-height:155px}.tool-grid{grid-template-columns:1fr}.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}}.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}.chess-metrics b{color:#f5f7ff;font-size:20px}