@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&family=Inter:wght@300;400;500&display=swap";:root{--bg:#0a0a0c;--bg-panel:#0e0e13f5;--bg-panel-hover:#121218fa;--surface:#ffffff08;--surface-hi:#ffffff0f;--border:#1c1c22;--border-hi:#ffffff1c;--border-gold:#d4af3759;--border-gold-hi:#d4af37a6;--gold:#d4af37;--gold-bright:gold;--gold-dim:#d4af371a;--gold-glow:#d4af3738;--gold-glow-hi:#d4af3773;--txt-hi:#fff;--txt-mid:#8c8c98;--txt-lo:#4e4e5c;--txt-gold:#d4af37;--sq-light:#edd6b1;--sq-dark:#b58863;--sq-light-hover:#f5e0c4;--sq-dark-hover:#c49a74;--sq-highlight-lm:#baca2b80;--sq-highlight-sel:#14551e66;--sq-highlight-sel-dark:#14551e66;--sq-check:#e62d2de6;--sq:68px;--board-size:calc(var(--sq) * 8);--rank-w:20px;--file-h:20px;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--ease:cubic-bezier(.25, 1, .5, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}@media (height<=800px){:root{--sq:58px}}@media (height<=700px){:root{--sq:50px}}@media (width<=600px){:root{--sq:11vw}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,#root{width:100%;height:100%}body{background:var(--bg);color:var(--txt-hi);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.view-home{width:100%;height:300vh;overflow:hidden auto}body.view-game{width:100%;height:100%;overflow:hidden}body.view-home::-webkit-scrollbar{width:5px}body.view-home::-webkit-scrollbar-track{background:0 0}body.view-home::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:10px}body.view-home::-webkit-scrollbar-thumb:hover{background:#c9a84c66}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.game-layout{background:var(--bg);grid-template-rows:50px 1fr;grid-template-columns:1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.game-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);z-index:10;background:#0a0a0ee6;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-right{align-items:center;gap:6px;display:flex}.icon-btn{width:32px;height:32px;color:var(--txt-mid);transition:all .2s var(--ease);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--txt-hi);border-color:var(--border-hi);background:var(--surface-hi)}.brand{align-items:center;gap:14px;display:flex}.brand-logo{font-family:var(--font-display);letter-spacing:.42em;text-transform:uppercase;color:var(--txt-hi);font-size:20px;font-weight:200;line-height:1}.brand-sep{background:var(--border-hi);flex-shrink:0;width:1px;height:16px}.brand-tagline{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-size:8.5px;font-weight:400}.game-main{grid-template-columns:206px 1fr 238px;gap:12px;height:100%;padding:10px 14px;display:grid;overflow:hidden}.side-panel{flex-direction:column;gap:10px;height:100%;display:flex;overflow:hidden}.player-card{-webkit-backdrop-filter:blur(12px);background:#0e0e13d9;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:14px 12px;display:flex}.avatar-wrap{flex-shrink:0;width:76px;height:76px;margin-bottom:8px;position:relative}.avatar{border:2px solid var(--border-gold);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0006,0 4px 16px #0009}.avatar img{object-fit:cover;object-position:center top;width:100%;height:100%}.avatar-badge{border:1.5px solid var(--border-gold);background:linear-gradient(135deg,#1a1520,#0f0e18);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:1px;right:1px;box-shadow:0 2px 6px #00000080}.player-name{font-family:var(--font-display);color:var(--txt-hi);letter-spacing:.02em;text-align:center;font-size:14px;font-weight:500}.player-rating{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;margin-top:2px;font-size:13px;font-weight:600}.timer-box{border:1px solid var(--border-gold);width:100%;transition:all .3s var(--ease);background:#c9a84c0f;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:9px 14px;display:flex}.timer-box.timer-active{border:1.5px solid var(--gold);background:#c9a84c1f;animation:2s ease-in-out infinite timerPulse;box-shadow:0 0 14px #d4af3766,inset 0 0 6px #d4af3733}@keyframes timerPulse{0%,to{box-shadow:0 0 14px #d4af3766}50%{box-shadow:0 0 22px #d4af37b3}}.timer-icon{color:var(--gold);flex-shrink:0}.timer-text{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold);text-align:center;flex:1;font-size:18px;font-weight:400}.panel-section{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;flex-shrink:0;padding:10px 12px;transition:border-color .2s}.panel-section:hover{border-color:var(--border-hi)}.section-label{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:8px;font-weight:600}.captured-row{flex-wrap:wrap;align-items:center;gap:2px;min-height:24px;display:flex}.captured-row+.captured-row{margin-top:4px}.captured-piece{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:22px;line-height:1;display:inline-flex}.move-history-section{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.move-list{scrollbar-width:thin;scrollbar-color:#c9a84c33 transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.move-list::-webkit-scrollbar{width:3px}.move-list::-webkit-scrollbar-track{background:0 0}.move-list::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:4px}.move-row{border-radius:4px;grid-template-columns:24px 58px 58px;align-items:center;gap:0;padding:3.5px 2px;transition:background .15s;display:grid}.move-row:hover{background:var(--surface)}.move-num{font-family:var(--font-display);color:var(--txt-lo);font-size:11px;font-weight:400}.move-w,.move-b{font-family:var(--font-display);color:var(--txt-mid);border-radius:3px;padding:2px 4px;font-size:12px;font-weight:400;transition:all .15s}.move-row.move-active .move-w{color:var(--txt-hi);font-weight:500}.move-row.move-active .move-b{color:var(--gold);font-weight:600}.board-section{justify-content:center;align-items:center;height:100%;padding:0 4px;display:flex;overflow:hidden}.board-outer{background:linear-gradient(135deg,#3d2314 0%,#201008 100%);border:4px solid #4a2f1b;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:flex-start;padding:28px 28px 6px 6px;display:flex;box-shadow:0 0 0 1px #d4af3740,0 24px 70px #000000f2,0 8px 24px #000c,inset 0 0 20px #00000080}.board-with-ranks{flex-direction:row;align-items:flex-start;display:flex}.rank-labels{width:var(--rank-w);flex-direction:column;flex-shrink:0;display:flex}.rank-label{width:var(--rank-w);height:var(--sq);font-family:var(--font-display);color:#d4af37a6;-webkit-user-select:none;user-select:none;letter-spacing:.04em;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.file-labels{flex-direction:row;margin-top:3px;display:flex}.rank-labels-spacer{width:var(--rank-w);flex-shrink:0}.file-label{width:var(--sq);height:var(--file-h);font-family:var(--font-display);color:#d4af37a6;-webkit-user-select:none;user-select:none;letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.board-grid{grid-template-columns:repeat(8, var(--sq));grid-template-rows:repeat(8, var(--sq));border:4px solid #100a04;border-radius:2px;flex-shrink:0;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #0006,0 12px 40px #000000e6}.board-square{width:var(--sq);height:var(--sq);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color 60ms;display:flex;position:relative}.board-square:after{content:"";pointer-events:none;z-index:4;background:0 0;transition:background 80ms;position:absolute;inset:0}.board-square.sq-drag-over:after{background:#ffffff38}.sq-light{background-color:var(--sq-light)}.sq-dark{background-color:var(--sq-dark)}.sq-highlight{background-color:#baca2b80!important;box-shadow:inset 0 0 8px #baca2b33!important}.sq-selected{background-color:#14551e66!important;box-shadow:inset 0 0 0 2px #fff3!important}.sq-check{animation:1.2s ease-in-out infinite alternate checkPulse;background:radial-gradient(circle,#e62d2de6 0%,#b414144d 100%)!important}@keyframes checkPulse{0%{opacity:.75}to{opacity:1}}.legal-dot{z-index:3;pointer-events:none;background:#00000038;border-radius:50%;width:30%;height:30%;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.legal-capture{z-index:3;pointer-events:none;box-sizing:border-box;border:4px solid #00000038;border-radius:0;position:absolute;inset:0}.chess-piece{-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:2px;font-size:42px;line-height:1;display:flex;position:relative}.piece-wrap{z-index:2;cursor:grab;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.piece-wrap:active{cursor:grabbing}.piece-wrap.dragging{opacity:.35}.piece-wrap.piece-dragging-ghost{opacity:.9;transform:scale(1.1)}.captured-piece-wrap{justify-content:center;align-items:center;display:flex}.ai-thinking-bar{background:#d4af370f;border:1px solid #d4af3733;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 12px;animation:.3s thinkFade;display:flex}@keyframes thinkFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-thinking-dots{gap:4px;display:flex}.ai-thinking-dots span{background:var(--gold);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dotBounce}.ai-thinking-dots span:nth-child(2){animation-delay:.2s}.ai-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ai-thinking-text{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:9px;font-weight:500}.eval-container{align-items:flex-end;gap:0;height:56px;margin-top:6px;padding-top:22px;display:flex;position:relative}.eval-bars{flex:1;align-items:flex-end;gap:2px;height:100%;padding-bottom:2px;display:flex}.eval-bar{background:linear-gradient(to top, var(--gold), var(--gold-bright));opacity:.88;transition:height .4s var(--ease);border-radius:2px 2px 0 0;flex:1;min-height:3px}.eval-value{font-family:var(--font-display);color:var(--gold);letter-spacing:.04em;font-size:16px;font-weight:500;line-height:1;position:absolute;top:0;right:0}.controls-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;display:grid}.ctrl-btn{border:1px solid var(--border);background:var(--surface);color:var(--txt-mid);transition:all .2s var(--ease);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}.ctrl-btn:hover{border-color:var(--border-hi);background:var(--surface-hi);color:var(--txt-hi);transform:translateY(-1px)}.ctrl-btn:active{transform:translateY(0)}.ctrl-btn span{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:500}.ctrl-btn-resign{color:#c83c3cb3;border-color:#c83c3c26}.ctrl-btn-resign:hover{color:#dc5050e6;background:#c83c3c0f;border-color:#c83c3c59}.game-footer{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#0a0a0eeb;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:0 20px;display:grid}.footer-tabs{align-items:center;gap:2px;display:flex}.footer-tab{color:var(--txt-lo);transition:all .2s var(--ease);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;height:36px;padding:7px 18px;font-size:10px;font-weight:600;display:flex}.footer-tab:hover{color:var(--txt-mid);background:var(--surface)}.footer-tab.tab-active{color:var(--gold);border-color:var(--border-gold);background:var(--gold-dim);box-shadow:0 0 8px #c9a84c1a}.footer-status{justify-content:center;align-items:center;gap:10px;display:flex}.status-dot{background:#4caf50;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.8s ease-in-out infinite statusPulse;box-shadow:0 0 8px #4caf5099}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 8px #4caf5099}50%{opacity:.7;box-shadow:0 0 14px #4caf50e6}}.status-info{flex-direction:column;align-items:flex-start;display:flex}.status-turn{font-family:var(--font-display);color:var(--txt-hi);font-size:12px;font-weight:500;line-height:1.1}.status-sub{font-family:var(--font-body);color:var(--txt-mid);font-size:10px;font-weight:400}.footer-controls{align-items:center;gap:20px;display:flex}.toggle-group{align-items:center;gap:7px;display:flex}.toggle-icon{color:var(--txt-lo);flex-shrink:0}.toggle-label{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--txt-mid);font-size:9px;font-weight:600}.toggle-switch{border:1px solid var(--border-hi);width:38px;height:20px;transition:all .25s var(--ease);background:#ffffff0d;border-radius:100px;flex-shrink:0;position:relative}.toggle-switch.toggle-on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px #c9a84c59}.toggle-thumb{width:14px;height:14px;transition:all .25s var(--ease-bounce);background:#fff9;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.toggle-switch.toggle-on .toggle-thumb{background:#fff;left:calc(100% - 16px)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c9a84c59}.board-grid-container{position:relative}.chat-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-status-dot{vertical-align:middle;background:#ffffff26;border-radius:50%;width:6px;height:6px;margin-left:8px;transition:background .3s;display:inline-block}.chat-status-dot.connected{background:#4caf50;box-shadow:0 0 6px #4caf5080}.chat-messages{scrollbar-width:thin;scrollbar-color:#c9a84c33 transparent;flex-direction:column;flex:1;gap:6px;padding:4px 0;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:4px}.chat-empty{font-family:var(--font-display);letter-spacing:.12em;color:var(--txt-lo);flex:1;justify-content:center;align-items:center;font-size:10px;font-weight:400;display:flex}.chat-msg{border-radius:8px;max-width:95%;padding:6px 10px}.chat-msg-self{background:#c9a84c14;border:1px solid #c9a84c26;align-self:flex-end}.chat-msg-other{border:1px solid var(--border);background:#ffffff08;align-self:flex-start}.chat-msg-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.chat-msg-sender{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:8px;font-weight:600}.chat-msg-time{font-family:var(--font-display);color:var(--txt-lo);font-size:8px;font-weight:400}.chat-msg-body{font-family:var(--font-body);color:var(--txt-hi);word-break:break-word;font-size:12px;font-weight:400;line-height:1.4}.chat-input-bar{border-top:1px solid var(--border);align-items:center;gap:6px;margin-top:8px;padding-top:8px;display:flex}.chat-input{border:1px solid var(--border);font-family:var(--font-body);color:var(--txt-hi);background:#ffffff08;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:12px;transition:border-color .2s}.chat-input::placeholder{color:var(--txt-lo)}.chat-input:focus{border-color:var(--border-gold)}.chat-send-btn{border:1px solid var(--border-gold);width:34px;height:34px;color:var(--gold);cursor:pointer;transition:all .2s var(--ease);background:#c9a84c14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover:not(:disabled){background:#c9a84c2e;box-shadow:0 0 10px #c9a84c33}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed}.emoji-panel{flex-direction:column;flex:1;min-height:0;display:flex}.emoji-grid{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 0;display:flex}.emoji-btn{border:1px solid var(--border);cursor:pointer;width:52px;height:52px;transition:all .2s var(--ease);background:#ffffff05;border-radius:12px;outline:none;justify-content:center;align-items:center;font-size:28px;display:flex}.emoji-btn:hover{border-color:var(--border-gold);background:#c9a84c14;transform:scale(1.15);box-shadow:0 0 14px #c9a84c33}.emoji-btn:active{transform:scale(.95)}.emoji-hint{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--txt-lo);text-align:center;margin-top:8px;font-size:8px;font-weight:400}.floating-emojis-overlay{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.floating-emoji{animation:emojiFloat 2s var(--ease) forwards;pointer-events:none;filter:drop-shadow(0 4px 12px #00000080);font-size:48px;position:absolute;bottom:80px}@keyframes emojiFloat{0%{opacity:1;transform:translateY(0)scale(.5)rotate(0)}30%{opacity:1;transform:translateY(-120px)scale(1.2)rotate(-8deg)}70%{opacity:.8;transform:translateY(-280px)scale(1)rotate(5deg)}to{opacity:0;transform:translateY(-420px)scale(.6)rotate(-3deg)}}.piece-glyph{font-size:calc(var(--sq) * .72);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;transition:transform .25s var(--ease), opacity .2s;line-height:1;position:relative}.piece-glyph.piece-w{color:#f0ede5;filter:drop-shadow(0 3px 6px #000000e6)drop-shadow(0 1px 2px #000000b3)drop-shadow(0 0 10px #ffffff24)}.piece-glyph.piece-b{color:#2a2a38;filter:drop-shadow(0 2px 5px #000)drop-shadow(0 0 6px #6464a040)drop-shadow(0 0 12px #50508c26);-webkit-text-stroke:.5px #b4b4c859}.piece-dragging{opacity:.85;transform:scale(1.15)}.sq-legal{cursor:pointer}.piece-animate{animation:.16s cubic-bezier(.25,1,.5,1) both pieceSlide}@keyframes pieceSlide{0%{transform:translate(var(--slide-x,0), var(--slide-y,0));opacity:.85}to{opacity:1;transform:translate(0)}}.piece-capture-animate{animation:.22s both captureFlash}@keyframes captureFlash{0%{box-shadow:inset 0 0 0px var(--gold);filter:brightness()}30%{box-shadow:inset 0 0 24px var(--gold);filter:brightness(1.25)}to{box-shadow:inset 0 0 0px var(--gold);filter:brightness()}}@keyframes promotionPop{0%{opacity:0;transform:scale(.3)rotate(-15deg)}60%{opacity:1;transform:scale(1.15)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.captured-row-styled{flex-wrap:wrap;align-items:center;gap:2px;min-height:22px;padding:2px 0;display:flex}.cap-piece{-webkit-user-select:none;user-select:none;font-size:18px;line-height:1}.cap-white{color:#e0ddd5;filter:drop-shadow(0 1px 2px #0009)}.cap-black{color:#3a3a4a;filter:drop-shadow(0 1px 2px #000c)drop-shadow(0 0 4px #7878b433);-webkit-text-stroke:.4px #b4b4dc4d}.captured-empty{font-family:var(--font-display);color:var(--txt-lo);letter-spacing:.1em;font-size:10px}.online-dot{border:2px solid var(--bg-panel);z-index:2;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.online-dot.online{background:#4caf50;box-shadow:0 0 6px #4caf5080}.online-dot.offline{background:#555}.avatar-initials{font-family:var(--font-display);color:var(--gold);letter-spacing:.06em;font-size:16px;font-weight:600}.position-info{margin-top:4px}.pos-badge{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:6px 16px;font-size:10px;font-weight:600;display:inline-block}.pos-badge.check{color:#ffb400;background:#ffb4001f;border:1px solid #ffb4004d}.pos-badge.checkmate{color:#dc3c3c;background:#dc3c3c1f;border:1px solid #dc3c3c4d}.pos-badge.stalemate,.pos-badge.draw-badge{color:#88f;background:#6464ff14;border:1px solid #6464ff33}.pos-badge.neutral{color:#e2e2e9;background:#ffffff0a;border:1px solid #c8c8d259}.ctrl-badge{color:#fff;background:#dc3c3c;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 6px #dc3c3c80}.ctrl-btn{position:relative}.room-badge{border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .2s var(--ease);border-radius:8px;align-items:center;gap:8px;padding:5px 14px;display:flex}.room-badge:hover{border-color:var(--border-gold);background:var(--gold-dim)}.room-label{font-family:var(--font-display);letter-spacing:.2em;color:var(--txt-lo);text-transform:uppercase;font-size:8px;font-weight:600}.room-code{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;font-size:11px;font-weight:500}.room-copy-icon{color:var(--txt-lo);transition:color .2s}.room-badge:hover .room-copy-icon{color:var(--gold)}.conn-status{color:#555;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .3s;display:flex}.conn-status.connected{color:#4caf50}.tab-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.tab-badge{color:#fff;min-width:14px;height:14px;font-family:var(--font-display);background:#dc3c3c;border-radius:7px;justify-content:center;align-items:center;padding:0 3px;font-size:8px;font-weight:700;display:flex;position:absolute;top:-6px;right:-10px;box-shadow:0 0 6px #dc3c3c80}.status-dot-off{box-shadow:none!important;background:#555!important;animation:none!important}.toast-container{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{border:1px solid var(--border-gold);color:var(--txt-hi);font-family:var(--font-display);letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toastIn .3s var(--ease) both;pointer-events:auto;background:#14141cf2;border-radius:10px;padding:10px 18px;font-size:11px;font-weight:500;box-shadow:0 8px 24px #00000080,0 0 12px #c9a84c1a}@keyframes toastIn{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.req-modal{border:1px solid var(--border-gold);text-align:center;animation:modalPop .3s var(--ease-bounce) both;background:#101016fa;border-radius:16px;min-width:280px;padding:28px 36px;box-shadow:0 16px 64px #0009,0 0 20px #c9a84c1a}@keyframes modalPop{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.req-modal-title{font-family:var(--font-display);letter-spacing:.2em;color:var(--gold);margin-bottom:8px;font-size:12px;font-weight:600}.req-modal-from{font-family:var(--font-body);color:var(--txt-mid);margin-bottom:20px;font-size:13px}.req-modal-btns{justify-content:center;gap:10px;display:flex}.req-btn{font-family:var(--font-display);letter-spacing:.14em;cursor:pointer;transition:all .2s var(--ease);border-radius:8px;padding:8px 24px;font-size:10px;font-weight:600}.req-accept{color:#4caf50;background:#4caf5026;border:1px solid #4caf5066}.req-accept:hover{background:#4caf5040;box-shadow:0 0 12px #4caf5033}.req-reject{color:#dc3c3c;background:#dc3c3c1a;border:1px solid #dc3c3c4d}.req-reject:hover{background:#dc3c3c33;box-shadow:0 0 12px #dc3c3c33}.promo-modal{border:1px solid var(--border-gold);text-align:center;animation:modalPop .3s var(--ease-bounce) both;background:#101016fa;border-radius:16px;padding:24px 32px;box-shadow:0 16px 64px #0009,0 0 20px #c9a84c1a}.promo-title{font-family:var(--font-display);letter-spacing:.2em;color:var(--gold);margin-bottom:16px;font-size:11px;font-weight:600}.promo-pieces{justify-content:center;gap:10px;display:flex}.promo-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:56px;height:56px;transition:all .2s var(--ease);border-radius:10px;justify-content:center;align-items:center;font-size:36px;display:flex}.promo-btn:hover{border-color:var(--border-gold);background:var(--gold-dim);transform:scale(1.1);box-shadow:0 0 14px #c9a84c33}.game-end-backdrop{z-index:70}.game-end-modal{border:1px solid var(--border-gold);text-align:center;animation:modalPop .4s var(--ease-bounce) both;background:#0c0c12fa;border-radius:20px;min-width:340px;max-width:420px;padding:36px 44px;box-shadow:0 24px 80px #000000b3,0 0 30px #c9a84c1f}.end-result-badge{font-family:var(--font-display);letter-spacing:.06em;border-radius:10px;margin-bottom:12px;padding:8px 20px;font-size:24px;font-weight:700;display:inline-block}.end-result-badge.win{color:#4caf50;background:#4caf5026;border:1px solid #4caf5066}.end-result-badge.loss{color:#dc3c3c;background:#dc3c3c1f;border:1px solid #dc3c3c4d}.end-result-badge.draw{color:#88f;background:#6464ff1a;border:1px solid #6464ff40}.end-title{font-family:var(--font-display);color:var(--txt-hi);margin-bottom:4px;font-size:22px;font-weight:600}.end-reason{font-family:var(--font-display);letter-spacing:.18em;color:var(--txt-lo);text-transform:uppercase;margin-bottom:24px;font-size:10px;font-weight:500}.end-stats{justify-content:center;gap:24px;margin-bottom:28px;display:flex}.end-stat{text-align:center}.end-stat-val{font-family:var(--font-display);color:var(--txt-hi);font-size:20px;font-weight:600}.end-stat-lbl{font-family:var(--font-display);letter-spacing:.2em;color:var(--txt-lo);margin-top:2px;font-size:8px;font-weight:500}.elo-gain{color:#4caf50}.elo-loss{color:#dc3c3c}.end-btns{flex-direction:column;gap:8px;display:flex}.end-btn{font-family:var(--font-display);letter-spacing:.12em;cursor:pointer;transition:all .2s var(--ease);text-transform:uppercase;border-radius:10px;padding:10px 24px;font-size:11px;font-weight:600}.end-btn-review{background:var(--surface);border:1px solid var(--border-hi);color:var(--txt-hi)}.end-btn-review:hover{background:var(--surface-hi);border-color:var(--border-gold)}.end-btn-again{border:1px solid var(--border-gold);color:var(--gold);background:#c9a84c1f}.end-btn-again:hover{background:#c9a84c38;box-shadow:0 0 14px #c9a84c33}.end-btn-home{border:1px solid var(--border);color:var(--txt-mid);background:0 0}.end-btn-home:hover{border-color:var(--border-hi);color:var(--txt-hi)}.waiting-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0c12d9;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.waiting-spinner{border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.waiting-text{font-family:var(--font-display);color:var(--txt-hi);letter-spacing:.06em;font-size:13px;font-weight:500}.waiting-room{font-family:var(--font-display);color:var(--txt-lo);letter-spacing:.1em;font-size:10px}.waiting-room strong{color:var(--gold)}.board-section{position:relative}.move-empty{font-family:var(--font-display);color:var(--txt-lo);letter-spacing:.1em;text-align:center;padding:8px 0;font-size:10px}.home-app{z-index:10;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.canvas-wrap{z-index:0;pointer-events:auto;position:fixed;inset:0}.home-header{z-index:20;pointer-events:none;align-items:center;padding:32px 48px;display:flex;position:absolute;top:0;left:0;right:0}.home-brand-name{font-family:var(--font-display);letter-spacing:.5em;text-transform:uppercase;color:var(--txt-hi);flex-direction:column;align-items:flex-start;gap:6px;font-size:26px;font-weight:200;line-height:1;display:flex}.home-brand-sub{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-size:8.5px;font-weight:300}.mobile-decor-wrap{display:none}.play-panel{z-index:20;pointer-events:auto;flex-direction:column;width:260px;display:flex;position:absolute;top:50%;left:48px;transform:translateY(-50%)}.play-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--txt-hi);opacity:0;animation:fadeLeft .7s var(--ease) .16s forwards;font-size:62px;font-weight:200;line-height:1}.play-tagline{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:0;animation:fadeLeft .7s var(--ease) .24s forwards;margin-top:8px;margin-bottom:20px;font-size:9px;font-weight:400}.play-btn{background:linear-gradient(135deg, var(--gold-bright) 0%, #d4b55abf 100%);cursor:pointer;opacity:0;width:180px;height:52px;animation:fadeLeft .7s var(--ease) .36s forwards;transition:all .3s var(--ease);border:1px solid #d4b55aa6;border-radius:10px;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.play-btn:before{content:"";opacity:0;transition:opacity .3s var(--ease);background:linear-gradient(135deg,#d4b55a24 0%,#d4b55a14 100%);position:absolute;inset:0}.play-btn:hover:before{opacity:1}.play-btn:hover{box-shadow:0 0 22px var(--gold-glow), 0 0 8px #c9a84c26 inset;border-color:#c9a84ce6;transform:translateY(-2px)}.play-btn:active{transform:translateY(0)}.play-btn-inner{z-index:1;font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--txt-hi);align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex;position:relative}.play-btn-triangle{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid var(--txt-hi);width:0;height:0;transition:transform .2s var(--ease);flex-shrink:0}.play-btn:hover .play-btn-triangle{transform:translate(3px)}@keyframes fadeLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.ctrl-panel{z-index:20;opacity:0;width:220px;animation:fadeRight .8s var(--ease) .15s forwards;pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute;top:45%;right:48px;transform:translateY(-50%)}@keyframes fadeRight{0%{opacity:0;transform:translate(24px,-50%)}to{opacity:1;transform:translateY(-50%)}}.home-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);transition:border-color .3s var(--ease);border-radius:12px;padding:16px 18px}.home-card:hover{border-color:var(--border-hi)}.card-label{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--txt-hi);margin-bottom:12px;font-size:8px;font-weight:500}.metal-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metal-btn{border:1px solid var(--border);cursor:pointer;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--txt-hi);transition:all .2s var(--ease);background:#ffffff03;border-radius:8px;outline:none;padding:8px 4px;font-size:8px;font-weight:500}.metal-btn:hover{border-color:var(--border-hi);color:var(--txt-mid);background:#ffffff08}.metal-btn.on{border-color:var(--gold);color:var(--gold);background:var(--gold-dim);box-shadow:0 0 8px #c9a84c26}.slider-block{flex-direction:column;gap:8px;display:flex}.slider-row-top{justify-content:space-between;align-items:center;display:flex}.slider-lbl{font-family:var(--font-display);color:var(--txt-hi);font-size:11px;font-weight:300}.slider-val{font-family:var(--font-display);color:var(--gold);font-size:11px;font-weight:400}input[type=range]{appearance:none;cursor:pointer;background:#ffffff0d;border-radius:100px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gold);cursor:pointer;border:2px solid #0000004d;border-radius:50%;width:13px;height:13px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 6px #c9a84c66}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 10px #c9a84cb3}.features-box{-webkit-backdrop-filter:blur(24px);pointer-events:auto;z-index:30;background:#0a0a0ceb;border:1px solid #c9a84c40;border-radius:16px;grid-template-columns:repeat(4,1fr);align-items:center;gap:32px;height:96px;padding:0 32px;display:grid;position:absolute;bottom:32px;left:48px;right:48px;box-shadow:0 8px 32px #0009}.feature-item{align-items:center;gap:16px;display:flex}.feature-icon{color:var(--gold);flex-shrink:0}.feature-info{flex-direction:column;gap:4px;display:flex}.feature-title{font-family:var(--font-display);letter-spacing:.12em;color:var(--gold);font-size:10px;font-weight:600}.feature-desc{font-family:var(--font-body);color:var(--txt-mid);font-size:9px;font-weight:400;line-height:1.3}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#0000008c;justify-content:center;align-items:center;animation:.2s forwards backdropIn;display:flex;position:fixed;inset:0}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:400px;animation:modalIn .3s var(--ease) forwards;background:linear-gradient(160deg,#0e0e12f7 0%,#08080cf7 100%);border:1px solid #c9a84c40;border-radius:20px;padding:32px 28px 24px;position:relative;box-shadow:0 24px 60px #000000b3,inset 0 0 0 1px #ffffff08,inset 0 0 40px #c9a84c0d}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{width:28px;height:28px;color:var(--txt-mid);cursor:pointer;transition:all .2s var(--ease);background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--gold);background:#c9a84c0f;border-color:#c9a84c66}.modal-timer{font-family:var(--font-display);letter-spacing:.2em;color:var(--txt-lo);pointer-events:none;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:100px;padding:3px 10px;font-size:9px;font-weight:500;position:absolute;top:16px;left:50%;transform:translate(-50%)}.modal-eyebrow{font-family:var(--font-display);letter-spacing:.36em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:8px;font-weight:500}.modal-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-hi);margin-bottom:20px;font-size:22px;font-weight:200;line-height:1.1}.mode-list{flex-direction:column;gap:8px;display:flex}.mode-card{cursor:pointer;text-align:left;width:100%;transition:all .2s var(--ease);background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;outline:none;align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.mode-card:before{content:"";opacity:0;transition:opacity .2s var(--ease);background:linear-gradient(135deg,#c9a84c14 0%,#0000 60%);position:absolute;inset:0}.mode-card:hover{background:#c9a84c0a;border-color:#c9a84c59;transform:translate(3px);box-shadow:0 2px 16px #0000004d}.mode-card:hover:before{opacity:1}.mode-card:active{transform:translate(1px)}.mode-icon{color:var(--gold);width:36px;height:36px;transition:all .2s var(--ease);background:#c9a84c14;border:1px solid #c9a84c26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mode-card:hover .mode-icon{background:#c9a84c24;border-color:#c9a84c59;box-shadow:0 0 12px #c9a84c33}.mode-info{z-index:1;flex-direction:column;flex:1;gap:2px;display:flex;position:relative}.mode-title{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--txt-hi);font-size:11px;font-weight:600;line-height:1}.mode-sub{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:8px;font-weight:400}.mode-desc{display:none}.mode-arrow{color:#c9a84c4d;transition:all .2s var(--ease);z-index:1;flex-shrink:0;font-size:20px;position:relative}.mode-card:hover .mode-arrow{color:var(--gold);transform:translate(3px)}.modal-footer-line{background:linear-gradient(90deg,#0000,#c9a84c2e,#0000);width:100%;height:1px;margin:20px 0 12px}.modal-footer-text{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--txt-lo);text-align:center;font-size:7.5px;font-weight:400}.legal-dot{width:14px;height:14px;box-shadow:0 0 8px var(--gold-bright);z-index:3;pointer-events:none;border-radius:50%;animation:.2s cubic-bezier(.175,.885,.32,1.275) both dotAppear;position:absolute;background:var(--gold)!important}.legal-capture{z-index:3;pointer-events:none;background: linear-gradient(to right, var(--gold) 8px, transparent 8px) 0 0 / 100% 3px, linear-gradient(to bottom, var(--gold) 8px, transparent 8px) 0 0 / 3px 100%,  linear-gradient(to left, var(--gold) 8px, transparent 8px) 100% 0 / 100% 3px, linear-gradient(to bottom, var(--gold) 8px, transparent 8px) 100% 0 / 3px 100%,  linear-gradient(to right, var(--gold) 8px, transparent 8px) 0 100% / 100% 3px, linear-gradient(to top, var(--gold) 8px, transparent 8px) 0 100% / 3px 100%,  linear-gradient(to left, var(--gold) 8px, transparent 8px) 100% 100% / 100% 3px, linear-gradient(to top, var(--gold) 8px, transparent 8px) 100% 100% / 3px 100%;filter:drop-shadow(0 0 4px var(--gold-glow-hi));background-repeat:no-repeat;animation:.2s cubic-bezier(.175,.885,.32,1.275) both dotAppear;position:absolute;inset:6px}.board-square:hover:after{background:#ffffff0d}.board-square:has(.chess-piece-svg):hover{filter:brightness(1.15)}@keyframes piece-move-slide{0%{transform:translate(var(--slide-x), var(--slide-y)) scale(1.05);filter:drop-shadow(0 8px 12px #00000059)}75%{filter:drop-shadow(0 8px 12px #00000059);transform:translate(0)scale(1.05)}88%{filter:drop-shadow(0 2px 4px #0003);transform:translate(0)scale(.97)}to{filter:drop-shadow(0 4px 6px #00000040);transform:translate(0)scale(1)}}.piece-animate{z-index:10;animation:.24s cubic-bezier(.25,.46,.45,.94) forwards piece-move-slide;position:relative}@keyframes piece-capture-slide{0%{transform:translate(var(--slide-x), var(--slide-y)) scale(1.1);filter:drop-shadow(0 12px 18px #00000073)}75%{filter:drop-shadow(0 12px 18px #00000073);transform:translate(0)scale(1.1)}88%{filter:drop-shadow(0 2px 4px #0003);transform:translate(0)scale(.95)}to{filter:drop-shadow(0 4px 6px #00000040);transform:translate(0)scale(1)}}.piece-capture-animate{z-index:10;animation:.26s cubic-bezier(.25,.46,.45,.94) forwards piece-capture-slide;position:relative}.sq-captured-flash{animation:.35s ease-out forwards captureFlash}.captured-piece-wrap{justify-content:center;align-items:center;transition:transform .2s;display:flex}.captured-piece-wrap:hover{transform:scale(1.2)}.piece-promoted{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards promoteEffect}@keyframes promoteEffect{0%{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:.8;transform:scale(1.3)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(360deg)}}.check-banner{border:1.5px solid var(--gold,#d4af37);z-index:100;pointer-events:none;background:linear-gradient(135deg,#e62d2df2 0%,#b41414f2 100%);border-radius:24px;align-items:center;gap:8px;padding:6px 20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) both bannerSlideIn;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #e62d2d66,inset 0 0 10px #ffd70033}.check-banner-icon{color:#fff;text-shadow:0 0 5px #fff9;font-size:13px;font-weight:700}.check-banner-text{color:#fff;letter-spacing:3px;text-transform:uppercase;text-shadow:0 1px 3px #00000080;font-size:11px;font-weight:800}@keyframes bannerSlideIn{0%{opacity:0;transform:translate(-50%,-20px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.board-container-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:max-content;display:flex}.board-view-container{box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.board-controls-bar{width:calc(var(--board-size) + 62px);background:var(--bg-panel);border:1px solid var(--border-gold);border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;box-shadow:0 4px 20px #0006}.controls-bar-left{align-items:center;gap:10px;width:32%;display:flex}.controls-bar-center{justify-content:center;align-items:center;gap:16px;width:42%;display:flex}.controls-bar-right{justify-content:flex-end;align-items:center;width:26%;display:flex}.toggle-group-item{align-items:center;gap:6px;display:flex}.toggle-label-text{font-family:var(--font-display);letter-spacing:.1em;color:var(--txt-mid);font-size:10px;font-weight:600}.mode-btn-alternate{border:1px solid var(--border-gold);color:var(--gold);font-family:var(--font-display);letter-spacing:.05em;transition:all .2s var(--ease);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.mode-btn-alternate:hover{background:var(--gold-dim);border-color:var(--gold-bright);color:var(--txt-hi);box-shadow:0 0 8px var(--gold-glow)}#btn-resign.ctrl-btn-resign{grid-column:span 2}.panel-tabs{border:1px solid var(--border);background:#ffffff05;border-radius:8px;margin-bottom:4px;padding:2px;display:flex}.panel-tab{font-family:var(--font-display);color:var(--txt-mid);transition:all .2s var(--ease);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 4px;font-size:10px;font-weight:500;display:flex}.panel-tab:hover{color:var(--txt-hi);background:#ffffff08}.panel-tab.tab-active{background:var(--gold-dim);border:1px solid var(--border-gold);color:var(--gold)}.cap-white path,.cap-white circle,.cap-white line{fill:#7c7c8c!important;stroke:#7c7c8c!important}.cap-black path,.cap-black circle,.cap-black line{fill:#fff!important;stroke:#fff!important}.theme-sandalwood{--sq-light:#edd6b1;--sq-dark:#b58863;background:linear-gradient(135deg,#3d2314 0%,#201008 100%)!important;border-color:#4a2f1b!important}.theme-emerald{--sq-light:#eae3d2;--sq-dark:#4b7355;background:linear-gradient(135deg,#1b2e1f 0%,#0d1a10 100%)!important;border-color:#243e2a!important}.theme-classic-blue{--sq-light:#dee3e8;--sq-dark:#4a75a0;background:linear-gradient(135deg,#1b263b 0%,#0d1321 100%)!important;border-color:#2b3a55!important}.theme-crimson{--sq-light:#e8d7d7;--sq-dark:#a83b3b;background:linear-gradient(135deg,#3b1616 0%,#1a0a0a 100%)!important;border-color:#592525!important}.header-info-desktop,.header-stats-desktop{align-items:center;gap:12px;animation:.8s forwards fadeIn;display:flex}.info-tag,.stat-tag{font-family:var(--font-display);letter-spacing:.15em;color:var(--txt-mid);-webkit-backdrop-filter:blur(8px);background:#0e0e1399;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:8px;display:flex}.stat-dot{border-radius:50%;width:6px;height:6px}.green-pulse{background:#4caf50;animation:2s infinite pulse-green;box-shadow:0 0 8px #4caf5099}.gold-pulse{background:var(--gold);animation:2s infinite pulse-gold;box-shadow:0 0 8px #d4b55a99}@keyframes pulse-green{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 12px #4caf50cc}to{opacity:.6;transform:scale(.9)}}@keyframes pulse-gold{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 12px #d4b55acc}to{opacity:.6;transform:scale(.9)}}.home-header{justify-content:space-between;align-items:center;width:100%;display:flex}.home-brand-name{align-items:center;position:absolute;left:50%;transform:translate(-50%)}@media (width<=900px){.header-info-desktop,.header-stats-desktop{display:none!important}}@media (width<=768px){.home-app{pointer-events:none!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;height:100dvh!important;padding:20px 20px 60px!important;display:flex!important}.home-header{justify-content:center!important;padding:40px 20px 24px!important}.home-brand-name{letter-spacing:.3em!important;flex-direction:column!important;align-items:center!important;font-size:42px!important;display:flex!important;position:static!important;transform:none!important}.home-brand-sub{letter-spacing:.35em!important;margin-bottom:20px!important;font-size:12px!important}.mobile-decor-wrap{animation:1.2s ease-out forwards fadeInDecor;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;margin-bottom:0!important;display:flex!important}.decor-glow-dot{background:var(--gold);width:5px;height:5px;box-shadow:0 0 10px var(--gold);border-radius:50%;animation:2.5s ease-in-out infinite pulseGlow}.decor-text-line{font-family:var(--font-display);text-transform:uppercase;font-weight:600;letter-spacing:.22em!important;color:var(--txt-hi)!important;text-shadow:0 2px 6px #000000e6!important;font-size:10px!important}.decor-sub-line{font-family:var(--font-body);opacity:.85;text-transform:uppercase;letter-spacing:.16em!important;color:var(--txt-mid)!important;text-shadow:0 1px 4px #000000e6!important;font-size:7px!important}@keyframes fadeInDecor{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;box-shadow:0 0 14px var(--gold);transform:scale(1.35)}}.play-panel{text-align:center!important;pointer-events:auto!important;width:100%!important;max-width:320px!important;animation:fadeLeftMobile .7s var(--ease) .16s both!important;align-items:center!important;margin:0 0 24px!important;padding:0!important;position:static!important;transform:none!important}@keyframes fadeLeftMobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.play-title,.play-tagline{display:none!important}.play-btn{width:100%!important;max-width:320px!important;height:40px!important}.ctrl-panel{border:1px solid var(--border)!important;-webkit-backdrop-filter:blur(12px)!important;pointer-events:auto!important;width:100%!important;max-width:320px!important;animation:fadeRightMobile .8s var(--ease) .15s both!important;background:#0a0a0ed9!important;border-radius:14px!important;gap:16px!important;padding:10px 8px!important;position:static!important;transform:none!important}@keyframes fadeRightMobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-card{background:0 0!important;border:none!important;padding:4px 8px!important}.card-label{margin-bottom:4px!important;font-size:8px!important}.metal-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.metal-btn{padding:5px 2px!important;font-size:7px!important}.slider-block{gap:4px!important}.slider-row-top,.slider-lbl,.slider-val{font-size:9px!important}.features-box{display:none!important}}@media (width<=850px){.game-layout{height:100vh;grid-template-rows:50px 1fr!important}.game-main{align-content:start;grid-template:"top-panel""board-section""bottom-panel"/1fr!important;gap:8px!important;height:calc(100vh - 50px)!important;padding:8px!important;display:grid!important;overflow-y:auto!important}.left-panel{flex-direction:column!important;grid-area:top-panel!important;gap:6px!important;height:auto!important;display:flex!important}.board-section{flex-direction:column!important;grid-area:board-section!important;align-items:center!important;width:100%!important;max-width:100%!important;display:flex!important}.right-panel{flex-direction:column!important;grid-area:bottom-panel!important;gap:6px!important;height:auto!important;display:flex!important}.player-card{background:#0e0e13f2!important;border:1px solid #ffffff0d!important;grid-template:"avatar name timer""avatar rating timer"/auto 1fr auto!important;align-items:center!important;gap:4px 12px!important;width:100%!important;padding:8px 14px!important;display:grid!important}.avatar-wrap{grid-area:avatar!important;width:36px!important;height:36px!important;margin-bottom:0!important}.avatar{width:36px!important;height:36px!important}.avatar-badge{width:14px!important;height:14px!important;bottom:-2px!important;right:-2px!important}.avatar-badge svg{width:8px!important;height:8px!important}.player-card>div:nth-of-type(2){grid-area:name!important;align-self:end!important;align-items:center!important;gap:6px!important;margin-bottom:0!important;display:flex!important}.player-name{font-size:13px!important;font-weight:600!important}.player-card .player-rating{color:var(--txt-mid)!important;grid-area:rating!important;align-self:start!important;margin-bottom:0!important;font-size:9px!important}.player-card .timer-box{grid-area:timer!important;justify-self:end!important;height:32px!important;margin-bottom:0!important;padding:4px 10px!important}.left-panel .panel-tabs,.left-panel .panel-section:not(:first-of-type),.right-panel .panel-section:not(:first-of-type){display:none!important}.left-panel .panel-section,.right-panel .panel-section{border:1px solid #ffffff0d;border-radius:8px;background:#0e0e1399!important;width:100%!important;margin:0!important;padding:6px 12px!important}.left-panel .panel-section .section-label,.right-panel .panel-section .section-label{margin-bottom:4px!important;font-size:7px!important}.board-view-container{justify-content:center!important;align-items:center!important;width:100%!important;padding:4px 0!important;display:flex!important}.board-controls-bar{background:#0a0a0ecc!important;flex-direction:column!important;gap:8px!important;width:100%!important;height:auto!important;padding:8px!important}.controls-bar-left{justify-content:center!important;width:100%!important}.controls-bar-center{justify-content:center!important;gap:16px!important;width:100%!important}.controls-bar-right{justify-content:center!important;gap:12px!important;width:100%!important}.status-info{text-align:center!important}}@media (width<=600px){.brand-sep,.brand-tagline{display:none!important}.room-badge{padding:4px 8px!important;font-size:10px!important}.game-header{padding:0 12px!important}}.timer-zero-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#000000bf;justify-content:center;align-items:center;animation:.3s both tzFadeIn;display:flex;position:fixed;inset:0}@keyframes tzFadeIn{0%{opacity:0}to{opacity:1}}.timer-zero-card{background:#0e0e13f7;border:1px solid #d4af37a6;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:40px 52px;animation:.5s cubic-bezier(.34,1.56,.64,1) both tzPop;display:flex;box-shadow:0 0 60px #d4af374d}@keyframes tzPop{0%{opacity:0;transform:scale(.65)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.timer-zero-heart{font-size:56px;line-height:1;animation:.55s ease-in-out 3 alternate tzBeat}@keyframes tzBeat{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.timer-zero-tape{font-size:40px;line-height:1;animation:.7s cubic-bezier(.34,1.56,.64,1) .15s both tzTape}@keyframes tzTape{0%{opacity:0;transform:translateY(-18px)rotate(18deg)}to{opacity:1;transform:none}}.timer-zero-msg{color:gold;letter-spacing:.06em;font-family:Outfit,sans-serif;font-size:30px;font-weight:700;animation:1.3s ease-in-out infinite alternate tzShine}@keyframes tzShine{0%{text-shadow:0 0 14px #ffd70080}to{text-shadow:0 0 34px gold}}.timer-zero-sub{color:#8c8c98;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.mobile-icon-bar{display:none}@media (width<=850px){.mobile-icon-bar{z-index:200;-webkit-backdrop-filter:blur(16px);background:#0a0a0ef7;border-top:1px solid #d4af3759;align-items:stretch;height:58px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000080}.mobile-icon-tab{color:#8c8c98;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-family:Outfit,sans-serif;font-size:9px;font-weight:600;transition:color .2s,background .2s;display:flex}.mobile-icon-tab:hover,.mobile-icon-tab.active{color:#d4af37;background:#d4af3712;border-top-color:#d4af37}.game-main{padding-bottom:68px!important}}.mobile-panel-overlay{display:none}@media (width<=850px){.mobile-panel-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;animation:.22s both mpFade;display:block;position:fixed;inset:0}@keyframes mpFade{0%{opacity:0}to{opacity:1}}.mobile-panel-drawer{background:#0b0b11fc;border-top:1px solid #d4af3759;border-radius:18px 18px 0 0;max-height:72vh;padding:0 16px 28px;animation:.28s cubic-bezier(.25,1,.5,1) both mpSlide;position:absolute;bottom:58px;left:0;right:0;overflow-y:auto}@keyframes mpSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-panel-handle{cursor:pointer;background:#ffffff1f;border-radius:2px;width:38px;height:4px;margin:14px auto 18px}.mobile-panel-title{letter-spacing:.2em;color:#d4af37;text-transform:uppercase;text-align:center;border-bottom:1px solid #d4af3759;margin-bottom:16px;padding-bottom:10px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700}.mobile-panel-section{margin-bottom:14px}.mobile-panel-drawer .chat-panel{min-height:200px}.mobile-panel-drawer .move-list{max-height:200px}.mobile-panel-drawer .controls-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.home-brand-name{letter-spacing:.16em!important;font-size:46px!important}.home-brand-sub{letter-spacing:.28em!important;margin-bottom:24px!important;font-size:14px!important}.decor-text-line{letter-spacing:.18em!important;color:#fff!important;text-shadow:0 2px 10px #000000f5!important;margin-top:14px!important;font-size:14px!important;font-weight:700!important}.decor-sub-line{letter-spacing:.13em!important;color:#d4af37!important;opacity:1!important;text-shadow:0 1px 6px #000000e6!important;margin-top:6px!important;font-size:9.5px!important;font-weight:600!important}.mobile-decor-wrap{gap:6px!important;margin-bottom:24px!important}.play-panel{margin-bottom:30px!important}.ctrl-panel{margin-top:12px!important;margin-bottom:20px!important}}