:root{--hp-gold: var(--gold);--hp-gold-dim: #c8953a;--hp-gold-glow: rgba(244,196,48,.4);--hp-red-dark: #7a0000;--hp-red-mid: #cc0000;--hp-green-dark: #0d2b0d;--hp-green-mid: #1a4a1a;--hp-green-light: #2e7d32;--hp-silver: #b0bec5;--hp-bg: var(--cosmos);--hp-bg2: #0f0f1e;--hp-sq-light: #c9a86c;--hp-sq-dark: #6b3a2a;--hp-sq-sel: rgba(244,196,48,.55);--hp-sq-last: rgba(244,196,48,.28);--hp-text-main: #e8d5a3;--hp-text-dim: #8a7a5a;--hp-border: rgba(244,196,48,.25);--sq-size: clamp(44px,9vw,72px)}body.chess-page{background:var(--hp-bg);color:var(--hp-text-main);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}.chess-header h1,.chess-modal h2,.chess-modal h3{font-family:var(--font-hp-display)}.chess-page{--castle-sky-top: #080418;--castle-sky-mid: #1a0c38;--castle-moon: #fff5d0;--castle-cloud: #ffffff;--castle-mountain: #150d2a;--castle-stone: #4a3d5c;--castle-stone-dark: #2a1d3c;--castle-glow: rgba(255, 210, 50, .85);--castle-mist: rgba(255, 230, 150, .12);--castle-fg: #0d0820}body[data-house=b]{--castle-sky-top: #020c08;--castle-sky-mid: #041a10;--castle-stone: #2d4a3a;--castle-stone-dark: #162a1e;--castle-glow: rgba(80, 255, 140, .85);--castle-mist: rgba(80, 255, 140, .08);--castle-fg: #050f08}#chess-fx{position:fixed;inset:0;pointer-events:none;z-index:10}#chess-castle{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}#chess-castle-svg{width:100%;height:260vh;animation:castle-pan 70s ease-in-out infinite alternate}@keyframes castle-pan{0%{transform:translateY(-160vh)}to{transform:translateY(0)}}@media not (pointer:fine){#chess-castle-svg{animation-duration:120s}}#chess-app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem}.chess-header{text-align:center;padding:.5rem 1rem;border-bottom:1px solid var(--hp-border);width:100%;max-width:960px}.chess-header h1{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700;color:var(--hp-gold);text-shadow:0 0 20px var(--hp-gold-glow),0 0 40px rgba(240,192,64,.25);letter-spacing:.08em}.chess-header p{font-size:.85rem;color:var(--hp-text-dim);margin-top:.2rem;letter-spacing:.12em;text-transform:uppercase}.chess-main{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:flex-start;width:100%;max-width:960px}.chess-board-section{display:flex;flex-direction:column;align-items:center;gap:.4rem}.chess-player-label{font-family:var(--font-body);font-size:.9rem;font-weight:700;letter-spacing:.1em;padding:.35rem 1rem;border-radius:4px;text-transform:uppercase}.chess-player-label--gryffindor{background:linear-gradient(90deg,var(--hp-red-dark),#5a0000);color:var(--hp-gold);border:1px solid var(--hp-gold-dim);box-shadow:0 0 12px #7a000080}.chess-player-label--slytherin{background:linear-gradient(90deg,var(--hp-green-dark),var(--hp-green-mid));color:var(--hp-silver);border:1px solid var(--hp-green-light);box-shadow:0 0 12px #1a4a1a80}.chess-board-wrapper{display:flex;align-items:center;gap:4px}.chess-rank-labels{display:flex;flex-direction:column;gap:0}.chess-rank-labels span{width:18px;height:var(--sq-size);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;color:var(--hp-text-dim)}.chess-file-labels{display:flex;margin-left:22px}.chess-file-labels span{width:var(--sq-size);height:18px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;color:var(--hp-text-dim)}#chess-board{display:grid;grid-template-columns:repeat(8,var(--sq-size));grid-template-rows:repeat(8,var(--sq-size));background:var(--hp-sq-dark);border:2px solid var(--hp-gold-dim);contain:layout style;box-shadow:0 0 0 4px #0009,0 0 30px #f4c43026,0 8px 32px #000c}.chess-square{position:relative;width:var(--sq-size);height:var(--sq-size);display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.chess-square--light{background:var(--hp-sq-light)}.chess-square--dark{background:var(--hp-sq-dark)}#chess-board[data-house=b]{background:#1e4a2a}#chess-board[data-house=b] .chess-square--light{background:#8aab8a}#chess-board[data-house=b] .chess-square--dark{background:#1e4a2a}.chess-square:hover{filter:brightness(1.12)}.chess-square--selected{background:var(--hp-sq-sel)!important}.chess-square--last{background:var(--hp-sq-last)!important}.chess-square--check:before{content:"";position:absolute;inset:0;background:#c80000;pointer-events:none;animation:chess-pulse-check .8s ease-in-out infinite alternate}@keyframes chess-pulse-check{0%{opacity:.4}to{opacity:.7}}.chess-square--hint:after{content:"";position:absolute;width:32%;height:32%;border-radius:50%;background:#0000004d;pointer-events:none}.chess-square--hint-capture:after{content:"";position:absolute;inset:4%;border-radius:50%;border:4px solid rgba(0,0,0,.3);background:transparent;pointer-events:none}.chess-piece{pointer-events:none;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.chess-piece svg{width:calc(var(--sq-size) * .82);height:calc(var(--sq-size) * .82);display:block}.chess-piece--white{color:var(--hp-gold)}.chess-piece--black{color:#90ee90}#chess-board:not([data-classic]) .chess-piece--white{filter:drop-shadow(-1px -1px 0 rgba(0,0,0,.9)) drop-shadow(1px -1px 0 rgba(0,0,0,.9)) drop-shadow(-1px 1px 0 rgba(0,0,0,.9)) drop-shadow(1px 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(244,196,48,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.8))}#chess-board:not([data-classic]) .chess-piece--black{filter:drop-shadow(-1px -1px 0 rgba(0,0,0,.9)) drop-shadow(1px -1px 0 rgba(0,0,0,.9)) drop-shadow(-1px 1px 0 rgba(0,0,0,.9)) drop-shadow(1px 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(46,200,80,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.8))}.chess-piece--classic{font-size:calc(var(--sq-size) * .82);line-height:1;display:block}.chess-panel{width:260px;display:flex;flex-direction:column;gap:.8rem;flex-shrink:0}.chess-panel-card{background:#0f0a05d9;border:1px solid var(--hp-border);border-radius:6px;padding:.7rem .9rem;backdrop-filter:blur(4px)}.chess-panel-card h3{font-family:var(--font-body);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--hp-gold-dim);margin-bottom:.5rem;border-bottom:1px solid var(--hp-border);padding-bottom:.35rem}.chess-status{font-size:.9rem;text-align:center;padding:.5rem .75rem;border-radius:4px;border:1px solid var(--hp-border);background:#0f0a05e6;min-height:2.4rem;display:flex;align-items:center;justify-content:center}.chess-status--player{border-color:var(--hp-gold);color:var(--hp-gold);background:#1e1400e6;animation:chess-player-pulse 1.8s ease-in-out infinite}@keyframes chess-player-pulse{0%,to{opacity:1}50%{opacity:.5}}.chess-status--check{border-color:#c60;color:#fa4;background:#3c1400e6}.chess-status--checkmate{border-color:var(--hp-red-mid);color:#f66;background:#500000e6}.chess-status--stalemate,.chess-status--draw{border-color:#666;color:#aaa}.chess-status--ai{border-color:var(--hp-green-light);color:#90ee90;background:#001400e6;animation:chess-ai-pulse 1.4s ease-in-out infinite}@keyframes chess-ai-pulse{0%,to{opacity:1}50%{opacity:.45}}#chess-board[data-thinking]{opacity:.45;cursor:wait}.chess-status--win{border-color:var(--hp-gold);color:var(--hp-gold);background:#281400e6;animation:chess-glow-gold 1s ease-in-out infinite alternate}@keyframes chess-glow-gold{0%{box-shadow:0 0 6px var(--hp-gold-glow)}to{box-shadow:0 0 18px var(--hp-gold-glow)}}#chess-move-history{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--hp-gold-dim) transparent;font-size:.75rem}.chess-history-entry{padding:3px 6px;border-radius:3px;line-height:1.4;color:var(--hp-text-dim)}.chess-history-entry--player{color:var(--hp-gold-dim)}.chess-history-entry--ai{color:#7ec87e}.chess-history-num{color:var(--hp-text-dim);margin-right:4px;font-style:italic}.chess-history-entry--latest{background:#f4c43014}.chess-controls{display:flex;flex-direction:column;gap:.4rem}.chess-controls-row{display:flex;gap:.5rem}.chess-btn{flex:1;padding:.45rem .5rem;font-family:var(--font-sans);font-size:.8rem;border:1px solid var(--hp-border);border-radius:4px;cursor:pointer;background:#140f05e6;color:var(--hp-text-main);transition:opacity .1s;letter-spacing:.04em}.chess-btn:hover{background:#281e0af2;border-color:var(--hp-gold-dim);color:var(--hp-gold)}.chess-btn:active{transform:scale(.97)}.chess-btn:disabled{opacity:.4;cursor:not-allowed}.chess-btn--icon{flex:0 0 2.4rem;padding:.45rem 0;text-align:center}.chess-legend{display:flex;flex-direction:column;gap:5px}.chess-legend-item{display:flex;align-items:center;gap:8px;font-size:.72rem}.chess-legend-piece{width:48px;height:48px;flex-shrink:0}.chess-legend-piece--white{color:var(--hp-gold)}.chess-legend-piece--black{color:#90ee90}.chess-legend-names{color:var(--hp-text-main);line-height:1.3;font-family:var(--font-sans)}.chess-legend-role{color:var(--hp-text-dim);font-size:.65rem}.chess-overlay{position:fixed;inset:0;z-index:100;background:#000000e0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}.chess-overlay--hidden{display:none}.chess-modal{background:linear-gradient(160deg,#1a0e04,#0a0a18);border:1px solid var(--hp-gold-dim);border-radius:10px;padding:2rem;max-width:460px;width:90%;text-align:center;box-shadow:0 0 40px #f4c43033,0 20px 60px #000c}.chess-modal h2{font-size:1.6rem;color:var(--hp-gold);margin-bottom:.5rem;text-shadow:0 0 16px var(--hp-gold-glow)}.chess-modal h3{font-size:1.1rem;color:var(--hp-gold);margin-bottom:1rem}.chess-modal p{font-size:.9rem;color:var(--hp-text-main);line-height:1.6;margin-bottom:.6rem}.chess-house-row{display:flex;gap:1rem;justify-content:center;margin:1.2rem 0}.chess-house-card{flex:1;max-width:160px;padding:1rem .75rem;border-radius:8px;border:2px solid var(--hp-border);cursor:pointer;background:#140f05cc;transition:opacity .1s;user-select:none}.chess-house-card:hover{border-color:var(--hp-gold-dim)}.chess-house-card--gryffindor.chess-house-card--active{border-color:var(--hp-gold);background:#7a000040;box-shadow:0 0 16px #f4c43040}.chess-house-card--slytherin.chess-house-card--active{border-color:var(--hp-green-light);background:#0d2b0d59;box-shadow:0 0 16px #2e7d3240}.chess-house-icon{font-size:2.4rem;display:block;margin-bottom:.4rem}.chess-house-name{font-family:var(--font-body);font-size:1rem;font-weight:700}.chess-house-role{font-size:.72rem;color:var(--hp-text-dim);margin-top:.2rem}.chess-house-card--gryffindor .chess-house-name{color:var(--hp-gold)}.chess-house-card--slytherin .chess-house-name{color:#90ee90}.chess-modal-section-label{font-size:.82rem;color:var(--hp-text-dim);margin-bottom:.3rem}.chess-diff-row{display:flex;gap:.5rem;justify-content:center;margin:.75rem 0 1.25rem}.chess-diff-pill{padding:.3rem 1rem;border-radius:20px;border:1px solid var(--hp-border);font-family:var(--font-sans);font-size:.8rem;background:#140f05cc;color:var(--hp-text-main);cursor:pointer;transition:opacity .1s}.chess-diff-pill:hover{border-color:var(--hp-gold-dim)}.chess-diff-pill--active{border-color:var(--hp-gold);background:#f4c4301f;color:var(--hp-gold)}.chess-begin-btn{margin-top:.5rem;padding:.7rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(90deg,var(--hp-red-dark),#660000);color:var(--hp-gold);border:2px solid var(--hp-gold-dim);border-radius:6px;cursor:pointer;transition:transform .1s;text-transform:uppercase}.chess-begin-btn:hover{background:linear-gradient(90deg,#900,#800);box-shadow:0 0 20px var(--hp-gold-glow);transform:translateY(-1px)}.chess-begin-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.chess-promo-choices{display:flex;justify-content:center;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.chess-promo-btn{width:70px;height:70px;background:#140f05f2;border:2px solid var(--hp-border);border-radius:8px;color:var(--hp-gold);cursor:pointer;transition:transform .1s;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.chess-promo-btn:hover{border-color:var(--hp-gold);box-shadow:0 0 12px var(--hp-gold-glow);transform:scale(1.06)}.chess-promo-label{font-size:.58rem;color:var(--hp-text-dim);letter-spacing:.05em;font-family:var(--font-sans)}.chess-promo-svg{width:2.4rem;height:2.4rem;display:block;margin:0 auto .25rem}@media(max-width:640px){.chess-main{flex-direction:column;align-items:center}.chess-panel{width:100%;max-width:calc(8 * var(--sq-size) + 22px)}#chess-move-history{max-height:140px}.chess-house-card{padding:.75rem .5rem}}