@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--frame-border: #bd93f9;--frame-glow: rgba(189, 147, 249, .4);--bg-base: #0a0518;--title-color: #ff79c6;--accent: #bd93f9;--status-color: #f1fa8c;--eval-color: #50fa7b;--warning-color: #ff5555;--warning-imminent: #ff79c6}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-base);color:#f8f8f2;font-family:"Press Start 2P",monospace;min-height:100vh;overflow-x:hidden;transition:background .5s}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#app{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;min-height:100vh}h1{font-size:1.6rem;color:var(--title-color);text-shadow:0 0 10px var(--title-color),0 0 30px var(--title-color),2px 2px 0 rgba(0,0,0,.5);letter-spacing:4px;animation:titleGlow 2s ease-in-out infinite alternate;transition:color .5s}@keyframes titleGlow{0%{filter:brightness(1)}to{filter:brightness(1.3)}}.subtitle{text-align:center;color:#6272a4;font-size:.5rem;line-height:1.6;max-width:500px}#theme-selector{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}#theme-selector button{padding:6px 12px;font-size:.4rem;border:2px solid var(--accent);background:transparent;color:#999;transition:all .2s}#theme-selector button.active{background:var(--accent);color:#000;box-shadow:0 0 10px var(--frame-glow)}#theme-selector button:hover{color:#fff;border-color:var(--title-color)}#elo-display{font-size:.5rem;color:#6272a4;letter-spacing:2px;transition:color .3s}#elo-value{transition:color .3s,text-shadow .3s}#elo-display.favor-white #elo-value{color:#f8f8f2;text-shadow:0 0 8px rgba(248,248,242,.6)}#elo-display.favor-black #elo-value{color:#ff79c6;text-shadow:0 0 8px rgba(255,121,198,.6)}#elo-display.favor-even #elo-value{color:#6272a4;text-shadow:0 0 4px rgba(98,114,164,.4)}#speed-bonus{font-size:.55rem;color:#50fa7b;letter-spacing:2px;padding:4px 14px;border:2px solid #50fa7b;background:#50fa7b14;text-shadow:0 0 8px #50fa7b,0 0 20px rgba(80,250,123,.5);box-shadow:0 0 10px #50fa7b33;transition:opacity .5s}#speed-bonus.hidden{visibility:hidden;pointer-events:none}#speed-bonus.flash{animation:bonusFlash .8s ease-out}#speed-bonus-value{color:#f1fa8c;text-shadow:0 0 8px #f1fa8c}@keyframes bonusFlash{0%{transform:scale(1.5);filter:brightness(2)}40%{transform:scale(1.1)}to{transform:scale(1);filter:brightness(1)}}#chaos-warning{font-size:.7rem;color:var(--warning-color);text-shadow:0 0 10px var(--warning-color),0 0 25px var(--warning-color);letter-spacing:3px;padding:6px 16px;border:2px solid var(--warning-color);background:#ff555514;animation:warningPulse 1s steps(2) infinite;transition:all .3s;min-height:2em}#chaos-warning.hidden{visibility:hidden;pointer-events:none}#chaos-warning.imminent{font-size:.85rem;color:var(--warning-imminent);border-color:var(--warning-imminent);text-shadow:0 0 15px var(--warning-imminent),0 0 35px var(--warning-imminent);animation:warningPulse .4s steps(2) infinite}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.5}}#chaos-count{color:var(--status-color);text-shadow:0 0 10px var(--status-color)}#eval-bar-container{display:flex;align-items:center;gap:10px;width:100%;max-width:488px}#eval-bar{flex:1;height:14px;background:#44475a;border:2px solid var(--accent);transition:border-color .5s}#eval-white{height:100%;width:50%;background:linear-gradient(90deg,var(--eval-color),#f8f8f2);transition:width .5s ease,background .5s}#eval-text{font-size:.6rem;color:var(--eval-color);min-width:70px;text-align:right;text-shadow:0 0 8px var(--eval-color);transition:color .5s}#board-area{display:flex;align-items:center;gap:12px}#elo-slider-container{display:flex;flex-direction:column;align-items:center;gap:8px;height:min(476px,88vw)}#elo-slider-label{font-size:.45rem;color:var(--accent);letter-spacing:2px;text-shadow:0 0 6px var(--frame-glow)}#elo-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;flex:1;width:20px;background:transparent;cursor:pointer}#elo-slider::-webkit-slider-runnable-track{width:6px;background:#44475a;border:1px solid var(--accent);border-radius:3px}#elo-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--accent);border:2px solid var(--title-color);border-radius:0;margin-left:-6px;box-shadow:0 0 8px var(--frame-glow);cursor:grab}#elo-slider::-moz-range-track{width:6px;background:#44475a;border:1px solid var(--accent);border-radius:3px}#elo-slider::-moz-range-thumb{width:18px;height:18px;background:var(--accent);border:2px solid var(--title-color);border-radius:0;box-shadow:0 0 8px var(--frame-glow);cursor:grab}#elo-slider-value{font-size:.4rem;color:var(--eval-color);text-shadow:0 0 6px var(--eval-color);min-width:40px;text-align:center}#board-frame{padding:6px;background:#0000004d;border:3px solid var(--frame-border);box-shadow:0 0 15px var(--frame-glow),0 0 40px var(--frame-glow),inset 0 0 10px #00000080;position:relative;transition:border-color .5s,box-shadow .5s}#board-frame:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:10}#board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(476px,88vw);height:min(476px,88vw);image-rendering:pixelated;position:relative}.square{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .3s;image-rendering:pixelated;overflow:visible}.square.light{background:#2d2b55}.square.dark{background:#1b1a36}.square.selected{background:#ffb86c!important;box-shadow:inset 0 0 8px #ffb86c99}.square.legal-move:after{content:"";position:absolute;width:10px;height:10px;background:#50fa7b;box-shadow:0 0 6px #50fa7b}.square.legal-capture:after{content:"";position:absolute;width:80%;height:80%;border:3px solid #ff5555;box-shadow:0 0 6px #ff555580;background:transparent}.square.last-move{box-shadow:inset 0 0 8px #50fa7b40}.square.last-move:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px solid rgba(80,250,123,.6);clip-path:polygon(0 0,30% 0,30% 2px,2px 2px,2px 30%,0 30%,0 70%,2px 70%,2px 98%,30% 98%,30% 100%,0 100%,100% 100%,70% 100%,70% 98%,98% 98%,98% 70%,100% 70%,100% 30%,98% 30%,98% 2px,70% 2px,70% 0,100% 0);pointer-events:none;z-index:2}.square.chaos-highlight{animation:chaosFlash .6s ease-out}@keyframes chaosFlash{0%{background:var(--title-color);box-shadow:inset 0 0 20px var(--title-color)}50%{background:var(--accent)}to{background:inherit}}.piece{width:80%;height:80%;object-fit:contain;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.5));z-index:5}#status{font-size:.6rem;min-height:1.5em;text-align:center;color:var(--status-color);text-shadow:0 0 8px var(--status-color);transition:color .5s}#status.thinking{color:var(--title-color);animation:pulse .8s steps(2) infinite;text-shadow:0 0 8px var(--title-color)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#controls{margin-top:4px}#controls button{background:#44475a;color:#f8f8f2;border:2px solid var(--accent);padding:10px 20px;font-size:.55rem;text-transform:uppercase;letter-spacing:1px}#controls button:hover{background:var(--accent);color:#000;box-shadow:0 0 12px var(--frame-glow)}button{font-family:"Press Start 2P",monospace;cursor:pointer;transition:all .15s}button:active{transform:scale(.95)}#famous-callout{font-size:.55rem;color:#ffeb3b;text-align:center;max-width:500px;padding:8px 16px;border:2px solid #ffeb3b;background:#ffeb3b14;text-shadow:0 0 10px #ffeb3b,0 0 25px rgba(255,235,59,.5);box-shadow:0 0 12px #ffeb3b33,inset 0 0 12px #ffeb3b0d;letter-spacing:1px;line-height:1.6;animation:famousFlash .5s ease-out,famousPulse 1.5s ease-in-out .5s infinite alternate;transition:opacity .5s;min-height:2em}#famous-callout.hidden{display:none}@keyframes famousFlash{0%{transform:scale(1.3);opacity:0;filter:brightness(2)}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);filter:brightness(1)}}@keyframes famousPulse{0%{text-shadow:0 0 10px #ffeb3b,0 0 25px rgba(255,235,59,.5)}to{text-shadow:0 0 15px #ffeb3b,0 0 40px rgba(255,235,59,.7),0 0 60px rgba(255,235,59,.3)}}#leaderboard-panel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#leaderboard-panel.hidden{display:none}.lb-modal{position:relative;width:90%;max-width:560px;max-height:80vh;overflow-y:auto;padding:28px 24px 24px;border:3px solid var(--accent);background:#0a0518f2;box-shadow:0 0 30px var(--frame-glow),0 0 60px var(--frame-glow),inset 0 0 20px #00000080}.lb-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border:2px solid var(--accent);background:transparent;color:var(--accent);font-family:"Press Start 2P",monospace;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.lb-close:hover{background:var(--accent);color:#000;box-shadow:0 0 12px var(--frame-glow)}.lb-title{font-size:.7rem;color:var(--title-color);text-shadow:0 0 10px var(--title-color);text-align:center;letter-spacing:3px;margin-bottom:12px}.lb-empty{font-size:.4rem;color:#6272a4;text-align:center;padding:12px}.lb-table{width:100%;border-collapse:collapse;font-size:.35rem}.lb-table th{color:var(--accent);text-shadow:0 0 6px var(--frame-glow);padding:6px 4px;border-bottom:1px solid var(--accent);text-align:left}.lb-table td{padding:5px 4px;border-bottom:1px solid rgba(98,114,164,.2);color:#ccc}.lb-table tr.lb-gold td{color:gold;text-shadow:0 0 6px rgba(255,215,0,.5)}.lb-table tr.lb-silver td{color:silver;text-shadow:0 0 4px rgba(192,192,192,.4)}.lb-table tr.lb-bronze td{color:#cd7f32;text-shadow:0 0 4px rgba(205,127,50,.4)}.lb-win{color:#50fa7b!important}.lb-draw{color:#f1fa8c!important}.lb-loss{color:#f55!important}#name-prompt{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200}#name-prompt.hidden{display:none}.name-prompt-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 36px;border:3px solid var(--accent);background:#0a0518f2;box-shadow:0 0 30px var(--frame-glow),0 0 60px var(--frame-glow);max-width:400px;width:90%}.name-prompt-title{font-size:.8rem;color:var(--title-color);text-shadow:0 0 10px var(--title-color);letter-spacing:3px}#name-prompt-result{font-size:.55rem;color:var(--status-color);text-shadow:0 0 8px var(--status-color)}.name-prompt-inner label{font-size:.4rem;color:#6272a4}#player-name-input{font-family:"Press Start 2P",monospace;font-size:.55rem;padding:8px 12px;background:#1a1a2e;border:2px solid var(--accent);color:#f8f8f2;text-align:center;width:100%;max-width:220px;outline:none}#player-name-input:focus{border-color:var(--title-color);box-shadow:0 0 10px var(--frame-glow)}#name-prompt-submit{background:var(--accent);color:#000;border:2px solid var(--accent);padding:8px 20px;font-size:.45rem;text-transform:uppercase;letter-spacing:1px}#name-prompt-submit:hover{background:var(--title-color);border-color:var(--title-color);box-shadow:0 0 12px var(--frame-glow)}#bmc-link{position:fixed;bottom:14px;right:18px;font-family:"Press Start 2P",monospace;font-size:1rem;color:var(--accent);text-decoration:none;opacity:.5;transition:opacity .2s;z-index:100}#bmc-link:hover{opacity:1}