*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sq: 70px;--board-size: calc(var(--sq) * 8);--light: #f0e6a8;--dark: #141414;--accent: rgba(255, 210, 0, .55);--accent-ring: rgba(255, 210, 0, .75);--bg: #1e1e1e;--surface: #2a2a2a;--border: #3c3c3c;--text: #e8dfc8;--text-muted: #8a8070;--font: "Georgia", "Times New Roman", serif}html,body{height:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font);display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem}#app{width:100%;display:flex;flex-direction:column;align-items:center}.header{margin-bottom:2rem;text-align:center}.title{font-family:Barrio,cursive;font-size:2.2rem;letter-spacing:.18em;color:var(--light);text-transform:uppercase;font-weight:400}.start-menu{display:flex;justify-content:center;align-items:center;flex:1;padding:2rem 1rem}.start-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 16px 48px #0009;padding:2.5rem 3rem;display:flex;flex-direction:column;align-items:center;gap:2rem;min-width:340px}.start-subtitle{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.mode-tabs{display:flex;width:100%;border:1px solid var(--border)}.mode-tab{flex:1;background:none;border:none;border-right:1px solid var(--border);color:var(--text-muted);font-family:var(--font);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem .5rem;cursor:pointer;transition:background .15s,color .15s}.mode-tab:last-child{border-right:none}.mode-tab:hover{background:#f0e6a812;color:var(--text)}.mode-tab--active{background:#f0e6a81f;color:var(--light)}.cpu-section{display:flex;flex-direction:column;align-items:center;gap:1.75rem;width:100%}.hidden{display:none!important}.color-pick{display:flex;flex-direction:column;align-items:center;gap:.6rem}.color-pick-btns{display:flex;gap:0;border:1px solid var(--border)}.color-pick-btn{background:none;border:none;border-right:1px solid var(--border);color:var(--text-muted);font-family:var(--font);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem .9rem;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.color-pick-btn:last-child{border-right:none}.color-pick-btn:hover{background:#f0e6a814;color:var(--text)}.color-pick-btn--active{background:#f0e6a826;color:var(--light)}.elo-pick{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:100%;max-width:280px}.elo-pick-header{display:flex;justify-content:space-between;align-items:baseline}.elo-display{font-size:.8rem;color:var(--light);letter-spacing:.06em;font-style:italic}.elo-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.elo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--light);box-shadow:0 0 6px #f0e6a880;cursor:pointer;transition:box-shadow .15s}.elo-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--light);box-shadow:0 0 6px #f0e6a880;cursor:pointer}.elo-slider:hover::-webkit-slider-thumb{box-shadow:0 0 10px #f0e6a8cc}.elo-range-labels{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-muted);letter-spacing:.05em}.start-players{display:flex;align-items:center;gap:1.5rem}.start-player{display:flex;flex-direction:column;align-items:center;gap:.5rem}.start-player-icon{font-size:2.2rem;line-height:1;color:var(--light)}.start-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.start-input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:.95rem;padding:.5rem .75rem;width:130px;text-align:center;outline:none;transition:border-color .15s}.start-input::placeholder{color:var(--text-muted);opacity:.6}.start-input:focus{border-color:var(--light)}.start-vs{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);padding-top:1.4rem}.start-btn{background:none;border:1px solid var(--light);color:var(--light);font-family:var(--font);font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;padding:.65rem 2.5rem;cursor:pointer;transition:background .15s,color .15s}.start-btn:hover{background:#f0e6a81f}.start-btn:active{background:#f0e6a838}.main{display:flex;justify-content:center}.game-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.player-bar{display:flex;align-items:center;gap:.6rem;width:var(--board-size)}.player-label{font-size:.95rem;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.turn-dot{width:12px;height:12px;border-radius:50%;background:var(--border);border:2px solid var(--border);transition:background .2s,box-shadow .2s;flex-shrink:0}.turn-dot.active{background:var(--light);border-color:var(--light);box-shadow:0 0 8px #f0e6a8b3}.board-frame{border:3px solid var(--border);box-shadow:0 0 0 1px #111,0 12px 40px #000000b3;line-height:0}.board{display:grid;grid-template-columns:repeat(8,var(--sq));grid-template-rows:repeat(8,var(--sq));width:var(--board-size);height:var(--board-size);-webkit-user-select:none;user-select:none}.board--locked,.board--locked .square{cursor:not-allowed}.square{position:relative;width:var(--sq);height:var(--sq);display:flex;align-items:center;justify-content:center;cursor:pointer}.square.light{background-color:var(--light)}.square.dark{background-color:var(--dark)}.square.selected:before{content:"";position:absolute;inset:0;background:var(--accent);pointer-events:none;z-index:1}.square.in-check:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#dc1e1ed9,#dc1e1e00 70%);pointer-events:none;z-index:1}.square.legal-move:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32%;height:32%;border-radius:50%;background:var(--accent);pointer-events:none;z-index:2}.square.legal-capture{box-shadow:inset 0 0 0 5px var(--accent-ring);z-index:0}.piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1;-webkit-tap-highlight-color:transparent}#board[data-turn=white] .piece--white{filter:drop-shadow(0 0 5px rgba(0,220,80,.7)) drop-shadow(0 0 5px rgba(0,220,80,.7))}#board[data-turn=white] .piece--black{filter:drop-shadow(0 0 5px rgba(255,40,40,.7)) drop-shadow(0 0 5px rgba(255,40,40,.7))}#board[data-turn=black] .piece--black{filter:drop-shadow(0 0 5px rgba(0,220,80,.7)) drop-shadow(0 0 5px rgba(0,220,80,.7))}#board[data-turn=black] .piece--white{filter:drop-shadow(0 0 5px rgba(255,40,40,.7)) drop-shadow(0 0 5px rgba(255,40,40,.7))}.coord{position:absolute;font-size:.65rem;font-weight:700;line-height:1;pointer-events:none;z-index:3}.coord.rank{top:3px;left:4px}.coord.file{bottom:3px;right:4px}.square.light .coord{color:var(--dark);opacity:.55}.square.dark .coord{color:var(--light);opacity:.55}.controls{display:flex;align-items:center;justify-content:space-between;width:var(--board-size);gap:1rem}.status-message{font-size:.95rem;letter-spacing:.06em;color:var(--text-muted);flex:1}.status-message.status--check{color:#e8a040;font-weight:700}.status-message.status--end{color:var(--light);font-weight:700}.status-message.status--thinking{color:var(--text-muted);font-style:italic;animation:thinking-pulse 1.2s ease-in-out infinite}@keyframes thinking-pulse{0%,to{opacity:.5}50%{opacity:1}}.mute-btn{background:none;border:1px solid var(--border);color:var(--text);font-size:1.1rem;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s;flex-shrink:0;padding:0}.mute-btn:hover{border-color:var(--light);background:#f0e6a812}.mute-btn--muted{opacity:.45}.new-game-btn{background:none;border:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;padding:.45rem 1.1rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s;flex-shrink:0}.new-game-btn:hover{border-color:var(--light);color:var(--light);background:#f0e6a812}.new-game-btn:active{background:#f0e6a826}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:#000000a6}.modal-card{position:relative;background:var(--surface);border:1px solid var(--border);box-shadow:0 16px 48px #000000b3;padding:2rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.modal-title{font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.promotion-choices{display:flex;gap:.75rem}.promotion-btn{width:80px;height:80px;background:var(--bg);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;padding:6px}.promotion-btn:hover{border-color:var(--light);background:#f0e6a814}.promotion-btn img{width:100%;height:100%;object-fit:contain}.flying-cat{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;line-height:1;animation:fly-cat linear forwards;will-change:transform,opacity}@keyframes fly-cat{0%{transform:translate(-80px);opacity:0}8%{opacity:1}20%{transform:translate(20vw,-30px)}40%{transform:translate(40vw,14px)}60%{transform:translate(60vw,-24px)}80%{transform:translate(80vw,18px)}92%{opacity:1}to{transform:translate(calc(100vw + 80px));opacity:0}}.mlg-overlay{position:fixed;inset:0;pointer-events:none;z-index:10000;overflow:hidden}.mlg-overlay.mlg-fadeout{animation:mlg-fadeout .6s ease-in forwards}@keyframes mlg-fadeout{to{opacity:0}}.mlg-hitmarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;color:#fff;text-shadow:0 0 20px #ff0,0 0 40px #ff0;animation:mlg-hitmarker-pop .5s ease-out forwards}@keyframes mlg-hitmarker-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:1}40%{transform:translate(-50%,-50%) scale(1.4);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.mlg-glasses{position:absolute;top:-90px;font-size:5rem;line-height:1;animation:mlg-glasses-drop ease-in forwards}@keyframes mlg-glasses-drop{0%{top:-90px;opacity:0;transform:rotate(0)}10%{opacity:1}55%{top:38vh;transform:rotate(-12deg)}75%{top:44vh;transform:rotate(6deg)}to{top:42vh;transform:rotate(0)}}.mlg-flare{position:absolute;width:var(--sz, 120px);height:var(--sz, 120px);border-radius:50%;background:radial-gradient(circle,hsla(var(--hue),100%,80%,.95),hsla(var(--hue),100%,50%,0) 65%);animation:mlg-flare-pulse .35s ease-in-out infinite alternate}@keyframes mlg-flare-pulse{0%{transform:scale(.7);opacity:.5}to{transform:scale(1.5);opacity:1}}.mlg-dorito{position:absolute;line-height:1;animation:mlg-dorito-spin linear forwards}@keyframes mlg-dorito-spin{0%{transform:rotate(0) scale(0);opacity:0}15%{transform:rotate(60deg) scale(1);opacity:1}85%{transform:rotate(300deg) scale(1);opacity:1}to{transform:rotate(360deg) scale(0);opacity:0}}.mlg-illuminati{position:absolute;top:10%;right:8%;font-size:3.5rem;text-align:center;line-height:1.2;animation:mlg-illuminati-spin 2s linear infinite,mlg-illuminati-fade 2s ease-out forwards;color:#ff0;text-shadow:0 0 20px #ff0}.mlg-illuminati span{display:block;font-family:Impact,sans-serif;font-size:.9rem;letter-spacing:.1em;color:#ff0;text-shadow:2px 2px 0 #000}@keyframes mlg-illuminati-spin{to{transform:rotate(360deg)}}@keyframes mlg-illuminati-fade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.mlg-text{position:absolute;font-family:Impact,Arial Black,sans-serif;font-size:clamp(1.6rem,5vw,3.5rem);font-weight:900;text-transform:uppercase;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:4px 4px 0 #000,0 0 20px currentColor;white-space:nowrap;animation:mlg-text-pop ease-out forwards}@keyframes mlg-text-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}25%{transform:scale(1.35) rotate(4deg);opacity:1}60%{transform:scale(.95) rotate(-1deg)}85%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:0}}.mlg-dew{position:absolute;bottom:-80px;right:12vw;font-size:5rem;animation:mlg-dew-rise 2s ease-out forwards;animation-delay:.3s}@keyframes mlg-dew-rise{0%{bottom:-80px;transform:rotate(-20deg);opacity:0}25%{bottom:15vh;transform:rotate(10deg);opacity:1}75%{bottom:15vh;transform:rotate(-5deg)}to{bottom:-80px;transform:rotate(0);opacity:0}}.mlg-snoop{position:absolute;bottom:-120px;left:6vw;font-size:4.5rem;text-align:center;line-height:1.3;animation:mlg-snoop-rise 2.2s ease-out forwards;animation-delay:.2s}.mlg-snoop small{display:block;font-family:Impact,sans-serif;font-size:.85rem;color:#6bffb8;text-shadow:2px 2px 0 #000;letter-spacing:.05em;text-transform:uppercase}@keyframes mlg-snoop-rise{0%{bottom:-120px;opacity:0}20%{bottom:12vh;opacity:1}75%{bottom:12vh;opacity:1}to{bottom:-120px;opacity:0}}.screen-shake{animation:screen-shake .45s ease-in-out}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-9px,-5px)}20%{transform:translate(9px,5px)}30%{transform:translate(-7px,7px)}40%{transform:translate(7px,-7px)}50%{transform:translate(-5px,4px)}60%{transform:translate(5px,-4px)}70%{transform:translate(-3px,2px)}80%{transform:translate(3px,-2px)}90%{transform:translate(-1px,1px)}}.js-preflash{position:fixed;inset:0;background:#fff;z-index:100000;pointer-events:none}.jumpscare-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#000;animation:js-strobe 55ms step-end infinite;overflow:hidden}.jumpscare-overlay.js-fadeout{animation:js-fadeout-anim .4s ease-in forwards}@keyframes js-strobe{50%{background:#4a0000}}@keyframes js-fadeout-anim{to{opacity:0}}.js-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(180,0,0,.45) 70%,rgba(100,0,0,.85) 100%);pointer-events:none;animation:js-vignette-pulse .12s ease-in-out infinite alternate}@keyframes js-vignette-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}.js-zoom{position:relative;z-index:1;animation:js-zoom-in .18s cubic-bezier(.15,1.8,.4,1) forwards}@keyframes js-zoom-in{0%{transform:scale(.03)}to{transform:scale(1)}}.js-shake{display:flex;flex-direction:column;align-items:center;gap:.6rem;animation:js-shake .05s ease-in-out infinite}@keyframes js-shake{0%{transform:translate(0) skew(0)}15%{transform:translate(-12px,-8px) skew(1deg,-.5deg)}30%{transform:translate(12px,8px) skew(-1deg,.5deg)}45%{transform:translate(-9px,7px) skew(.5deg)}60%{transform:translate(9px,-7px) skew(-.5deg,.3deg)}75%{transform:translate(-5px,3px) skew(0)}90%{transform:translate(5px,-3px) skew(.3deg)}to{transform:translate(0) skew(0)}}.js-face{width:min(78vmin,560px);height:min(78vmin,560px);filter:drop-shadow(0 0 18px #ff0000) drop-shadow(0 0 55px #ff0000) drop-shadow(0 0 110px #cc0000) drop-shadow(0 0 200px #880000);animation:js-glitch .11s step-end infinite}@keyframes js-glitch{0%{filter:drop-shadow(0 0 18px #ff0000) drop-shadow(0 0 55px #ff0000) drop-shadow(0 0 110px #cc0000);transform:translate(0) scaleX(1)}20%{filter:drop-shadow(6px 0 18px #ff0000) drop-shadow(-6px 0 55px #0000ff) drop-shadow(0 0 110px #cc0000);transform:translate(-5px,2px) scaleX(1.01)}40%{filter:drop-shadow(-6px 0 18px #ff0000) drop-shadow(6px 0 55px #ff0000) drop-shadow(0 0 110px #cc0000);transform:translate(5px,-2px) scaleX(.99)}60%{filter:drop-shadow(0 0 18px #ffffff) drop-shadow(0 0 55px #ff0000) drop-shadow(0 0 110px #cc0000);transform:translate(-3px,1px) scaleX(1)}80%{filter:drop-shadow(0 0 18px #ff0000) drop-shadow(0 0 55px #ff8800) drop-shadow(0 0 110px #cc0000);transform:translate(3px,-1px) scaleX(1)}}.js-text{font-family:Impact,Arial Black,sans-serif;font-size:clamp(3.5rem,13vw,8.5rem);color:red;text-shadow:0 0 20px #ff0000,0 0 50px #ff0000,0 0 90px #cc0000,6px 6px 0 #000;letter-spacing:.08em;-webkit-text-stroke:4px #6b0000;paint-order:stroke fill;animation:js-text-flicker .13s step-end infinite}@keyframes js-text-flicker{0%{opacity:1;transform:scale(1) skew(0)}30%{opacity:.85;transform:scale(1.03) skew(-1.5deg)}60%{opacity:1;transform:scale(.97) skew(1deg)}80%{opacity:.9;transform:scale(1) skew(0)}}