@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Inter:wght@500;600;700;800&display=swap');

:root{color-scheme:dark;--gold:#e6bd69;--cream:#f2e6ca;--ink:#080b14;--panel:#111622;--blue:#5c789c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#03050a;font-family:Inter,system-ui,sans-serif;color:#f8f2e7}body{overflow:hidden}.chess-shell{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#263348 0,#0b101b 38%,#020307 100%)}.chess-stage{position:relative;width:min(100vw,calc(100dvh * .5625));height:min(100dvh,177.778vw);min-height:620px;overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(77,101,132,.28),transparent 34%),linear-gradient(155deg,#131a28 0,#070a11 50%,#101522 100%);box-shadow:0 0 80px #000;isolation:isolate}.chess-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;transform:perspective(500px) rotateX(56deg) scale(1.5);opacity:.5}.chess-ambience i{position:absolute;border-radius:50%;filter:blur(45px);opacity:.18}.chess-ambience i:nth-child(1){width:50%;height:25%;background:#7aa4d6;top:25%;left:-20%}.chess-ambience i:nth-child(2){width:45%;height:22%;background:#e0a448;top:48%;right:-20%}.chess-ambience i:nth-child(3){width:70%;height:15%;background:#31537b;bottom:5%;left:15%}.chess-header{position:relative;z-index:3;height:8.5%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid rgba(230,189,105,.22);background:linear-gradient(180deg,rgba(3,5,10,.9),rgba(3,5,10,.35))}.chess-brand{display:flex;align-items:center;gap:10px}.chess-brand__mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--gold);transform:rotate(45deg);color:var(--gold);font-size:25px;background:#101520}.chess-brand__mark::first-letter{transform:rotate(-45deg)}.chess-brand span:last-child{display:flex;flex-direction:column}.chess-brand strong{font:700 clamp(12px,3vw,20px)/1 Cinzel,serif;letter-spacing:.08em}.chess-brand small{font-size:7px;letter-spacing:.35em;color:var(--gold);margin-top:5px}.chess-live{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 6px;text-align:right}.chess-live i{width:6px;height:6px;border-radius:50%;background:#e35b55;box-shadow:0 0 10px #e35b55;animation:pulse 1.5s infinite}.chess-live span{font-size:7px;letter-spacing:.16em}.chess-live strong{grid-column:1/3;font-size:10px;color:#9ca8b9;font-variant-numeric:tabular-nums}.chess-match{position:relative;z-index:2;height:10%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4%;background:rgba(5,8,14,.56)}.chess-match>div{display:flex;align-items:center;gap:7px}.chess-match>div:last-child{justify-content:flex-end}.chess-match p{margin:0;display:flex;flex-direction:column}.chess-match div:last-child p{text-align:right}.chess-match small{font-size:6px;letter-spacing:.14em;color:#8d99aa}.chess-match p strong{font:700 10px Cinzel,serif;letter-spacing:.08em}.chess-match div>b{font:700 21px Cinzel,serif;color:var(--gold)}.chess-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font:700 13px Cinzel,serif}.chess-avatar--white{background:#eee3cd;color:#151922;border:2px solid white}.chess-avatar--black{background:#111722;border:2px solid #7083a0;color:#dce5ef}.chess-match>span{text-align:center;border-left:1px solid #273043;border-right:1px solid #273043;padding:0 10px;display:flex;flex-direction:column}.chess-match>span small{font-size:6px;letter-spacing:.2em}.chess-match>span strong{font:700 18px Cinzel,serif;color:var(--gold)}.chess-board-wrap{position:relative;z-index:2;padding:0 4.5%}.chess-turn{height:5.2dvh;min-height:32px;display:flex;align-items:center;gap:8px;padding:0 7px;color:#9aa4b3;transition:.25s}.chess-turn span{font-size:19px}.chess-turn strong{font:700 9px Cinzel,serif;letter-spacing:.13em}.chess-turn small{margin-left:auto;font-size:14px;font-variant-numeric:tabular-nums}.chess-turn.is-active{color:var(--cream);text-shadow:0 0 12px rgba(230,189,105,.4)}.chess-turn.is-active:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 9px var(--gold)}.chess-board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);border:3px solid #bea261;box-shadow:0 16px 50px #000,0 0 0 1px #4c3b20,0 0 40px rgba(230,189,105,.1);transform:perspective(900px) rotateX(1.2deg)}.chess-square{position:relative;display:grid;place-items:center;background:#d8c59e}.chess-square.dark{background:#53687f}.chess-square.last{box-shadow:inset 0 0 0 4px rgba(248,200,82,.65)}.chess-square.check{background:#b94f4d}.chess-square:before{content:attr(data-label);position:absolute;font-size:5px;font-weight:800;opacity:.55;top:2px;left:3px}.chess-piece{width:84%;height:84%;display:grid;place-items:center;font-family:'Times New Roman',serif;font-size:clamp(30px,9vw,61px);line-height:1;transition:transform .24s,filter .24s;user-select:none}.chess-piece.white{color:#fff8e9;text-shadow:0 2px 0 #8d7959,0 4px 7px #111,0 0 2px #000}.chess-piece.black{color:#101722;text-shadow:0 1px 0 #8291a5,0 4px 7px #000,0 0 2px #c7d0dc}.chess-piece.arrive{animation:arrive .36s ease-out}.chess-piece.capture{animation:capture .36s ease-out}.chess-readout{position:relative;z-index:2;text-align:center;height:9%;display:flex;flex-direction:column;align-items:center;justify-content:center}.chess-readout span{font:600 7px Cinzel,serif;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.chess-readout strong{font:700 clamp(16px,4.7vw,30px) Cinzel,serif;margin:3px 0}.chess-readout small{font-size:7px;letter-spacing:.16em;color:#8490a2}.chess-history{position:relative;z-index:2;margin:0 5%;padding:9px 12px;border:1px solid #293245;background:rgba(8,11,18,.7);display:flex;align-items:center;gap:10px}.chess-history>span{font-size:6px;letter-spacing:.16em;color:var(--gold);white-space:nowrap}.chess-history div{display:flex;gap:5px;overflow:hidden}.chess-history i{font-style:normal;font:600 8px Cinzel,serif;color:#bfc7d2;white-space:nowrap}.chess-controls{position:absolute;z-index:5;bottom:2.3%;left:50%;transform:translateX(-50%);display:flex;gap:7px}.chess-controls a,.chess-controls button{width:38px;height:38px;border-radius:50%;border:1px solid #39445a;background:rgba(7,10,17,.88);color:#e4ddcf;display:grid;place-items:center;text-decoration:none}.chess-controls svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.chess-controls .play-icon{display:none}.chess-stage.is-paused .chess-controls .pause-icon{display:none}.chess-stage.is-paused .chess-controls .play-icon{display:block}.chess-controls span{font-size:9px;font-weight:800}.chess-fullscreen{position:absolute;z-index:4;bottom:8%;left:50%;transform:translateX(-50%);border:0;background:transparent;color:#9ba7b9;display:flex;align-items:center;gap:6px}.chess-fullscreen strong{font-size:7px;letter-spacing:.1em}.chess-fullscreen small{display:none}.chess-result,.chess-pause{position:absolute;z-index:10;inset:18% 4.5% 17%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(5,8,14,.9);backdrop-filter:blur(8px);border:1px solid rgba(230,189,105,.5);animation:reveal .45s}.chess-result[hidden],.chess-pause[hidden]{display:none}.chess-result small,.chess-pause span{font:700 9px Cinzel,serif;letter-spacing:.3em;color:var(--gold)}.chess-result strong,.chess-pause strong{font:800 clamp(28px,8vw,50px) Cinzel,serif;margin:12px}.chess-result span{font-size:9px;color:#a8b2c1}.chess-pause button{margin-top:18px;padding:11px 18px;border:1px solid var(--gold);background:transparent;color:white}.chess-vignette{pointer-events:none;position:absolute;z-index:15;inset:0;box-shadow:inset 0 0 70px rgba(0,0,0,.55)}@keyframes pulse{50%{opacity:.3}}@keyframes arrive{0%{transform:scale(.5);filter:brightness(2)}70%{transform:scale(1.15)}}@keyframes capture{0%{transform:scale(1.3);filter:drop-shadow(0 0 10px var(--gold))}}@keyframes reveal{from{opacity:0;transform:scale(.92)}}@media(max-height:720px){.chess-header{height:7%}.chess-match{height:8%}.chess-turn{height:4.5dvh}.chess-readout{height:7%}.chess-history{padding:6px 10px}.chess-fullscreen{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}