#screen-menu{background:#06060f;justify-content:flex-end;overflow-y:auto;padding:0;align-items:center}.menu-scene{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.menu-scene::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 75% 55% at 50% -8%,rgba(201,168,76,.1) 0,transparent 65%),radial-gradient(ellipse 45% 40% at 88% 82%,rgba(41,60,140,.14) 0,transparent 55%),radial-gradient(ellipse 35% 30% at 8% 62%,rgba(100,50,155,.07) 0,transparent 50%)}.menu-hex{position:absolute;inset:0;opacity:.035;background-image:repeating-linear-gradient(60deg,#c9a84c 0,#c9a84c 1px,transparent 0,transparent 50%),repeating-linear-gradient(120deg,#c9a84c 0,#c9a84c 1px,transparent 0,transparent 50%),repeating-linear-gradient(0deg,#c9a84c 0,#c9a84c 1px,transparent 0,transparent 50%);background-size:60px 104px;animation:menuHexDrift 50s linear infinite}@keyframes menuHexDrift{to{background-position:60px 104px}}.menu-orb{position:absolute;border-radius:50%;filter:blur(70px);animation:menuOrbFloat ease-in-out infinite}.menu-orb-1{width:500px;height:500px;top:-140px;left:-100px;background:rgba(201,168,76,.055);animation-duration:20s}.menu-orb-2{width:350px;height:350px;bottom:-80px;right:-80px;background:rgba(41,90,185,.09);animation-duration:26s;animation-delay:-11s}.menu-orb-3{width:220px;height:220px;top:45%;left:62%;background:rgba(140,55,200,.055);animation-duration:33s;animation-delay:-16s}@keyframes menuOrbFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-45px) scale(1.08)}}.menu-wrap{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;max-width:800px;margin:0 auto;padding:24px 18px 56px;gap:0}#screen-menu .profile-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:rgba(12,12,26,.72);border:.5px solid rgba(201,168,76,.18);border-radius:13px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:28px;animation:menuSlideDown .5s both}#screen-menu .profile-bar.hidden{display:none}@keyframes menuSlideDown{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.profile-bar-left{display:flex;align-items:center;gap:10px}.profile-bar-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;border:1.5px solid rgba(201,168,76,.35);background:rgba(201,168,76,.07);overflow:hidden;flex-shrink:0}.profile-bar-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-bar-name{font-family:Cinzel,serif;font-size:.78rem;color:var(--ivory);letter-spacing:.04em}.profile-bar-elo{font-size:.62rem;color:var(--gold);margin-top:1px}.profile-bar-btn{padding:7px 14px;border-radius:8px;border:.5px solid rgba(201,168,76,.2);background:rgba(201,168,76,.06);color:var(--ivory-m);font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.1em;cursor:pointer;transition:var(--tr)}.profile-bar-btn:hover{border-color:var(--gold-d);color:var(--gold-l);background:rgba(201,168,76,.12)}.menu-hero{text-align:center;margin-bottom:32px;animation:menuFadeUp .8s .1s both}.menu-hero .chess-icon{font-size:3.8rem;display:block;margin-bottom:12px;filter:drop-shadow(0 0 36px rgba(201,168,76,.5));animation:menuIconGlow 5s ease-in-out infinite}@keyframes menuIconGlow{0%,100%{transform:scale(1) rotate(-2deg);filter:drop-shadow(0 0 36px rgba(201,168,76,.5))}50%{transform:scale(1.05) rotate(2deg);filter:drop-shadow(0 0 60px rgba(201,168,76,.75))}}.menu-hero h1{font-family:'Cinzel Decorative',serif;font-size:clamp(1.75rem,5vw,2.9rem);font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,#f5d980 0,#c9a84c 28%,#edd98a 55%,#a07830 75%,#f0d060 100%);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:menuShimmer 5s linear infinite}@keyframes menuShimmer{0%{background-position:0}100%{background-position:200%}}.menu-hero .tagline{color:var(--ivory-d);font-style:italic;font-size:.85rem;letter-spacing:.28em;text-transform:uppercase;margin-top:5px}.menu-hero-divider{width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-d),transparent);margin:12px auto 0}.menu-content-row{display:grid;grid-template-columns:140px 1fr;gap:14px;width:150%;margin-bottom:16px;animation:menuFadeUp .6s .2s both;align-items:start}.mode-row{display:flex;flex-direction:column;gap:10px;width:140%;padding-right:auto;margin-left:100px}.mode-card{position:relative;display:flex;flex-direction:row;align-items:center;gap:11px;padding:14px 12px;border-radius:14px;border:1px solid rgba(201,168,76,.12);background:rgba(12,12,26,.68);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);cursor:pointer;transition:all .32s cubic-bezier(.4,0,.2,1);overflow:hidden;text-align:left}.mode-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,168,76,.09) 0,transparent 65%);opacity:0;transition:opacity .3s}.mode-card:hover{transform:translateX(4px);border-color:rgba(201,168,76,.38)}.mode-card:hover::before{opacity:1}.mode-card.on{border-color:var(--gold);background:linear-gradient(135deg,rgba(201,168,76,.16) 0,rgba(201,168,76,.04) 100%);box-shadow:0 0 0 1px rgba(201,168,76,.22),0 6px 24px rgba(201,168,76,.13),inset 0 1px 0 rgba(201,168,76,.18);transform:translateX(0)}.mode-card.on::before{opacity:1}.mode-card::after{content:'';position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--gold-l),var(--gold-d));opacity:0;transition:opacity .3s}.mode-card.on::after{opacity:1}.mode-active-pip{position:absolute;top:9px;right:9px;width:5px;height:5px;border-radius:50%;background:var(--gold-l);box-shadow:0 0 8px rgba(237,217,138,.7);opacity:0;transition:opacity .3s}.mode-card.on .mode-active-pip{opacity:1;animation:pipBlink 2.2s ease-in-out infinite}@keyframes pipBlink{0%,100%{opacity:1}50%{opacity:.2}}.mode-icon-box{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.14);transition:all .32s}.mode-card.on .mode-icon-box,.mode-card:hover .mode-icon-box{background:rgba(201,168,76,.18);border-color:rgba(201,168,76,.38);transform:scale(1.08)}.mode-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mode-label{font-family:Cinzel,serif;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ivory-m);transition:color .3s;white-space:nowrap}.mode-card.on .mode-label,.mode-card:hover .mode-label{color:var(--gold-l)}.mode-desc{font-size:.98rem;color:var(--ivory-d);font-style:italic;line-height:1.3}.menu-right-panel{display:flex;flex-direction:column;gap:10px;justify-content:space-between;align-items:center;width:80%;padding-right:90px;margin-left:auto}.menu-play-wrap{width:100%;animation:menuFadeUp .6s .3s both}.mbtn.prime{display:flex;align-items:flex-end;justify-content:space-between;width:100%;padding:15px 20px;border-radius:14px;border:1px solid var(--gold);background:linear-gradient(135deg,rgba(201,168,76,.17),rgba(201,168,76,.04));color:var(--gold-l);font-family:Cinzel,serif;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .32s;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(201,168,76,.1),0 8px 28px rgba(201,168,76,.09);position:relative;overflow:hidden;gap:12px}.mbtn.prime::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,168,76,.11),transparent);transform:translateX(-100%);transition:transform .55s}.mbtn.prime:hover{background:linear-gradient(135deg,rgba(201,168,76,.28),rgba(201,168,76,.1));box-shadow:0 0 0 1px rgba(201,168,76,.32),0 14px 40px rgba(201,168,76,.2);transform:translateY(-2px)}.mbtn.prime:hover::before{transform:translateX(100%)}.mbtn.prime .ma{font-size:.78rem;opacity:.55;border:1px solid rgba(201,168,76,.28);border-radius:6px;padding:2px 8px;transition:all .3s}.mbtn.prime:hover .ma{opacity:1;transform:translateX(3px);background:rgba(201,168,76,.1)}.mbtn.mp-prime{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 20px;border-radius:14px;border:1px solid var(--gold);background:linear-gradient(135deg,rgba(201,168,76,.17),rgba(201,168,76,.04));color:var(--gold-l);font-family:Cinzel,serif;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .32s;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(201,168,76,.1),0 8px 28px rgba(201,168,76,.09);position:relative;overflow:hidden;gap:12px}.mbtn.mp-prime::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,168,76,.11),transparent);transform:translateX(-100%);transition:transform .55s}.mbtn.mp-prime:hover{background:linear-gradient(135deg,rgba(201,168,76,.28),rgba(201,168,76,.1));box-shadow:0 0 0 1px rgba(201,168,76,.32),0 14px 40px rgba(201,168,76,.2);transform:translateY(-2px)}.mbtn.mp-prime:hover::before{transform:translateX(100%)}.mbtn.mp-prime .ma{font-size:.78rem;opacity:.55;border:1px solid rgba(201,168,76,.28);border-radius:6px;padding:2px 8px;transition:all .3s}.mbtn.mp-prime:hover .ma{opacity:1;transform:translateX(3px);background:rgba(201,168,76,.1)}.mbtn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 20px;border-radius:14px;border:1px solid var(--gold);background:linear-gradient(135deg,rgba(201,168,76,.17),rgba(201,168,76,.04));color:var(--gold-l);font-family:Cinzel,serif;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .32s;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(201,168,76,.1),0 8px 28px rgba(201,168,76,.09);position:relative;overflow:hidden;gap:12px}.mbtn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,168,76,.11),transparent);transform:translateX(-100%);transition:transform .55s}.mbtn:hover{background:linear-gradient(135deg,rgba(201,168,76,.28),rgba(201,168,76,.1));box-shadow:0 0 0 1px rgba(201,168,76,.32),0 14px 40px rgba(201,168,76,.2);transform:translateY(-2px)}.mbtn:hover::before{transform:translateX(100%)}.mbtn .ma{font-size:.78rem;opacity:.55;border:1px solid rgba(201,168,76,.28);border-radius:6px;padding:2px 8px;transition:all .3s}.mbtn:hover .ma{opacity:1;transform:translateX(3px);background:rgba(201,168,76,.1)}.menu-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;animation:menuFadeUp .6s .4s both}.menu-btns .mbtn{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;border:.5px solid rgba(201,168,76,.1);background:rgba(12,12,26,.68);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--ivory-m);font-family:Cinzel,serif;font-size:1rem;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;min-height:50px}.menu-btns .mbtn::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--gold-l),var(--gold-d));transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-btns .mbtn:hover{border-color:rgba(201,168,76,.3);transform:translateX(3px);background:rgba(201,168,76,.05);color:var(--gold-l);box-shadow:none}.menu-btns .mbtn:hover::before{transform:scaleY(1)}.menu-btns .mbtn .mi{font-size:.95rem;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(201,168,76,.08);border:.5px solid rgba(201,168,76,.13);flex-shrink:0;transition:all .3s}.menu-btns .mbtn:hover .mi{background:rgba(201,168,76,.18);border-color:rgba(201,168,76,.32);transform:scale(1.08)}.menu-btns .mbtn .mt{flex:1}.menu-btns .mbtn .ma{opacity:0;transform:translateX(-4px);font-size:.68rem;transition:all .3s}.menu-btns .mbtn:hover .ma{opacity:1;transform:translateX(0);color:var(--gold)}#screen-menu .menu-footer{margin-top:28px;text-align:center;color:var(--ivory-d);font-size:.9rem;letter-spacing:.1em;animation:menuFadeUp .6s .6s both;display:flex;flex-direction:column;align-items:center;gap:5px}.menu-footer-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:20px;border:.5px solid rgba(201,168,76,.14);background:rgba(201,168,76,.04);font-size:.9rem;color:var(--gold-d);font-family:Cinzel,serif;letter-spacing:.1em}.menu-footer-dot{width:4px;height:4px;border-radius:50%;background:var(--gold-d);opacity:.6}@keyframes menuFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.menu-content-row{grid-template-columns:112px 1fr;gap:10px}.mode-card{padding:11px 9px;gap:8px;border-radius:12px}.mode-icon-box{width:28px;height:28px;font-size:.95rem;border-radius:7px}.mode-label{font-size:.9rem;letter-spacing:.08em}.menu-btns .mbtn{padding:9px 10px;font-size:.58rem}}@media(max-width:460px){.menu-content-row{grid-template-columns:1fr}.mode-row{flex-direction:row;gap:8px}.mode-card{flex-direction:column;align-items:center;text-align:center;padding:12px 8px;gap:6px}.mode-card::after{display:none}.mode-card:hover{transform:translateY(-3px)}.mode-icon-box{width:34px;height:34px;font-size:1.05rem}.mode-desc{display:none}}@media(max-width:380px){.menu-hero h1{font-size:1.4rem}.menu-wrap{padding:16px 12px 40px}.menu-btns{grid-template-columns:1fr}}:root{--bg:#080810;--surface:#0f0f1c;--panel:#161626;--card:#1c1c30;--border:#2e2e4a;--gold:#c9a84c;--gold-l:#edd98a;--gold-d:#7a6020;--ivory:#f0ead8;--ivory-m:#b0a890;--ivory-d:#706858;--red:#c0392b;--blue:#2980b9;--blue-d:#1a5276;--sh-lg:0 24px 80px rgba(0,0,0,.9);--sh-md:0 8px 32px rgba(0,0,0,.7);--tr:all .3s cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:'EB Garamond',serif;color:var(--ivory)}#screen-game{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ptcl{position:absolute;border-radius:50%;background:var(--gold);opacity:0;animation:pfloat linear infinite}@keyframes pfloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.12}90%{opacity:.05}100%{transform:translateY(-10vh) rotate(720deg);opacity:0}}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:10;transition:opacity .4s ease,transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;padding:20px 16px 32px;-webkit-overflow-scrolling:touch}.screen.hidden{opacity:0;pointer-events:none;transform:scale(.97) translateY(10px)}.sscreen{background:var(--bg);justify-content:flex-start;padding-top:26px}.sw{width:160%;max-width:900px}.shdr{display:flex;align-items:center;gap:13px;margin-bottom:24px}.back-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--ivory-m);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:var(--tr);flex-shrink:0}.back-btn:hover{border-color:var(--gold);color:var(--gold-l);background:rgba(201,168,76,.08)}.stitle{font-family:Cinzel,serif;font-size:clamp(1.05rem,3vw,1.55rem);font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,var(--gold-d),var(--gold-l));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sbadge{padding:3px 9px;border-radius:10px;font-family:Cinzel,serif;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;border:1px solid;margin-left:4px}.sbadge-ai{border-color:var(--gold-d);color:var(--gold-d)}.sbadge-mp{border-color:var(--blue);color:var(--blue)}.ssec{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:15px 18px;margin-bottom:11px}.ssec-t{font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-d);margin-bottom:11px;padding-bottom:5px;border-bottom:1px solid var(--border)}.srow{display:flex;align-items:center;padding:6px 0;gap:13px}.slbl{flex:1;font-size:.9rem;color:var(--ivory-m)}.slbl small{display:block;font-size:.67rem;color:var(--ivory-d);margin-top:2px}.tog{width:46px;height:24px;border-radius:12px;background:var(--border);position:relative;cursor:pointer;transition:background .3s;flex-shrink:0;border:none;outline:0}.tog.on{background:var(--gold)}.tog::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:var(--ivory);top:3px;left:3px;transition:transform .3s;box-shadow:0 2px 6px rgba(0,0,0,.4)}.tog.on::after{transform:translateX(22px)}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:5px 13px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--ivory-m);font-family:Cinzel,serif;font-size:.63rem;letter-spacing:.07em;cursor:pointer;transition:var(--tr)}.chip:hover{border-color:var(--gold-d);color:var(--ivory)}.chip.on{border-color:var(--gold);background:rgba(201,168,76,.12);color:var(--gold-l)}.cpopts{display:flex;gap:9px;flex-wrap:wrap}.cpopt{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.cpsw{width:36px;height:36px;border-radius:6px;border:2px solid transparent;transition:var(--tr);display:flex;align-items:center;justify-content:center;font-size:.9rem}.cpopt.on .cpsw{border-color:var(--gold);box-shadow:0 0 10px rgba(201,168,76,.4)}.cplbl{font-size:.55rem;color:var(--ivory-d);font-family:Cinzel,serif;letter-spacing:.04em}.ninput{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 10px;color:var(--ivory);font-family:'EB Garamond',serif;font-size:.92rem;width:145px;outline:0;transition:border-color .2s}.ninput:focus{border-color:var(--gold-d)}.go-btn{width:100%;padding:14px;border-radius:8px;font-family:Cinzel,serif;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:var(--tr);margin-top:5px}.go-btn.ai{border:1px solid var(--gold);background:linear-gradient(135deg,rgba(201,168,76,.14),rgba(201,168,76,.03));color:var(--gold-l)}.go-btn.ai:hover{background:linear-gradient(135deg,rgba(201,168,76,.24),rgba(201,168,76,.1));box-shadow:0 8px 28px rgba(201,168,76,.2);transform:translateY(-2px)}.go-btn.mp{border:1px solid var(--blue);background:linear-gradient(135deg,rgba(41,128,185,.15),rgba(41,128,185,.03));color:#7fb3d3}.go-btn.mp:hover{background:linear-gradient(135deg,rgba(41,128,185,.25),rgba(41,128,185,.1));box-shadow:0 8px 28px rgba(41,128,185,.2);transform:translateY(-2px)}#screen-game{background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(20,20,50,.8) 0,transparent 70%),var(--bg);justify-content:flex-start;padding:6px 6px 16px}.glayout{display:grid;grid-template-columns:170px 1fr 170px;gap:10px;width:100%;max-width:960px;margin:0 auto}.gtopbar{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:7px 12px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.glogo{font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.2em;color:var(--gold-d);flex:1}.gmodebadge{padding:2px 8px;border-radius:8px;font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.12em;border:1px solid;margin-left:5px}.gmodebadge.ai{border-color:var(--gold-d);color:var(--gold-d)}.gmodebadge.mp{border-color:var(--blue);color:var(--blue)}.turncenter{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.turnind{padding:4px 12px;border-radius:12px;font-size:.9rem;font-family:Cinzel,serif;letter-spacing:.1em;border:1px solid var(--border);background:var(--surface);color:var(--ivory-m);transition:var(--tr)}.turnind.wt{border-color:#d0c8b0;color:#e8e0d0;background:rgba(200,190,160,.1)}.turnind.bt{border-color:var(--gold-d);color:var(--gold-l);background:rgba(201,168,76,.08)}.turn-timer{display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:12px;border:1px solid var(--gold-d);background:rgba(201,168,76,.08);font-family:Cinzel,serif;font-size:.9rem;color:var(--gold-l);letter-spacing:.06em;transition:all .3s;min-width:72px;justify-content:center}.turn-timer.warn{border-color:#e67e22;background:rgba(230,126,34,.12);color:#e67e22;animation:timerPulse .8s ease-in-out infinite}.turn-timer.danger{border-color:#e74c3c;background:rgba(231,76,60,.15);color:#e74c3c;animation:timerPulse .4s ease-in-out infinite}@keyframes timerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.timer-icon{font-size:.9rem}.chkbadge{display:none;color:#e74c3c;font-size:.9rem;font-family:Cinzel,serif;animation:blinkR .8s infinite}@keyframes blinkR{0%,100%{opacity:1}50%{opacity:.35}}.tbacts{display:flex;gap:5px}.tbbtn{padding:4px 8px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--ivory-d);font-size:.9rem;font-family:Cinzel,serif;letter-spacing:.06em;cursor:pointer;transition:var(--tr)}.tbbtn:hover{border-color:var(--gold-d);color:var(--gold-l)}.gpanel{display:flex;flex-direction:column;gap:8px}.gcard{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.gcardt{font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold-d);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.pcard{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;border:1px solid transparent;transition:var(--tr)}.pcard.active{border-color:var(--gold-d);background:rgba(201,168,76,.06)}.pcard.incheck{border-color:var(--red)!important;background:rgba(192,57,43,.08)!important;animation:shakeC .4s}@keyframes shakeC{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.pavatar{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.05rem;border:2px solid var(--border);background:var(--surface);transition:border-color .3s;flex-shrink:0;overflow:hidden}.pavatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pcard.active .pavatar{border-color:var(--gold)}.pname{font-family:Cinzel,serif;font-size:2rem;color:var(--ivory)}.plbl{font-size:.77rem;color:var(--ivory-d);margin-top:1px}.pdot{width:6px;height:6px;border-radius:50%;background:var(--gold);margin-left:auto;flex-shrink:0;animation:pdotA 1.2s infinite;opacity:0}.pcard.active .pdot{opacity:1}@keyframes pdotA{0%,100%{transform:scale(1)}50%{transform:scale(1.6);opacity:.5}}.statbox{font-size:.77rem;line-height:1.5;color:var(--ivory-m);min-height:30px}.statbox.chk{color:#e74c3c;font-weight:600}.caps{display:flex;flex-wrap:wrap;gap:2px;min-height:20px}.capp{font-size:.86rem;opacity:.62}.actcol{display:flex;flex-direction:column;gap:5px}.actbtn{display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid var(--border);background:var(--surface);border-radius:5px;color:var(--ivory-d);font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.06em;cursor:pointer;transition:var(--tr)}.actbtn:hover{border-color:var(--gold-d);color:var(--gold-l)}.actbtn.danger:hover{border-color:var(--red);color:#e74c3c}.aico{font-size:.86rem}#movehist{max-height:130px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;font-size:.69rem}.mrow{display:flex;gap:4px;padding:2px 0;border-bottom:1px solid rgba(46,46,74,.4)}.mnum{color:var(--gold-d);width:15px;flex-shrink:0;font-family:Cinzel,serif;font-size:.59rem;margin-top:1px}.mb,.mw{flex:1;color:var(--ivory-d)}.mb.lat,.mw.lat{color:var(--ivory)}.boardcenter{display:flex;flex-direction:column;align-items:center;gap:5px}.boardframe{position:relative;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--sh-lg),inset 0 1px 0 rgba(255,255,255,.03)}.cstrh{display:flex;padding:0 20px;height:19px;align-items:center}.cstrv{position:absolute;top:20px;bottom:20px;width:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.cstrv.right{right:0}.cch{font-family:Cinzel,serif;font-size:.48rem;color:var(--gold-d);flex:1;text-align:center;user-select:none}.ccv{font-family:Cinzel,serif;font-size:.48rem;color:var(--gold-d);flex:1;display:flex;align-items:center;justify-content:center;user-select:none}#board{display:grid;grid-template-columns:repeat(8,1fr);width:min(480px,72vmin);height:min(480px,72vmin);border:2px solid var(--gold-d);border-radius:2px;overflow:hidden;box-shadow:inset 0 0 40px rgba(0,0,0,.5)}.sq{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s;user-select:none;aspect-ratio:1}.sq.light{background:#e8dcc8}.sq.dark{background:#7a6248}.sq.light:hover{background:#f0e4cc}.sq.dark:hover{background:#8a7258}.sq.sel{background:#c8b840!important}.sq.dot::after{content:'';position:absolute;width:28%;height:28%;border-radius:50%;background:rgba(70,90,15,.42);pointer-events:none;z-index:2}.sq.capring::after{content:'';position:absolute;inset:0;background:rgba(150,20,10,.18);border:3px solid rgba(180,30,20,.52);pointer-events:none;z-index:2}.sq.chksq{background:rgba(200,30,10,.55)!important}.sq.lasta,.sq.lastb{outline:2px solid rgba(200,180,40,.42);outline-offset:-2px}.piece{font-size:calc(min(420px,78vmin)/8*.82);line-height:1;cursor:pointer;transition:transform .1s;z-index:3;filter:drop-shadow(1px 2px 4px rgba(0,0,0,.55));user-select:none}.piece:hover,.sq.sel .piece{transform:scale(1.08)}.thinkbar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;width:min(480px,72vmin);opacity:0;transition:opacity .3s}.thinkbar.on{opacity:1}.thinkfill{height:100%;width:55%;border-radius:2px;background:linear-gradient(90deg,var(--gold-d),var(--gold-l),var(--gold-d));background-size:200%;animation:tbar 1.4s infinite linear}@keyframes tbar{0%{background-position:0}100%{background-position:200%}}#mp-turn-banner{display:none;position:fixed;inset:0;z-index:40;background:rgba(4,4,12,.82);backdrop-filter:blur(10px);align-items:center;justify-content:center;pointer-events:none}#mp-turn-banner.show{display:flex;animation:bannerIn .28s cubic-bezier(.34,1.56,.64,1) both}#mp-turn-banner.hide{animation:bannerOut .22s ease-in forwards}@keyframes bannerIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes bannerOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}#mp-turn-inner{background:var(--panel);border:1px solid var(--gold-d);border-radius:18px;padding:32px 48px;text-align:center;box-shadow:var(--sh-lg);min-width:220px}#mp-turn-icon{font-size:3rem;margin-bottom:10px;animation:iconFloat 1s ease-in-out infinite}#mp-turn-name{font-family:'Cinzel Decorative',serif;font-size:1.4rem;color:var(--gold-l);letter-spacing:.1em;margin-bottom:6px}#mp-turn-sub{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ivory-d)}.turn-bar{height:4px;background:var(--gold-d);border-radius:2px;margin-top:16px;overflow:hidden}.turn-bar-fill{height:100%;background:var(--gold-l);border-radius:2px;width:100%;animation:turnbarShrink 1.5s linear forwards}@keyframes turnbarShrink{from{width:100%}to{width:0%}}.passbox{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:34px 42px;text-align:center;width:100%;max-width:370px;box-shadow:var(--sh-lg);animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes popIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.passicon{font-size:3.2rem;display:block;margin-bottom:14px}.passp{font-family:'Cinzel Decorative',serif;font-size:1.35rem;color:var(--gold-l);margin-bottom:4px}.passttl{color:var(--ivory-m);font-size:.88rem;font-style:italic;margin-bottom:10px}.passhint{color:var(--ivory-d);font-size:.73rem;line-height:1.6;margin-bottom:22px;padding:10px 14px;background:var(--surface);border-radius:6px;border:1px solid var(--border)}.passbtn{width:100%;padding:13px;border-radius:8px;border:1px solid var(--gold);background:linear-gradient(135deg,rgba(201,168,76,.14),rgba(201,168,76,.03));color:var(--gold-l);font-family:Cinzel,serif;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:var(--tr)}.passbtn:hover{background:linear-gradient(135deg,rgba(201,168,76,.24),rgba(201,168,76,.1));box-shadow:0 8px 28px rgba(201,168,76,.2)}#screen-result{background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(201,168,76,.07) 0,transparent 70%),var(--bg)}.reswrap{text-align:center;width:100%;max-width:430px}.restrophy{font-size:4.8rem;display:block;margin-bottom:16px;animation:trophyIn .8s cubic-bezier(.34,1.56,.64,1) both;filter:drop-shadow(0 0 28px rgba(201,168,76,.5))}@keyframes trophyIn{from{opacity:0;transform:scale(.3) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.restitle{font-family:'Cinzel Decorative',serif;font-size:clamp(1.3rem,4vw,2rem);font-weight:700;background:linear-gradient(135deg,var(--gold-d),var(--gold-l));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;animation:fslide .6s .2s both}.ressub{color:var(--ivory-m);font-size:.92rem;font-style:italic;animation:fslide .6s .35s both;margin-bottom:18px}@keyframes fslide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reswinner{display:flex;align-items:center;justify-content:center;gap:13px;background:var(--panel);border:1px solid var(--gold-d);border-radius:10px;padding:13px 18px;margin-bottom:18px;animation:fslide .6s .45s both}.reswave{font-size:1.9rem;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface);border:2px solid var(--gold-d)}.reswave img{width:100%;height:100%;object-fit:cover;border-radius:50%}.reswname{font-family:Cinzel,serif;font-size:.97rem;color:var(--gold-l)}.reswlbl{font-size:.68rem;color:var(--ivory-d);margin-top:2px}.resstats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px;animation:fslide .6s .5s both}.statsbox{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:11px 8px}.statsval{font-family:Cinzel,serif;font-size:1.25rem;color:var(--gold-l);display:block}.elo-card{background:var(--panel);border:1px solid var(--gold-d);border-radius:10px;padding:10px 14px;margin-bottom:16px;animation:fslide .5s .4s both}.elo-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:.78rem;color:var(--ivory-m)}.elo-row+.elo-row{border-top:1px solid var(--border)}.elo-name{font-weight:600;color:var(--ivory)}.elo-val{font-family:Cinzel,serif;color:var(--gold-l);font-size:.9rem}.elo-delta{font-size:.75rem;font-weight:700;margin-left:6px}.elo-delta.up{color:#2ecc71}.elo-delta.dn{color:#e74c3c}.elo-delta.eq{color:var(--ivory-m)}.lb-info{font-size:1rem;color:var(--ivory-m);margin-bottom:10px;text-align:center}.lb-status{padding:10px;color:var(--ivory-m);font-size:1rem}.lb-tiers{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.lb-tier-img{height:18px;width:auto;max-width:22px;object-fit:contain;vertical-align:middle;display:inline-block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.lb-legend-img{height:32px;width:auto;max-width:36px;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.lb-tier-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:7px;background:var(--panel);border:1px solid var(--border);min-width:0}.lb-tier-name{display:block;font-size:1rem;color:var(--tc,var(--ivory-m));font-family:Cinzel,serif;letter-spacing:.04em}.lb-tier-range{display:block;font-size:1rem;color:var(--ivory-d)}.lb-table{width:100%;border-collapse:collapse;font-size:.78rem}.lb-table thead tr{background:rgba(201,168,76,.08);border-bottom:1px solid var(--gold-d)}.lb-table th{padding:8px 10px;font-family:Cinzel,serif;font-size:1rem;letter-spacing:.08em;color:var(--gold-l);text-align:left}.lb-table td{padding:8px 10px;border-bottom:1px solid rgba(46,46,74,.5);color:var(--ivory);vertical-align:middle}.lb-table tbody tr:hover{background:rgba(255,255,255,.03)}.lb-table tbody tr.lb-me td{background:rgba(201,168,76,.07)}.lb-rank-col{width:44px;text-align:center}.lb-pos{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--surface);border:1px solid var(--border);font-family:Cinzel,serif;font-size:.65rem;color:var(--ivory-m)}.lb-pos-1{background:linear-gradient(135deg,#b8860b,gold);border-color:gold;color:#000;font-weight:700;box-shadow:0 0 8px rgba(255,215,0,.4)}.lb-pos-2{background:linear-gradient(135deg,#708090,silver);border-color:silver;color:#000;font-weight:700}.lb-pos-3{background:linear-gradient(135deg,#8b4513,#cd7f32);border-color:#cd7f32;color:#fff;font-weight:700}.lb-name-col{min-width:0}.lb-player-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:3px}.lb-name{font-size:1rem;color:var(--ivory);font-weight:500}.lb-me .lb-name{color:var(--gold-l)}.lb-me-tag{font-size:1rem;color:var(--gold-l);font-family:Cinzel,serif;letter-spacing:.05em}.lb-tier{font-size:1rem;padding:2px 6px 2px 4px;border-radius:10px;border:1px solid;font-family:Cinzel,serif;letter-spacing:.04em;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.lb-sub{display:flex;align-items:center;gap:6px}.lb-winbar{flex:1;max-width:80px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.lb-winbar-fill{height:100%;border-radius:2px;transition:width .4s}.lb-winpct{font-size:1rem;color:var(--ivory-d)}.lb-elo-col{text-align:right!important;font-family:Cinzel,serif;font-weight:700;font-size:1rem;color:var(--gold-l)!important;white-space:nowrap}.lb-me .lb-elo-col{color:gold!important}.lb-rank{font-family:Cinzel,serif;color:var(--ivory-m);font-size:1rem}.lb-rank.gold{color:gold}.lb-rank.silver{color:silver}.lb-rank.bronze{color:#cd7f32}.statslbl{font-size:1rem;color:var(--ivory-d);letter-spacing:.1em;text-transform:uppercase;font-family:Cinzel,serif;margin-top:3px}.resbtns{display:flex;flex-direction:column;gap:8px;animation:fslide .6s .65s both}.resbtn{padding:11px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--ivory);font-family:Cinzel,serif;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:var(--tr)}.resbtn.prime{border-color:var(--gold);color:var(--gold-l);background:rgba(201,168,76,.08)}.resbtn:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}.resbtn.prime:hover{background:rgba(201,168,76,.18);box-shadow:0 8px 28px rgba(201,168,76,.2)}#screen-howto{background:var(--bg);justify-content:flex-start;padding-top:26px}.htwrap{width:100%;max-width:640px}.htgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:9px;margin-top:15px}.htcard{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:13px;transition:var(--tr)}.htcard:hover{border-color:var(--gold-d);transform:translateY(-2px)}.htp{font-size:1.75rem;display:block;margin-bottom:6px}.htn{font-family:Cinzel,serif;font-size:1rem;color:var(--gold-l);margin-bottom:4px}.htd{font-size:1rem;color:#fff;line-height:1.5}.htrules{margin-top:13px}.htri{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--border)}.htricon{font-size:1.15rem;flex-shrink:0;margin-top:1px}.htrtxt{font-size:1rem;color:Beige;line-height:1.5}.htrtxt strong{color:var(--ivory)}#screen-pause{background:rgba(8,8,16,.92);backdrop-filter:blur(10px);z-index:20}.pausebox{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px 34px;text-align:center;width:100%;max-width:310px;box-shadow:var(--sh-lg);animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both}.pauseicon{font-size:2.9rem;display:block;margin-bottom:11px}.pausettl{font-family:Cinzel,serif;font-size:1.2rem;color:var(--gold-l);letter-spacing:.15em;margin-bottom:4px}.pausesub{color:var(--ivory-d);font-size:1rem;margin-bottom:20px}.pausebtns{display:flex;flex-direction:column;gap:7px}.pausebtn{padding:10px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--ivory-m);font-family:Cinzel,serif;font-size:.66rem;letter-spacing:.12em;cursor:pointer;transition:var(--tr)}.pausebtn:hover{border-color:var(--gold-d);color:var(--gold-l)}.pausebtn.prime{border-color:var(--gold);color:var(--gold-l);background:rgba(201,168,76,.08)}.pausebtn.danger:hover{border-color:var(--red);color:#e74c3c}#about-modal,#promo-modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.88);backdrop-filter:blur(8px);align-items:center;justify-content:center}#about-modal.show,#promo-modal.show{display:flex}#lang-modal{display:none;position:fixed;inset:0;z-index:105;background:rgba(0,0,0,.9);backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:20px}#lang-modal.show{display:flex}.lang-box{background:var(--card);border:1px solid var(--gold-d);border-radius:16px;padding:24px 20px;width:100%;max-width:380px;position:relative;box-shadow:var(--sh-lg);animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both}.lang-title{font-family:Cinzel,serif;font-size:1.5rem;color:var(--gold-l);letter-spacing:.1em;text-align:center;margin-bottom:18px}.lang-options{display:flex;flex-direction:column;gap:8px}.lang-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);cursor:pointer;transition:var(--tr);text-align:left;width:100%}.lang-opt:hover{border-color:var(--gold-d);background:rgba(201,168,76,.06)}.lang-opt.active{border-color:var(--gold);background:rgba(201,168,76,.1)}.lang-flag{font-size:1.5rem;flex-shrink:0}.lang-opt>div{flex:1}.lang-name{font-family:Cinzel,serif;font-size:.9rem;color:var(--ivory);letter-spacing:.05em}.lang-native{font-size:.8rem;color:var(--ivory-d);margin-top:2px}.lang-check{color:var(--gold-l);font-size:.9rem;opacity:0;transition:opacity .2s}.lang-opt.active .lang-check{opacity:1}#changelog-modal{display:none;position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.92);backdrop-filter:blur(12px);align-items:center;justify-content:center;padding:20px}#changelog-modal.show{display:flex}.changelog-box{background:var(--card);border:1px solid var(--gold-d);border-radius:16px;padding:24px 22px 20px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:var(--sh-lg);animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both}.changelog-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.changelog-badge{background:rgba(201,168,76,.15);border:1px solid var(--gold-d);color:var(--gold-l);font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.2em;padding:3px 10px;border-radius:20px}.changelog-ver{font-family:Cinzel,serif;font-size:.98rem;color:var(--ivory-d);letter-spacing:.12em}.changelog-title{font-family:'Cinzel Decorative',serif;font-size:1.15rem;color:var(--gold-l);margin-bottom:16px}.changelog-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.changelog-item{display:flex;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);align-items:flex-start}.changelog-item.new{border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.05)}.changelog-item.fix{border-color:rgba(41,128,185,.3);background:rgba(41,128,185,.05)}.changelog-item.improve{border-color:rgba(46,204,113,.25);background:rgba(46,204,113,.04)}.cl-icon{font-size:1.3rem;flex-shrink:0;margin-top:1px}.cl-title{font-family:Cinzel,serif;font-size:1rem;color:var(--ivory);letter-spacing:.05em;margin-bottom:3px}.cl-desc{font-size:.92rem;color:var(--ivory-m);line-height:1.5}.changelog-close-btn{width:100%;padding:12px;border-radius:10px;border:1px solid var(--gold);background:rgba(201,168,76,.1);color:var(--gold-l);font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.15em;cursor:pointer;transition:var(--tr);margin-bottom:10px}.changelog-close-btn:hover{background:rgba(201,168,76,.22)}.changelog-dont-show{display:flex;align-items:center;gap:8px;justify-content:center;font-size:.68rem;color:var(--ivory-d);cursor:pointer}.changelog-dont-show input{accent-color:var(--gold);cursor:pointer}#profile-modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.88);backdrop-filter:blur(8px);align-items:center;justify-content:center;overflow-y:auto;padding:20px}#profile-modal.show{display:flex}.profile-box{background:var(--card);border:1px solid var(--gold-d);border-radius:16px;padding:28px 24px;text-align:center;width:100%;max-width:360px;box-shadow:var(--sh-lg);animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both;position:relative;max-height:90vh;overflow-y:auto}.profile-close{position:absolute;top:12px;right:14px;background:0 0;border:none;color:var(--ivory-m);font-size:1rem;cursor:pointer;padding:4px 8px}.profile-av-big{font-size:3rem;margin-bottom:8px;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto 8px;background:var(--surface);border:2px solid var(--gold-d)}.profile-av-big img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-username{font-family:Cinzel,serif;font-size:1.6rem;color:var(--gold-l);margin-bottom:4px}.profile-bio{font-size:.95rem;color:var(--ivory-m);margin-bottom:16px;min-height:18px}.profile-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.profile-stat{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 4px}.profile-stat-val{display:block;font-family:Cinzel,serif;font-size:1rem;color:var(--gold-l)}.profile-stat-lbl{font-size:.6rem;color:var(--ivory-m);letter-spacing:.08em}.profile-actions{display:flex;gap:8px;margin-bottom:16px}.profile-edit-btn{flex:1;padding:9px;border-radius:8px;border:1px solid var(--gold-d);background:rgba(201,168,76,.08);color:var(--gold-l);font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.1em;cursor:pointer;transition:var(--tr)}.profile-edit-btn:hover{background:rgba(201,168,76,.18)}.profile-logout-btn{flex:1;padding:9px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--ivory-m);font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.1em;cursor:pointer;transition:var(--tr)}.profile-logout-btn:hover{border-color:#e74c3c;color:#e74c3c}.profile-edit-form{margin-top:12px;text-align:left}#screen-auth{background:radial-gradient(ellipse 70% 60% at 50% 30%,rgba(201,168,76,.09) 0,transparent 70%),var(--bg);justify-content:center;align-items:center;overflow-y:auto}.auth-wrap{width:100%;max-width:380px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:0}.auth-logo{text-align:center;margin-bottom:20px}.auth-chess-icon{font-size:2.4rem}.auth-title{font-family:'Cinzel Decorative',serif;color:var(--gold-l);font-size:2.5rem;margin:4px 0 0}.auth-sub{font-size:.67rem;color:var(--ivory-m);margin:4px 0 0}.auth-tabs{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;width:100%;margin-bottom:18px}.auth-tab{flex:1;padding:10px;background:0 0;border:none;color:var(--ivory-m);font-family:Cinzel,serif;font-size:1rem;letter-spacing:.12em;cursor:pointer;transition:var(--tr)}.auth-tab.on{background:rgba(201,168,76,.1);color:var(--gold-l)}.auth-panel{width:100%;display:none;flex-direction:column;gap:0}.auth-panel.show{display:flex}.auth-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;width:100%}.auth-lbl{font-size:1rem;color:var(--ivory-m);letter-spacing:.08em;font-family:Cinzel,serif}.auth-lbl small{font-family:inherit;color:var(--ivory-d);margin-left:6px;font-size:.6rem}.auth-input{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--ivory);font-size:.83rem;width:100%;box-sizing:border-box;transition:var(--tr)}.auth-input:focus{outline:0;border-color:var(--gold-d);background:rgba(201,168,76,.04)}.auth-pw-wrap{position:relative;display:flex}.auth-pw-wrap .auth-input{padding-right:42px;flex:1}.auth-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;font-size:.9rem;color:var(--ivory-m);padding:2px}.avatar-picker{display:flex;gap:6px;flex-wrap:wrap}.av-opt{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1.5px solid var(--border);font-size:1.2rem;cursor:pointer;transition:var(--tr);background:var(--surface)}.av-opt.on{border-color:var(--gold);background:rgba(201,168,76,.12)}.av-upload-row{display:flex;align-items:center;gap:10px;margin-top:8px}.ai-emoji-row{display:flex;gap:5px;flex-wrap:wrap}.ai-avatar-preview{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border:2px solid var(--gold-d);background:var(--surface);flex-shrink:0;overflow:hidden}.ai-avatar-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}.av-upload-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1.5px dashed var(--border);color:var(--ivory-m);font-size:.7rem;cursor:pointer;transition:var(--tr);background:var(--surface)}.av-upload-btn:hover{border-color:var(--gold-d);color:var(--gold-l)}.av-preview-wrap{display:flex;align-items:center;gap:6px}.av-preview-img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--gold-d)}.av-remove-btn{background:0 0;border:none;color:var(--ivory-m);font-size:.8rem;cursor:pointer;padding:2px 5px}.av-remove-btn:hover{color:#e74c3c}.av-is-photo{border-color:var(--gold)!important;background:0 0!important;padding:2px!important}.av-is-photo img{width:34px;height:34px;border-radius:6px;object-fit:cover}.auth-err{font-size:.72rem;color:#e74c3c;min-height:18px;margin-bottom:4px}.auth-btn{width:100%;padding:12px;border-radius:10px;border:1px solid var(--gold);background:rgba(201,168,76,.1);color:var(--gold-l);font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.15em;cursor:pointer;transition:var(--tr);margin-bottom:8px}.auth-btn:hover{background:rgba(201,168,76,.22);transform:translateY(-1px)}.auth-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-skip{background:0 0;border:none;color:var(--ivory-d);font-size:.68rem;cursor:pointer;text-decoration:underline;padding:4px;width:100%;text-align:center}.auth-skip:hover{color:var(--ivory-m)}.profile-bar{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:12px;width:100%;box-sizing:border-box;animation:fslide .4s both}.profile-bar.hidden{display:none}.profile-bar-left{display:flex;align-items:center;gap:10px}.profile-bar-av{font-size:1.5rem;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.profile-bar-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-bar-name{font-family:Cinzel,serif;font-size:1rem;color:var(--ivory)}.profile-bar-elo{font-size:.9rem;color:var(--gold-l)}.profile-bar-btn{padding:6px 12px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--ivory-m);font-size:.8rem;cursor:pointer;transition:var(--tr)}.profile-bar-btn:hover{border-color:var(--gold-d);color:var(--gold-l)}.promobox{background:var(--card);border:1px solid var(--gold);border-radius:14px;padding:24px 30px;text-align:center;box-shadow:var(--sh-lg);animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both}.promobox h3{font-family:Cinzel,serif;color:var(--gold-l);letter-spacing:.15em;margin-bottom:15px}.promochs{display:flex;gap:11px;justify-content:center}.promoch{font-size:2.4rem;cursor:pointer;padding:9px;border-radius:10px;border:1px solid var(--border);background:var(--surface);transition:var(--tr);filter:drop-shadow(1px 2px 4px rgba(0,0,0,.6))}.promoch:hover{border-color:var(--gold);background:rgba(201,168,76,.1);transform:scale(1.1)}.aboutbox{background:var(--card);border:1px solid var(--gold-d);border-radius:14px;padding:28px 32px;text-align:center;width:100%;max-width:350px;box-shadow:var(--sh-lg);animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both}.aboutbox h2{font-family:'Cinzel Decorative',serif;color:var(--gold-l);margin-bottom:3px;font-size:1.2rem}.aboutbox .av{font-family:Cinzel,serif;font-size:.61rem;color:var(--gold-d);letter-spacing:.2em;margin-bottom:15px}.aboutbox p{color:var(--ivory-m);font-size:.83rem;line-height:1.7;margin-bottom:9px}.closebtn{margin-top:13px;padding:8px 20px;border-radius:7px;border:1px solid var(--gold-d);background:0 0;color:var(--gold-l);font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.15em;cursor:pointer;transition:var(--tr)}.closebtn:hover{background:rgba(201,168,76,.1)}#screen-online{background:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(41,128,185,.08) 0,transparent 70%),var(--bg);justify-content:flex-start;padding-top:26px}.online-wrap{width:100%;max-width:460px}.online-tabs{display:flex;gap:0;margin-bottom:20px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.otab{flex:1;padding:11px;background:var(--surface);color:var(--ivory-m);font-family:Cinzel,serif;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;transition:var(--tr);border-right:1px solid var(--border)}.otab:last-child{border-right:none}.otab.on{background:linear-gradient(135deg,rgba(41,128,185,.18),rgba(41,128,185,.06));color:#7fb3d3}.otab:hover:not(.on){background:rgba(255,255,255,.03)}.opanel{display:none}.opanel.show{display:block}.online-ssec{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:12px}.online-ssec-t{font-family:Cinzel,serif;font-size:1rem;letter-spacing:.3em;text-transform:uppercase;color:var(--blue);margin-bottom:12px;padding-bottom:5px;border-bottom:1px solid var(--border)}.room-display{background:var(--surface);border:1px solid var(--gold-d);border-radius:8px;padding:14px 18px;text-align:center;margin-bottom:14px}.room-id-lbl{font-size:1rem;color:var(--ivory-d);font-family:Cinzel,serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}.room-id{font-family:'Cinzel Decorative',serif;font-size:2rem;color:var(--gold-l);letter-spacing:.15em;word-break:break-all}.room-copy-btn{margin-top:10px;padding:6px 16px;border-radius:6px;border:1px solid var(--gold-d);background:0 0;color:var(--gold-l);font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.12em;cursor:pointer;transition:var(--tr)}.room-copy-btn:hover{background:rgba(201,168,76,.1)}.conn-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:7px;font-size:.78rem;margin-bottom:12px}.conn-status.waiting{background:rgba(41,128,185,.08);border:1px solid var(--blue-d);color:#7fb3d3}.conn-status.connected{background:rgba(30,132,73,.1);border:1px solid #196f3d;color:#52be80}.conn-status.error{background:rgba(192,57,43,.1);border:1px solid var(--red);color:#e74c3c}.conn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:dotPulse 1.5s infinite}.conn-status.waiting .conn-dot{background:var(--blue)}.conn-status.connected .conn-dot{background:#52be80;animation:none}.conn-status.error .conn-dot{background:#e74c3c;animation:none}@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.join-input-row{display:flex;gap:8px;margin-bottom:12px}.join-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:9px 12px;color:var(--ivory);font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.08em;outline:0;text-transform:uppercase;transition:border-color .2s}.join-input:focus{border-color:var(--blue)}.join-input::placeholder{color:var(--ivory-d);font-size:1rem;letter-spacing:.05em;text-transform:none}.online-go-btn{width:100%;padding:13px;border-radius:8px;font-family:Cinzel,serif;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:var(--tr);border:1px solid var(--blue);background:linear-gradient(135deg,rgba(41,128,185,.15),rgba(41,128,185,.03));color:#7fb3d3}.online-go-btn:hover{background:linear-gradient(135deg,rgba(41,128,185,.25),rgba(41,128,185,.1));box-shadow:0 8px 28px rgba(41,128,185,.2);transform:translateY(-2px)}.online-go-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.online-hint{font-size:1rem;color:var(--ivory-d);line-height:1.6;font-style:italic;margin-bottom:10px}.online-indicator{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:8px;font-family:Cinzel,serif;font-size:1rem;letter-spacing:.1em;background:rgba(41,128,185,.1);border:1px solid var(--blue-d);color:#7fb3d3;margin-left:5px}.oind-dot{width:5px;height:5px;border-radius:50%;background:var(--blue);animation:dotPulse 1.5s infinite}.oind-dot.live{background:#52be80;animation:none}#online-waiting-overlay{display:none;position:fixed;inset:0;z-index:30;background:rgba(4,4,12,.97);backdrop-filter:blur(16px);align-items:center;justify-content:center}#online-waiting-overlay.show{display:flex}.owbox{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:36px 44px;text-align:center;width:100%;max-width:380px;box-shadow:var(--sh-lg)}.owicon{font-size:3rem;display:block;margin-bottom:16px;animation:iconFloat 2s ease-in-out infinite}.owtitle{font-family:Cinzel,serif;font-size:1rem;color:var(--gold-l);letter-spacing:.15em;margin-bottom:8px}.owsub{color:var(--ivory-m);font-size:1rem;margin-bottom:20px;line-height:1.6}.owroom{font-family:'Cinzel Decorative',serif;font-size:1.6rem;color:var(--gold-l);padding:10px 20px;background:var(--surface);border-radius:8px;border:1px solid var(--gold-d);display:inline-block;margin-bottom:20px;letter-spacing:.1em}.owcancel{padding:9px 22px;border-radius:7px;border:1px solid var(--border);background:0 0;color:var(--ivory-d);font-family:Cinzel,serif;font-size:1rem;letter-spacing:.12em;cursor:pointer;transition:var(--tr)}.owcancel:hover{border-color:var(--red);color:#e74c3c}@media(min-width:1200px){.glayout{grid-template-columns:210px 1fr 210px;gap:16px;max-width:1120px}#board{width:min(560px,50vw);height:min(560px,50vw)}.piece{font-size:calc(min(560px,50vw)/8*.82)}.thinkbar{width:min(560px,50vw)}.boardframe{padding:26px}.cstrh{padding:0 26px}.cstrv{top:26px;bottom:26px;width:26px}.pcard{padding:14px 12px}.pname{font-size:.9rem}.sw{max-width:560px}#movehist{max-height:180px}}@media(max-width:1024px){.glayout{grid-template-columns:150px 1fr 150px;gap:9px}#board{width:min(420px,56vw);height:min(420px,56vw)}.piece{font-size:calc(min(420px,56vw)/8*.82)}.thinkbar{width:min(420px,56vw)}}@media(max-width:780px){.glayout{grid-template-columns:1fr;gap:8px;padding:6px}.gtopbar{grid-column:1}.gpanel{display:grid;grid-template-columns:1fr 1fr;gap:7px}#board{width:min(480px,92vw);height:min(480px,92vw)}.piece{font-size:calc(min(480px,92vw)/8*.82)}.thinkbar{width:min(480px,92vw)}.sw{max-width:100%;padding:0 4px}.online-wrap{max-width:100%}.owbox{padding:28px 24px}.menu-btns,.mode-row{max-width:100%}}@media(max-width:600px){#board{width:min(400px,95vw);height:min(400px,95vw)}.piece{font-size:calc(min(400px,95vw)/8*.82)}.thinkbar{width:min(400px,95vw)}.boardframe{padding:15px}.cstrh{padding:0 15px;height:17px}.cstrv{top:15px;bottom:15px;width:17px}.gtopbar{padding:5px 9px;gap:6px}.gmodebadge{display:none}.turnind{font-size:.59rem;padding:3px 9px}.tbbtn{font-size:.58rem;padding:3px 6px}.gpanel{grid-template-columns:1fr 1fr;gap:6px}.gcard{padding:9px 10px}.pcard{padding:8px 8px}.pname{font-size:.7rem}.plbl{font-size:.55rem}.pavatar{width:28px;height:28px;font-size:.95rem}#movehist{max-height:72px}.ssec{padding:13px 14px}.chips{gap:5px}.chip{padding:5px 10px;font-size:.6rem}.chess-icon{font-size:3.2rem}.mbtn{padding:12px 16px;font-size:.72rem}.room-id{font-size:1.6rem}.owbox{padding:24px 18px}.htwrap,.online-wrap{max-width:100%}.htsec{padding:12px 13px}}@media(max-width:480px){#board{width:min(360px,97vw);height:min(360px,97vw)}.piece{font-size:calc(min(360px,97vw)/8*.82)}.thinkbar{width:min(360px,97vw)}.boardframe{padding:12px}.cstrh{padding:0 12px;height:15px}.cstrv{top:12px;bottom:12px;width:14px}.cch,.ccv{font-size:.41rem}.gpanel{grid-template-columns:1fr}.mode-row{flex-direction:column;gap:7px}.mode-card{padding:11px 12px}.mode-icon{font-size:1.55rem}.gtopbar{gap:4px;padding:4px 7px}.tbbtn{min-height:28px}.ninput{width:115px;font-size:.84rem}.srow{gap:7px}.online-tabs .otab{font-size:.6rem;padding:9px 6px}.join-input{font-size:.75rem}.owroom{font-size:1.2rem}.reswrap{padding:16px 8px}.resstats{gap:6px}.statsval{font-size:1.05rem}.promoch{font-size:2rem;padding:7px}}@media(max-width:380px){#board{width:100vw;height:100vw}.piece{font-size:calc(100vw/8*.8)}.thinkbar{width:100vw}.boardframe{padding:9px;border-radius:5px}.cstrh{padding:0 9px;height:13px}.cstrv{top:9px;bottom:9px;width:12px}.cch,.ccv{font-size:.37rem}.chess-icon{font-size:2.6rem}.menu-logo h1{font-size:1.35rem}.tagline{font-size:.75rem;letter-spacing:.15em}.mbtn{font-size:.66rem;padding:10px 12px}.mi{font-size:1rem}.chip{padding:4px 8px;font-size:.56rem}.ssec{padding:11px 11px}.pcard{padding:6px 6px}.pname{font-size:.62rem}.pavatar{width:24px;height:24px;font-size:.82rem}.restrophy{font-size:3.2rem}.restitle{font-size:1rem}.resstats{grid-template-columns:1fr 1fr}}@media(max-height:500px) and (orientation:landscape){#screen-game{padding:3px}.glayout{grid-template-columns:110px 1fr 110px;gap:5px;max-width:100%}.gtopbar{padding:3px 8px;gap:5px}.glogo{display:none}#board{width:min(300px,56vh);height:min(300px,56vh)}.piece{font-size:calc(min(300px,56vh)/8*.82)}.thinkbar{width:min(300px,56vh)}.boardframe{padding:11px}.cstrh{padding:0 11px;height:13px}.cstrv{top:11px;bottom:11px;width:13px}.gpanel{gap:4px}.gcard{padding:5px 7px}.gcardt{font-size:.48rem;margin-bottom:3px;padding-bottom:2px}.pcard{padding:4px 5px}.pavatar{width:22px;height:22px;font-size:.78rem}.pname{font-size:.58rem}.plbl{font-size:.5rem}.actbtn{padding:3px 5px;font-size:.53rem}#movehist{max-height:50px}#screen-menu{overflow-y:auto;justify-content:flex-start;padding-top:12px}.sscreen{overflow-y:auto}.menu-logo{margin-bottom:10px}.menu-divider{margin-bottom:10px}.mode-row{margin-bottom:10px}.chess-icon{font-size:2.2rem}.menu-logo h1{font-size:1.4rem}}@media(hover:none) and (pointer:coarse){.mbtn:hover{transform:none;box-shadow:none}.mbtn:active{transform:translateX(3px);transition:transform .1s}.sq:hover{background:inherit!important}.sq.light{background:#e8dcc8!important}.sq.dark{background:#7a6248!important}.sq.sel{background:#c8b840!important}.chip:hover{border-color:var(--border);color:var(--ivory-m)}.chip:active{border-color:var(--gold);color:var(--gold-l)}.mode-card:hover{transform:none}.chip{padding:7px 13px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.tog{width:50px;height:27px}.tog::after{width:21px;height:21px}.tog.on::after{transform:translateX(23px)}.tbbtn{min-height:34px;min-width:38px}.back-btn{width:44px;height:44px}.actbtn{min-height:36px}.go-btn,.online-go-btn,.passbtn{min-height:50px}.resbtn{min-height:48px}.mbtn{min-height:50px}}.back-to-game-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:8px;background:linear-gradient(90deg,rgba(201,168,76,.15),rgba(201,168,76,.05));border:1px solid var(--gold-d);border-radius:8px;color:var(--gold-l);font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.08em;cursor:pointer;transition:var(--tr);animation:fadeUp .3s both}.back-to-game-bar:hover{background:linear-gradient(90deg,rgba(201,168,76,.25),rgba(201,168,76,.1));border-color:var(--gold);transform:translateX(3px)}.back-to-game-bar span{font-size:1rem}