.chess-surface{position:absolute;inset:0;z-index:13;overflow:auto;background:var(--bg);color:var(--text)}.chess-surface[hidden],.chess-match[hidden],.chess-promotion[hidden]{display:none!important}.chess-home{min-height:100%;display:grid;grid-template-columns:minmax(260px,520px) minmax(250px,430px);align-items:center;justify-content:center;gap:clamp(28px,7vw,90px);padding:clamp(28px,6vw,82px)}.chess-kicker{display:block;margin-bottom:14px;color:var(--accent);font:700 11px "Space Mono",monospace;letter-spacing:.16em}.chess-home h2{margin:0;color:var(--white);font:900 clamp(42px,6vw,78px)/.94 "Lato",sans-serif;letter-spacing:-.055em}.chess-home h2 em{color:var(--accent);font-style:normal}.chess-home p{max-width:560px;margin:20px 0 0;color:var(--muted);font:500 16px/1.65 "Lato",sans-serif}.chess-preview{display:grid;grid-template-columns:repeat(8,1fr);align-content:end;aspect-ratio:1;padding:10%;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:24px;background:repeating-conic-gradient(color-mix(in srgb,var(--accent) 15%,#111225) 0 25%,color-mix(in srgb,var(--white) 7%,#17182b) 0 50%) 0/25% 25%;box-shadow:0 34px 80px rgba(0,0,0,.38);transform:rotate(-3deg)}.chess-preview span{align-self:center;text-align:center;color:#c9cbff;font:700 clamp(25px,4vw,50px)/1 Georgia,serif;text-shadow:0 5px 9px #000}.chess-preview i{width:68%;aspect-ratio:1;align-self:center;justify-self:center;border-radius:50%;background:linear-gradient(145deg,#f4f1e7,#aaaecf);box-shadow:inset 0 3px rgba(255,255,255,.5),0 5px 9px rgba(0,0,0,.35)}
.chess-match{min-height:100%;display:grid;grid-template-rows:auto minmax(330px,1fr) auto;gap:12px;padding:clamp(12px,2.5vw,28px)}.chess-match-head,.chess-match-foot{width:min(100%,780px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.chess-match-head>div:nth-child(2){display:flex;min-width:0;flex-direction:column;align-items:center;text-align:center}.chess-match-head #chess-turn{color:var(--white);font:800 clamp(15px,2vw,20px) "Lato",sans-serif}.chess-match-head #chess-rule-hint{margin-top:3px;color:var(--muted);font:600 11px "Space Mono",monospace}.chess-player{display:flex;align-items:center;gap:9px;min-width:0}.chess-player-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,var(--bg2));color:var(--white);font:800 14px "Lato",sans-serif}.chess-player-avatar img{width:100%;height:100%;object-fit:cover}.chess-player span{display:flex;min-width:0;flex-direction:column}.chess-player b{overflow:hidden;color:var(--white);font:800 14px "Lato",sans-serif;text-overflow:ellipsis;white-space:nowrap}.chess-player small{color:var(--muted);font:700 9px "Space Mono",monospace;letter-spacing:.1em;text-transform:uppercase}#chess-resign,#chess-replay{min-height:42px;padding:0 16px;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,var(--bg2));color:var(--text);font:700 11px "Space Mono",monospace;cursor:pointer}#chess-resign:hover,#chess-replay:hover{border-color:color-mix(in srgb,var(--accent) 52%,transparent);background:color-mix(in srgb,var(--accent) 15%,var(--bg2));color:var(--white)}#chess-resign:focus-visible,#chess-replay:focus-visible,.chess-square:focus-visible,.chess-promotion button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 75%,white);outline-offset:3px}.chess-board-wrap{display:grid;place-items:center;min-height:0}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(70vh,100%,680px);aspect-ratio:1;overflow:hidden;border:clamp(7px,1.3vw,14px) solid color-mix(in srgb,var(--accent) 16%,#15162d);border-radius:16px;background:#17182b;box-shadow:0 30px 80px rgba(0,0,0,.42)}.chess-square{position:relative;display:grid;place-items:center;min-width:0;border:0;border-radius:0;background:color-mix(in srgb,var(--white) 9%,#25263a);color:#f0efe9;cursor:default}.chess-square.dark{background:color-mix(in srgb,var(--accent) 23%,#17182b)}.chess-square.can-select,.chess-square.can-move{cursor:pointer}.chess-square.last:after,.chess-square.selected:after{content:"";position:absolute;inset:5%;border:2px solid color-mix(in srgb,#ffe38b 65%,transparent);border-radius:5px}.chess-square.selected:after{border-color:#fff;box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent) 45%,transparent),0 0 12px color-mix(in srgb,var(--accent) 60%,transparent)}.chess-square.can-move:before{content:"";position:absolute;z-index:1;width:25%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--accent) 82%,white);box-shadow:0 0 13px color-mix(in srgb,var(--accent) 58%,transparent)}.chess-square.can-move.has-piece:before{width:76%;background:transparent;border:4px solid color-mix(in srgb,var(--accent) 80%,white)}.chess-piece{position:relative;z-index:2;font:700 clamp(28px,6.1vh,58px)/1 Georgia,"Times New Roman",serif;text-shadow:0 5px 8px rgba(0,0,0,.5);transition:transform .14s}.chess-piece.black{color:#7e82d9;-webkit-text-stroke:1px #d7d8ff}.chess-piece.white{color:#f4f1e7;-webkit-text-stroke:1px #55597f}.chess-square.can-select:hover .chess-piece{transform:translateY(-4px)}.chess-square.in-check{box-shadow:inset 0 0 0 5px rgba(255,74,99,.75),inset 0 0 24px rgba(255,74,99,.42)}
.chess-promotion{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:rgba(5,6,15,.76);backdrop-filter:blur(8px)}.chess-promotion>div{width:min(430px,100%);padding:24px;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:18px;background:var(--bg2);box-shadow:0 24px 80px rgba(0,0,0,.5)}.chess-promotion strong,.chess-promotion>div>span{display:block}.chess-promotion strong{color:var(--white);font:900 21px "Lato",sans-serif}.chess-promotion>div>span{margin:5px 0 18px;color:var(--muted);font:600 12px "Lato",sans-serif}.chess-promotion>div>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.chess-promotion button{min-height:76px;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,var(--bg));color:var(--white);font:900 23px "Space Mono",monospace;cursor:pointer}.chess-promotion button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 17%,var(--bg))}.chess-promotion button small{display:block;margin-top:3px;color:var(--muted);font:600 9px "Lato",sans-serif}.chess-toast{position:absolute;z-index:50;left:50%;bottom:18px;transform:translateX(-50%);max-width:calc(100% - 28px);padding:10px 14px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:10px;background:color-mix(in srgb,var(--bg2) 94%,transparent);box-shadow:0 16px 40px rgba(0,0,0,.4);color:var(--text);font:700 12px "Lato",sans-serif}.chess-toast[hidden]{display:none}.social-game-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-pick-art.chess{display:grid;grid-template-columns:repeat(2,48px);align-content:center;justify-content:center;gap:3px}.game-pick-art.chess i{display:grid;place-items:center;width:48px;height:48px;border-radius:4px;background:color-mix(in srgb,var(--accent) 18%,#17182b);color:#d9daff;font:700 34px Georgia,serif;font-style:normal}.game-pick-art.chess i:nth-child(2),.game-pick-art.chess i:nth-child(3){background:color-mix(in srgb,var(--white) 9%,#25263a)}.social-chess-start{background:linear-gradient(135deg,rgba(139,143,255,.2),rgba(255,220,135,.07))}.social-chess-invite{background:linear-gradient(135deg,rgba(139,143,255,.18),rgba(255,220,135,.09))!important}.social-chess-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,var(--bg2));color:#d8d9ff;font:700 30px Georgia,serif;transform:rotate(3deg)}
@media(max-width:900px){.social-game-picker-grid{grid-template-columns:1fr}.social-game-picker-grid button{min-height:150px}}@media(max-width:700px){.chess-home{grid-template-columns:1fr;padding:28px 20px}.chess-preview{width:min(280px,80vw);margin:auto}.chess-match{padding:10px}.chess-match-head{align-items:flex-start}.chess-player-avatar{width:32px;height:32px}.chess-match-head>div:nth-child(2){order:-1;align-items:flex-start;text-align:left}.chess-match-head #chess-rule-hint{display:none}.chess-board{width:min(100%,calc(100dvh - 230px))}.chess-piece{font-size:clamp(26px,10vw,48px)}.social-chess-start span{display:none}.social-chess-start{width:38px;padding:0}.chess-promotion>div>div{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.chess-piece{transition:none!important}}
.chess-piece.just-moved{animation:chess-move-in .34s cubic-bezier(.2,.9,.3,1.15) both}.chess-square.in-check .chess-piece{animation:chess-check .72s ease-in-out infinite alternate}@keyframes chess-move-in{from{opacity:.3;transform:translateY(-35%) scale(.76)}70%{transform:translateY(4%) scale(1.07)}}@keyframes chess-check{to{transform:scale(1.08);filter:drop-shadow(0 0 10px #ff4a63)}}@media(prefers-reduced-motion:reduce){.chess-piece{animation:none!important}}