:root[data-theme=dark]{--bg:#050505;--glass:#ffffff05;--border:#ffffff1a;--accent:#00f2ff;--accent-dim:#00f2ff33;--text-p:#e0e0e0;--text-s:#888;--sq-l:#1e1e20;--sq-d:#121214;--piece-w:#fff;--piece-b:#00f2ff}:root[data-theme=light]{--bg:#f0f0f3;--glass:#00000008;--border:#0000001a;--accent:#0071e3;--accent-dim:#0071e31a;--text-p:#1d1d1f;--text-s:#86868b;--sq-l:#fff;--sq-d:#e1e1e1;--piece-w:#0071e3;--piece-b:#1d1d1f}body{background-color:var(--bg);color:var(--text-p);margin:0;font-family:JetBrains Mono,Inter,monospace;transition:background-color .5s;overflow-x:hidden}#root{max-width:1200px;margin:0 auto;padding:40px 20px}.animate-glitch{position:relative}.animate-glitch:before,.animate-glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.animate-glitch:before{text-shadow:-2px 0 #ff00c1;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.animate-glitch:after{text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;animation:1s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(31px, 9999px, 94px, 0)}20%{clip:rect(62px, 9999px, 42px, 0)}to{clip:rect(89px, 9999px, 98px, 0)}}@keyframes glitch-anim2{0%{clip:rect(12px, 9999px, 60px, 0)}to{clip:rect(50px, 9999px, 30px, 0)}}.game-layout{justify-content:center;align-items:flex-start;gap:40px;width:100%;display:flex}.side-panel{background:var(--glass);border:1px solid var(--border);border-radius:12px;width:180px;padding:20px}.history-panel h3{letter-spacing:.3rem;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:15px;padding-bottom:5px;font-size:.8rem}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{color:var(--text-s);border-left:2px solid var(--accent-dim);padding-left:10px;font-size:.85rem}.captured-panel{background:var(--glass);border-radius:8px;flex-wrap:wrap;gap:5px;width:480px;min-height:40px;margin:10px 0;padding:10px;display:flex}.cap-pc{opacity:.4;font-size:1.5rem}.game-wrapper{flex-direction:column;align-items:center;display:flex}.board{border:2px solid var(--border);grid-template-rows:repeat(8,60px);grid-template-columns:repeat(8,60px);display:grid}.sq{cursor:pointer;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex}.sq-l{background:var(--sq-l)}.sq-d{background:var(--sq-d)}.sq:hover{background:var(--accent-dim)}.sq-s{color:#fff;background:var(--accent)!important}.pc{filter:drop-shadow(0 4px 6px #0000004d);font-size:2.8rem}.pc.w{color:var(--piece-w)}.pc.b{color:var(--piece-b)}section{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;margin-bottom:40px;padding:40px}.section-title{text-align:center;letter-spacing:.8rem;text-transform:uppercase;margin-bottom:3rem}.profile-card .info-item{border-bottom:1px solid var(--border);gap:20px;margin-bottom:15px;padding-bottom:10px;display:flex}.profile-card .label{color:var(--text-s);width:150px}.profile-card .value{font-weight:700}.overlay{z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--accent);text-align:center;background:#000;border-radius:20px;padding:60px}.glitch-text-winner{color:var(--accent);letter-spacing:1.5rem;font-size:5rem;animation:.3s infinite glitch}@media (width<=1000px){.game-layout{flex-direction:column;align-items:center}.side-panel{width:480px}}@media (width<=600px){.board{grid-template-rows:repeat(8,40px);grid-template-columns:repeat(8,40px)}.sq{width:40px;height:40px}.pc{font-size:1.8rem}.captured-panel,.side-panel{width:320px}}