:root{--bg:#312e2b;--surface:#262421;--surface-2:#1f1e1c;--surface-3:#33312d;--control:#3d3a37;--line:#4a4744;--text:#e8e6e3;--text-soft:#c9c7c4;--text-dim:#8b8987;--green:#81b64c;--green-bright:#9ccc63;--green-hover:#8fc45a;--green-deep:#5a8a34;--red:#fa412d;--yellow:#f5c025;--orange:#e58f2a;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);justify-content:center;align-items:flex-start;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}#app{align-items:flex-start;gap:16px;padding:20px;display:flex}#auth-modal{z-index:200;background:#141210d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#auth-modal.hidden{display:none}#auth-sub{color:var(--text-soft);text-align:center;margin-bottom:10px;font-size:13px}#auth-feats{color:var(--text-dim);background:var(--surface-2);border-radius:var(--radius);margin-bottom:4px;padding:10px 14px;font-size:12.5px;line-height:1.7}#auth-guest{color:var(--text-dim)!important;background:0 0!important;font-weight:600!important}#auth-guest:hover{color:var(--text-soft)!important}#auth-note{color:#6b6967;text-align:center;font-size:11px}#auth-stats{color:var(--text-dim);border-top:1px solid var(--control);justify-content:center;gap:18px;margin-top:2px;padding-top:10px;font-size:11.5px;display:flex}#auth-stats:empty{display:none}#auth-stats b{color:var(--text-soft)}#auth-box input{background:var(--control);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);padding:10px 12px;font-size:14px}#auth-box input:focus{border-color:var(--green);outline:none}#auth-error{color:var(--red);text-align:center;font-size:12px}#auth-error:empty{display:none}#auth-box button{border-radius:var(--radius);cursor:pointer;border:none;padding:10px;font-size:14px;font-weight:700}#auth-login{background:var(--green);color:#fff}#auth-login:hover{background:var(--green-hover)}#auth-register{background:var(--control);color:var(--text)}#auth-register:hover{background:var(--line)}#auth-info{color:var(--green-bright);text-align:center;font-size:12.5px}#auth-info.hidden,#auth-pass2.hidden,#auth-resend.hidden,#auth-back.hidden,#auth-guest.hidden,#auth-note.hidden,#auth-login.hidden,#auth-register.hidden{display:none}#auth-box.reg #auth-register{background:var(--green);color:#fff}#auth-box.reg #auth-register:hover{background:var(--green-hover)}#auth-resend{background:var(--control);color:var(--text-soft)}#auth-resend:hover{background:var(--line)}#auth-back{color:var(--text-dim);text-decoration:underline;background:0 0!important;padding:4px!important;font-size:12.5px!important;font-weight:600!important}#auth-back:hover{color:var(--text-soft)}.lang-switch{gap:4px;display:inline-flex}#controls .lang-switch button{flex:none;padding:4px 12px}#corner-lang button{background:var(--surface);box-shadow:0 2px 8px #00000059}.lang-switch button{background:var(--control);color:var(--text-dim);cursor:pointer;border:none;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:700}.lang-switch button:hover{color:var(--text)}.lang-switch button.active{background:var(--green);color:#fff}#auth-lang{position:absolute;top:10px;right:12px}#auth-lang button{padding:2px 8px;font-size:10.5px}#auth-box{background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;width:320px;padding:28px 30px;display:flex;position:relative;box-shadow:0 12px 48px #0009}#auth-logo{width:250px;height:auto;margin:10px auto 4px;display:block}#auth-title{text-align:center;margin-top:2px;font-size:28px;font-weight:800}.ctl-label{color:var(--text-dim);flex:1;font-size:13px}#user-row.hidden{display:none!important}#user-email{color:var(--text-dim);text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}#profile-body,#admin-body{padding:0 20px;font-size:14px}.cab-sub{color:var(--text-dim)}.pat-row{align-items:center;gap:8px;padding:4px 0;display:flex}.pat-name{width:180px}.pat-bar-wrap{background:var(--surface-2);border-radius:4px;flex:1;height:10px;overflow:hidden}.pat-bar{background:var(--orange);border-radius:4px;height:100%}.pat-n{text-align:right;width:30px;color:var(--text-dim);font-variant-numeric:tabular-nums}.adm-email{text-overflow:ellipsis;flex:1;overflow:hidden}.adm-key-ok{color:var(--green-bright);font-size:12.5px}.adm-key-missing{color:var(--orange);font-size:12.5px}#admin-body select{background:var(--control);color:var(--text);cursor:pointer;border:none;border-radius:6px;padding:6px 10px;font-size:13px}@keyframes sk-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sk{border-radius:var(--radius);background:linear-gradient(90deg,#2b2926 25%,#37342f 37%,#2b2926 63%) 0 0/200% 100%;animation:1.3s ease-in-out infinite sk-shimmer}.sk-row{height:40px;margin-bottom:8px}.sk-tile{border-radius:14px;height:96px}.sk-card{border-radius:12px;height:220px}.sk-chart{border-radius:12px;height:170px}#opp-info .fm-opp-head{margin-bottom:4px}#opp-info .fm-wait{margin:4px 0 8px;display:block}#opp-info .gsi-url{max-width:100%;display:inline-block}#opp-info .fm-clr{color:var(--text);margin-bottom:2px;font-size:13.5px;font-weight:700}#corner-lang{z-index:40;gap:4px;display:flex;position:fixed;top:12px;left:12px}.fm-drop-note{border-radius:var(--radius);color:#e5c07b;background:#e5c07b1a;border:1px solid #e5c07b59;margin:4px 0;padding:5px 9px;font-size:12px}
#left{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;width:156px;height:704px;display:flex}#hint-btn .key{background:#00000040;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:11px}body.stealth #hint-btn,#ladder-box:empty{display:none}#ladder-box{margin-bottom:8px}.ladder-step{background:var(--surface-2);border-left:3px solid var(--green);color:var(--text-soft);border-radius:6px;margin-bottom:5px;padding:7px 10px;font-size:13px;line-height:1.45}.ladder-step .ls-n{color:var(--green);margin-right:4px;font-weight:800}.ladder-step.warn{border-left-color:var(--orange);cursor:pointer}.ladder-step.warn .ls-n{color:var(--orange)}.ladder-step.warn:hover{background:#2a2624}#toggles{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:6px;width:100%;padding:10px;display:flex}#toggles label{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.switch{flex-shrink:0;width:34px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch .knob{background:var(--line);pointer-events:none;border-radius:20px;transition:background .18s;position:absolute;inset:0}.switch .knob:after{content:"";background:#cfcdca;border-radius:50%;width:16px;height:16px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.switch input:checked+.knob{background:var(--green)}.stealth-row{border-top:1px solid var(--control);margin-top:4px;padding-top:8px;font-weight:700}.stealth-row .switch input:checked+.knob{background:#8e6cc9}body.stealth #acc,body.stealth #evalbar,body.stealth #hints-panel,body.stealth #threat-legend{display:none}body.stealth #toggles label:not(.stealth-row){opacity:.35;pointer-events:none}#gameover-acc:empty{display:none}#mode-switch{background:var(--surface);border-radius:var(--radius);gap:4px;padding:4px;display:flex}#mode-switch button:hover{color:var(--text-soft)}.sq-ref{color:var(--green-bright);cursor:pointer;text-underline-offset:2px;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.sq-ref:hover{color:#b6e07f}#acc{background:var(--surface);border-radius:var(--radius);text-align:center;width:100%;padding:10px 6px}#acc-value{color:var(--green-bright);font-size:20px;font-weight:800}#acc-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-top:2px;font-size:10px}#acc-last{min-height:14px;margin-top:6px;font-size:11px;font-weight:700}#acc-last.q-best,#acc-last.q-great{color:var(--green-bright)}#acc-last.q-good{color:#c9e4a5}#acc-last.q-inacc{color:var(--yellow)}#acc-last.q-mistake{color:var(--orange)}#acc-last.q-blunder{color:var(--red)}#evalbar{background:#403d39;border-radius:4px;flex:1;width:26px;position:relative;overflow:hidden;box-shadow:inset 0 0 4px #00000080}#evalbar-white{background:#f0f0f0;height:50%;transition:height .5s;position:absolute;bottom:0;left:0;right:0}#evalbar-label{text-align:center;color:#555;font-size:9px;font-weight:700;position:absolute;bottom:4px;left:0;right:0}#evalbar-label-top{text-align:center;color:#d5d3d0;font-size:9px;font-weight:700;position:absolute;top:4px;left:0;right:0}#board-wrap{position:relative}body.sandbox #board{filter:brightness(1.16)saturate(.72);border-radius:4px;box-shadow:0 0 0 3px #ffffff47}#board{cursor:pointer;border-radius:6px;display:block;box-shadow:0 6px 24px #00000073}#gameover button{background:var(--green);color:#fff;cursor:pointer;box-shadow:0 5px 0 var(--green-deep), 0 6px 14px #00000059;border:none;border-radius:12px;padding:11px 22px;font-size:16px;font-weight:700;transition:transform 60ms,box-shadow 60ms,background .12s}#gameover button:hover{background:var(--green-hover)}#gameover button:active{box-shadow:0 1px 0 var(--green-deep), 0 2px 6px #0000004d;transform:translateY(4px)}#plan-warning{border-radius:var(--radius);color:#ffb3a8;cursor:pointer;background:#d7372329;border:1px solid #fa412d8c;padding:9px 12px;font-size:13px;line-height:1.45;animation:.3s warn-in}#plan-warning:hover{background:#d737233d}#plan-warning.hidden{display:none}#plan-warning b{color:#ff8a7a}@keyframes warn-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#tabbar{background:var(--surface);border-radius:var(--radius);gap:4px;padding:4px;display:flex}#tabbar button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 4px;font-size:12.5px;font-weight:700}#tabbar button:hover{color:var(--text-soft)}#tabbar button.active{background:var(--control);color:#fff}.tab-content{display:none}#moves-actions{gap:8px;margin-top:8px;display:flex}#moves-actions button{background:var(--control);color:var(--text);cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 10px;font-size:13px;font-weight:600}#moves-actions button:hover{background:var(--line)}#moves-actions #btn-share,#moves-actions #btn-resign{flex:0 0 44px}#opening-name{background:var(--surface);border-radius:var(--radius);color:var(--text-soft);min-height:40px;padding:10px 14px;font-size:14px;font-weight:700}.panel{background:var(--surface);border-radius:var(--radius);padding:10px 14px}.panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;font-size:12px;font-weight:700}#hint-status{color:var(--green);text-transform:none;letter-spacing:0}.hint-row:hover{background:#33312e}.hint-row{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:14px;display:flex}.hint-row.sel{background:#3a4431}#pv-line{background:var(--surface-2);color:var(--text-soft);border-radius:6px;margin-top:8px;padding:8px 10px;font-size:13px;line-height:1.5}#pv-line.hidden{display:none}#pv-line b{color:var(--green-bright)}#pv-line .pv-note{color:var(--text-dim);margin-top:5px;font-size:11px;display:block}.hint-row .rank{color:var(--text-dim);width:16px;font-size:12px}.hint-row .hint-piece{filter:drop-shadow(0 1px 1px #0006);flex-shrink:0;width:22px;height:22px;margin-right:-2px}.hint-row .san{width:56px;font-weight:800}.hint-row.best .san{color:var(--green-bright)}.hint-row .eval{width:52px;color:var(--text-soft);font-variant-numeric:tabular-nums}.hint-row .pop{color:#7fa6c4;font-variant-numeric:tabular-nums;width:48px;font-size:12px}.hint-row .why{color:var(--text-dim);flex:1;font-size:12px}#opp-info{min-height:40px;color:var(--text-soft);font-size:13px;line-height:1.5}.panel-title.title-row{justify-content:space-between;align-items:center;display:flex}#strength{background:var(--control);color:var(--text);cursor:pointer;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}#btn-takeover{background:var(--control);width:100%;color:var(--text);cursor:pointer;border:none;border-radius:6px;margin-top:8px;padding:7px 10px;font-size:12px;font-weight:600}#btn-takeover:hover:not(:disabled){background:var(--line)}#btn-takeover:disabled{opacity:.4;cursor:default}#opp-panel.manual{outline:2px solid #7fa6c4}#opp-panel.manual .panel-title{color:#7fa6c4}.ml-row{border-radius:5px;grid-template-columns:34px 1fr 1fr;align-items:stretch;display:grid}.ml-row:nth-child(odd){background:#2b2926}.ml-num{color:var(--text-dim);padding:5px 0 5px 8px;font-size:12px}#movelist .mv{cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-weight:600;display:flex}#movelist .mv:hover{background:var(--control)}.ml-pc{flex-shrink:0;width:17px;height:17px}.ml-q{margin-left:2px;font-weight:800}.ml-q.q-blunder{color:#ff8a7a}.ml-q.q-mistake{color:var(--orange)}.ml-q.q-inacc{color:var(--yellow)}.ml-q.q-best{color:var(--green-bright)}#movelist .mv.q-blunder{background:#fa412d38}#movelist .mv.q-mistake{color:#e5a05f}#movelist .mv.q-inacc{color:#f0d075}#movelist .mv.cur{background:#33414e;box-shadow:inset 0 0 0 2px #7fa6c4}#quick-nav button{background:var(--surface);color:var(--text);cursor:pointer;border:none;border-radius:6px;font-weight:700}.qn-err{width:34px;height:28px;color:var(--orange)!important}.qn-err:disabled{opacity:.35;cursor:default}.qn-err.hidden{display:none}#qn-back,#qn-fwd{width:44px;height:28px;font-size:17px;line-height:1}#qn-back:hover:not(:disabled),#qn-fwd:hover:not(:disabled){background:var(--control)}#qn-back:disabled,#qn-fwd:disabled{opacity:.35;cursor:default}#nav-btns{gap:4px;display:flex}#nav-btns button{background:var(--control);width:30px;height:24px;color:var(--text);cursor:pointer;border:none;border-radius:5px;padding:0;font-size:15px;line-height:1}#nav-btns button:hover:not(:disabled){background:var(--line)}#nav-btns button:disabled{opacity:.35;cursor:default}#nav-status{border-radius:var(--radius);color:#c9d6e2;background:#33414e;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;font-size:12px;display:flex}#nav-status-text{text-align:center;flex:100%}#nav-status #nav-resume,#nav-status #nav-fork{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;height:30px;margin-left:0;padding:0 6px;font-size:12px;overflow:hidden}#nav-status.hidden{display:none}#nav-resume{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:5px 10px;font-size:12px;font-weight:700}#nav-resume:hover{background:var(--green-hover)}#blunder-sub:empty{display:none}#blunder-retry{color:#c02418;background:#fff}#blunder-retry:hover{background:#ffe9e6}#blunder-close:hover{background:#0006}#blunder-close{color:#fff;opacity:.8;background:#00000040;margin-top:2px;font-size:12px;font-weight:600}#blunder-banner.show{pointer-events:auto;animation:.9s forwards blunder-pop}@keyframes blunder-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}40%{transform:translate(-50%,-50%)scale(1)rotate(-2.5deg)}58%{transform:translate(-50%,-50%)scale(1.04)rotate(2.5deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}#board.shake{animation:.45s board-shake}@keyframes board-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}#moves-actions{align-items:center;gap:8px;display:flex}#new-game-row button,#moves-actions button{background:var(--control);color:var(--text);cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:600}#new-game-row button:hover,#moves-actions button:hover{background:var(--line)}#btn-resign{font-size:15px;flex:0 0 44px!important}#btn-resign:hover{background:#6e3430!important}#threat-legend{color:var(--text-dim);border-top:1px solid var(--control);flex-direction:column;gap:4px;margin-top:6px;padding-top:8px;font-size:11px;display:flex}#threat-legend span{align-items:center;gap:4px;display:flex}.lg{border-radius:3px;width:10px;height:10px;display:inline-block}.lg-weak{background:#f4e03ce6}.lg-medium{background:#ff840ae6}.lg-strong{background:#fa3728e6}.lg-poisoned{background:#81b64cf2}#sound-ctl{z-index:50;flex-direction:row-reverse;align-items:center;gap:8px;display:flex;position:fixed;top:14px;right:16px}#sound-btn{background:var(--surface);width:36px;height:36px;color:var(--text-soft);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #00000059}#sound-btn:hover{color:#fff;background:#33312e}#snd-icon .hidden{display:none}#sound-pop{background:var(--surface);border-radius:20px;align-items:center;padding:8px 14px;display:flex;box-shadow:0 2px 8px #00000059}#sound-pop.hidden{display:none}#sound-range{width:120px;accent-color:var(--green);cursor:pointer}#history-modal{z-index:150;background:#141210cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#history-modal.hidden{display:none}#history-box{background:var(--surface);border-radius:14px;flex-direction:column;width:620px;max-height:80vh;display:flex;box-shadow:0 12px 48px #0009}#history-head{border-bottom:1px solid var(--control);justify-content:space-between;align-items:center;padding:16px 20px;font-size:17px;font-weight:800;display:flex}#history-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:16px}#history-close:hover{color:#fff}#history-list{padding:8px 12px 14px;overflow-y:auto}.hist-row{border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:10px 8px;font-size:13px;display:flex}.hist-row:hover{background:#33312e}.hist-date{color:var(--text-dim);flex-shrink:0;width:88px}.hist-opening{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.hist-acc{text-align:right;color:#7fa6c4;font-variant-numeric:tabular-nums;width:44px}.hist-badge{text-align:center;border-radius:6px;flex-shrink:0;width:108px;padding:3px 6px;font-size:11.5px;font-weight:700}.hb-win{color:var(--green-bright);background:#81b64c33}.hb-loss{color:#ff8a7a;background:#fa412d2e}.hb-draw{color:var(--text-soft);background:#8b89872e}.hb-active{color:#7fa6c4;background:#7fa6c42e}.hb-abandoned{color:var(--text-dim);background:#8b89871f}#tooltip{z-index:100;border:1px solid var(--line);border-radius:var(--radius);max-width:240px;color:var(--text);pointer-events:none;background:#1b1a18;padding:8px 10px;font-size:12px;line-height:1.45;position:fixed;box-shadow:0 4px 14px #00000080}#tooltip.hidden{display:none}#tooltip b{color:var(--yellow)}#tooltip .tip-advice{color:var(--green-bright);margin-top:3px;display:block}.cap-row{align-items:center;height:24px;margin:2px;display:flex}.cap-pc{filter:drop-shadow(0 1px 1px #00000059);width:20px;height:20px;margin-left:-7px}.cap-pc:first-child{margin-left:0}.cap-diff{color:var(--green-bright);margin-left:8px;font-size:12px;font-weight:800}#blunder-banner .b-row{align-items:center;gap:12px;font-size:38px;line-height:1;display:flex}#blunder-banner .b-row svg{flex-shrink:0;width:34px;height:34px;display:block}#blunder-sub{opacity:.95;white-space:pre-line;text-align:center;max-width:380px;font-size:15px;font-weight:600;line-height:1.5}#blunder-actions button{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;min-width:122px;height:36px;padding:0 16px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}#blunder-actions button svg{flex:none}#sidebar{flex-direction:column;gap:10px;width:340px;height:704px;display:flex;position:relative}.tab-content.active{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow-y:auto}#blunder-banner{color:#fff;z-index:20;cursor:pointer;opacity:0;pointer-events:none;background:#d72319ed;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:18px 30px 16px;font-size:46px;font-weight:900;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 40px #dc281e99}#blunder-banner .b-x{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;min-width:0;height:26px;padding:0;font-size:15px;font-weight:700;display:flex;position:absolute;top:8px;right:10px}#blunder-banner .b-x:hover{color:#fff;background:#0003}#blunder-actions{justify-content:center;gap:10px;margin-top:6px;display:flex}#blunder-actions #blunder-retry{min-width:180px;height:40px;font-size:14px}#board-footer{background:var(--surface);border-radius:10px;align-items:center;gap:10px;min-height:40px;margin-top:6px;padding:4px 10px;display:flex;overflow:hidden}#board-footer .cap-row{flex:1;min-width:0;margin:0;overflow:hidden}@media (max-width:880px){#board-footer{background:0 0;min-height:0;margin-top:0;padding:0}}#quick-nav{flex-shrink:0;align-items:center;gap:4px;display:flex}#board-footer #quick-nav>button{width:44px;height:38px;box-shadow:none;color:var(--text-soft);background:0 0;border-radius:8px}#board-footer #quick-nav>button:hover:not(:disabled){background:var(--control);color:#fff}#board-footer #quick-nav>button:active{transform:none}#board-footer #qn-resume{color:var(--green-bright)}#qn-flip svg{display:block}#gameover{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f0e0dbf;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px 0;display:flex;inset:0;overflow-y:auto;position:fixed!important}#gameover.hidden{display:none}.go-box{background:var(--surface);border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:560px;max-width:92vw;padding:28px 32px 24px;animation:.25s go-pop;display:flex;position:relative;box-shadow:0 18px 60px #000000a6}@keyframes go-pop{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}#gameover-text{text-shadow:none;font-size:26px;font-weight:800}#gameover-acc{color:var(--green-bright);font-size:16px;font-weight:700}#gameover-summary{width:100%;max-width:none}.gs-row{border-radius:var(--radius);cursor:pointer;background:var(--surface-2);border-left:4px solid #0000;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;font-size:13px;display:flex}.gs-row:hover{background:#33312e}.gs-none{border-radius:var(--radius);color:var(--green-bright);text-align:center;background:var(--surface-2);padding:10px 14px;font-size:13px}.gs-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);text-align:center;text-shadow:none;margin-bottom:6px;font-size:12px}#tab-moves.active{overflow:hidden}#tab-moves .panel{flex-direction:column;flex:1;min-height:0;display:flex}#movelist{flex:auto;min-height:0;max-height:none;font-size:13.5px;overflow-y:auto}#nav-status,#moves-actions{flex-shrink:0}#quick-nav>button{color:var(--text-soft);cursor:pointer;background:#33312e;border:none;border-radius:9px;justify-content:center;align-items:center;width:46px;height:34px;font-size:17px;font-weight:700;line-height:1;transition:transform 60ms,box-shadow 60ms,background .12s;display:inline-flex;box-shadow:0 3px #1b1a18}#quick-nav>button svg{display:block}#quick-nav>button:hover:not(:disabled){color:#fff;background:#3f3c39}#hint-btn:hover{background:var(--green-hover)}#qn-resume:hover{background:var(--green-hover)!important}#qn-resume.hidden{display:none!important}#hint-btn:active{box-shadow:0 1px 0 var(--green-deep), 0 2px 5px #00000040;transform:translateY(2px)}#quick-nav>button,#qn-resume{box-shadow:0 2px #1b1a18}#qn-resume{cursor:pointer;border:none;justify-content:center;align-items:center;width:44px;transition:transform 60ms,box-shadow 60ms,background .12s;background:var(--green)!important;color:#fff!important;border-radius:9px!important;height:38px!important;padding:0!important;display:inline-flex!important;box-shadow:0 2px #4e7030!important}#quick-nav>button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #1b1a18}#qn-resume:active{transform:translateY(1px);box-shadow:0 1px #4e7030!important}#quick-nav>button:disabled{cursor:default;opacity:.35;box-shadow:0 2px #1b1a18}.adm-num-ok{color:var(--green-bright)}.adm-num-dim{color:var(--text-dim)}#mode-switch button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px 6px;font-size:12.5px;font-weight:700;transition:transform 60ms,box-shadow 60ms,background .15s,color .15s;display:inline-flex;box-shadow:0 2px #00000059}#mode-switch button svg{flex-shrink:0}#mode-switch button.active{background:var(--green);color:#fff;box-shadow:0 2px #4e7030}#mode-switch button:active{transform:translateY(1px);box-shadow:0 1px #00000059}#hint-btn{background:var(--green);color:#fff;cursor:pointer;width:100%;box-shadow:0 3px 0 var(--green-deep), 0 4px 10px #0000004d;border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-bottom:3px;padding:11px 8px;font-size:14px;font-weight:800;transition:transform 60ms,box-shadow 60ms,background .12s;display:inline-flex}#hint-btn svg{flex-shrink:0}#new-game-row button,#moves-actions button{justify-content:center;align-items:center;gap:7px;transition:transform 60ms,box-shadow 60ms,background .12s;display:inline-flex;box-shadow:0 2px #1b1a18}#new-game-row button:active,#moves-actions button:active{transform:translateY(1px);box-shadow:0 1px #1b1a18}#new-game-row button svg,#moves-actions button svg{flex-shrink:0}.float-badge.good{color:var(--green-bright)}.float-badge.bad{color:#ff6b5a}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}18%{opacity:1;transform:translate(-50%,-52%)scale(1.15)}30%{transform:translate(-50%,-54%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-95%)scale(.95)}}.float-badge .fb-num{z-index:2;animation:1.35s ease-out forwards fb-num;position:relative}@keyframes fb-num{0%{opacity:0;transform:scale(.3)}16%{opacity:1;transform:scale(1.25)}28%{transform:scale(.96)}38%{transform:scale(1.05)}48%{transform:scale(1)}72%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(-46px)}}.float-badge .fb-ring{opacity:0;border:4px solid;border-radius:50%;width:90px;height:90px;animation:.85s ease-out forwards fb-ring;position:absolute}.float-badge .fb-ring.fb-r2{border-width:2.5px;animation-delay:.18s}@keyframes fb-ring{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(2.4)}}@keyframes fb-glow{0%{opacity:.35;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}.float-badge{pointer-events:none;z-index:40;text-shadow:none;justify-content:center;align-items:center;font-size:54px;font-weight:900;animation:none;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.float-badge .fb-glow{opacity:0;background:radial-gradient(circle,currentColor 0%,#0000 68%);border-radius:50%;width:120px;height:120px;animation:1s ease-out forwards fb-glow;display:none;position:absolute}#ai-hint-ctl{color:#8e6cc9;text-transform:none;letter-spacing:0;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}#ai-hint-ctl.locked{color:#6b6967}#ai-hint-ctl.locked .switch{opacity:.35;pointer-events:none}#ai-lock.hidden{display:none}.switch-sm{width:28px;height:16px}.switch-sm .knob:after{width:12px;height:12px}.switch-sm input:checked+.knob{background:#8e6cc9}.switch-sm input:checked+.knob:after{transform:translate(12px)}.ladder-step.coach{border-left-color:#8e6cc9;align-items:flex-start;gap:9px;display:flex}.ladder-step.coach .coach-ava{object-fit:cover;border:2px solid #8e6cc9;border-radius:50%;flex-shrink:0;width:30px;height:30px}.ladder-step.coach .coach-text{flex:1}.coach-plan-btn{color:#fff;cursor:pointer;background:#8e6cc9;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:800;transition:transform 60ms,box-shadow 60ms;display:inline-flex;box-shadow:0 3px #64499a}.coach-plan-btn:hover{background:#9b7bd4}.coach-plan-btn:active{transform:translateY(2px);box-shadow:0 1px #64499a}.coach-plan-btn:disabled{opacity:.5;cursor:default;box-shadow:0 3px #64499a}.coach-plan-box{background:var(--surface-2);border-radius:var(--radius);white-space:pre-line;border-left:3px solid #8e6cc9;gap:10px;margin-top:12px;padding:12px 14px;font-size:13.5px;line-height:1.55;display:flex}.coach-plan-box img{border:2px solid #8e6cc9;border-radius:50%;flex-shrink:0;width:34px;height:34px}#tab-hints.active{overflow:hidden}#tab-hints #hints-panel{flex:auto;min-height:0;overflow-y:auto}#tab-hints #opp-panel{flex-shrink:0}#hints-list{min-height:0}.go-actions{justify-content:center;gap:10px;display:flex}#gameover-review{background:var(--control)!important;color:var(--text)!important;box-shadow:0 5px #24221f,0 6px 14px #00000059!important}#gameover-review:hover{background:#4a4743!important}#gameover-review:active{transform:translateY(4px);box-shadow:0 1px #24221f,0 2px 6px #0000004d!important}#share-toast{background:var(--surface-2);border:1px solid var(--control);color:var(--text);z-index:130;opacity:0;pointer-events:none;border-radius:12px;padding:10px 18px;font-size:13.5px;transition:opacity .18s,transform .18s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 12px 32px #0000008c}#share-toast.show{opacity:1;transform:translate(-50%)translateY(0)}#drag-hint{background:var(--surface-2);color:var(--text);border:1px solid var(--control);z-index:80;pointer-events:none;opacity:0;white-space:nowrap;border-radius:9px;padding:6px 11px;font-size:12.5px;font-weight:600;transition:opacity .12s;position:fixed;transform:translate(-50%,-100%);box-shadow:0 10px 26px #0000008c}#drag-hint.show{opacity:1}#drag-hint.q-best{border-color:var(--green);color:var(--green-bright)}#drag-hint.q-great{color:var(--green-bright);border-color:#81b64c99}#drag-hint.q-good{border-color:#55524e}#drag-hint.q-inacc{color:#e5c07b;border-color:#e5c07b}#drag-hint.q-mistake{border-color:var(--orange);color:var(--orange)}#drag-hint.q-blunder{color:#ff8a7a;border-color:#e02828}#gameover-share{justify-content:center;align-self:stretch;align-items:center;padding:0 14px;display:inline-flex}#gameover #gameover-close{width:30px;height:30px;box-shadow:none;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:10px}#gameover #gameover-close:hover{background:var(--control);color:var(--text)}#gameover #gameover-close:active{box-shadow:none;transform:none}#gameover-share-info{flex-direction:column;align-items:center;gap:3px;max-width:100%;margin-top:2px;animation:.35s gsi-in;display:flex}#gameover-share-info.hidden{display:none}@keyframes gsi-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gsi-ok{color:var(--green-bright);font-size:12.5px;font-weight:700}#ui-tip{z-index:95;background:var(--surface-2);border:1px solid var(--control);color:#d9d7d4;pointer-events:none;opacity:0;border-radius:10px;max-width:260px;padding:8px 11px;font-size:12px;line-height:1.45;transition:opacity .12s;position:fixed;box-shadow:0 12px 30px #0000008c}#ui-tip.show{opacity:1}#app-mode{background:var(--surface);border-radius:var(--radius);gap:4px;padding:4px;display:flex}#app-mode button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px 4px;font-size:13px;font-weight:700;display:flex}#app-mode button:hover{color:var(--text-soft)}#app-mode button.active{background:var(--green);color:#fff}#board-wrap>#app-mode{justify-content:center;gap:6px;width:fit-content;margin:0 auto;padding:5px;box-shadow:0 3px 10px #00000059}#board-wrap>#app-mode button{background:linear-gradient(#ffffff0f,#ffffff04);border-radius:8px;flex:none;padding:10px 30px;font-size:14px;box-shadow:inset 0 1px #ffffff12,0 1px 2px #0000004d}#board-wrap>#app-mode button:hover{background:linear-gradient(#ffffff1a,#ffffff08)}#board-wrap>#app-mode button.active{color:#fff;background:linear-gradient(#85b552,#649c3c);box-shadow:inset 0 1px #ffffff47,0 2px 6px #0006}#board-wrap>#app-mode button:active{transform:translateY(1px)}#focus-btn{background:var(--surface);width:38px;height:38px;color:var(--text-dim);cursor:pointer;z-index:5;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:7px;right:0}#focus-btn:hover{background:var(--control);color:var(--text)}#focus-btn svg.hidden{display:none}body.focus-mode #app-mode,body.focus-mode #mode-switch,body.focus-mode #new-game-row,body.focus-mode #acc,body.focus-mode #hint-btn,body.focus-mode #toggles,body.focus-mode #opening-name{display:none!important}body.focus-mode #left{width:44px}body.focus-mode #focus-btn{background:var(--control);width:34px;height:34px;color:var(--text-soft);top:26px;left:-52px;right:auto}body.focus-mode #evalbar{flex:none;width:36px}@media (max-width:880px){#focus-btn{display:none}}body.match:not(.arena-play) #app-mode{display:none}#puzzle-panel{background:var(--surface);border-radius:var(--radius);flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}#puzzle-panel.hidden{display:none}#pz-head{justify-content:space-between;align-items:center;display:flex}.pz-rating{color:var(--text-soft);font-size:14px}.pz-rating b{color:var(--green-bright);font-size:19px}.pz-streak{color:var(--yellow);font-size:14px;font-weight:700}.pz-task{color:var(--text);font-size:14px;font-weight:700}.pz-why{color:var(--green-bright);margin-top:4px;font-size:12.5px;display:block}.pz-result{font-size:16px;font-weight:800}.pz-result.ok{color:var(--green-bright)}.pz-result.bad{color:var(--red)}.pz-theme{color:var(--text-dim);margin-top:4px;font-size:12.5px;font-weight:400;display:block}#pz-actions{flex-direction:column;gap:8px;display:flex}#pz-actions button{border-radius:var(--radius);cursor:pointer;background:var(--control);color:var(--text);border:none;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:13px;font-weight:700;display:inline-flex}#pz-actions button:hover{background:var(--line)}#pz-actions #pz-next{background:var(--green);color:#fff}#pz-actions #pz-next:hover{background:var(--green-hover)}#pz-actions button.hidden{display:none}.pz-h-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:2px;font-size:11px}#pz-log:not(:empty),#pz-history:not(:empty){border-top:1px solid var(--control);padding-top:9px}.pz-h-row{width:100%;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;grid-template-columns:16px 1fr max-content 34px;align-items:center;gap:8px;padding:6px 4px;font-size:12.5px;display:grid}.pz-h-row:hover{background:var(--surface-2)}.pz-h-res{text-align:center}.pz-h-res.ok{color:var(--green-bright);font-weight:800}.pz-h-res.bad{color:var(--red);font-weight:800}.pz-h-r{text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums}body.puzzles #new-game-row,body.arena #new-game-row,body.match #new-game-row,body.puzzles #mode-switch,body.puzzles #opening-name,body.puzzles #match-clocks-row,body.puzzles #plan-warning,body.puzzles #sandbox-bar,body.puzzles #tabbar,body.puzzles .tab-content,body.puzzles #quick-nav,body.puzzles #acc,body.puzzles #hint-btn,body.puzzles #toggles,body.arena #mode-switch,body.arena #opening-name,body.arena #match-clocks-row,body.arena #plan-warning,body.arena #sandbox-bar,body.arena #tabbar,body.arena .tab-content,body.arena #quick-nav,body.arena #acc,body.arena #evalbar,body.arena #hint-btn,body.arena #toggles{display:none!important}body.puzzles #board-footer,body.arena #board-footer{background:0 0;min-height:0;padding:0}#board-footer .cap-row:empty{height:0}#arena-panel{background:var(--surface);border-radius:var(--radius);flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px;display:flex}#arena-panel.hidden{display:none}#ar-head{flex-direction:column;gap:10px;display:flex}.ar-main{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.ar-main b{color:var(--green-bright);font-size:30px;font-weight:800;line-height:1}.ar-main>span:not(.ar-cal){color:var(--text-soft);font-size:14px}.ar-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ar-tile{background:var(--surface);border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.ar-tile b{color:var(--text);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:15px;font-weight:800;display:inline-flex}.ar-tile span{color:var(--text-dim);font-size:11.5px}.ar-wld{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.ar-cal{color:var(--yellow);background:#e5c07b24;border-radius:6px;margin-left:6px;padding:2px 7px;font-size:10.5px;font-weight:700}#ar-status{min-height:18px;color:var(--text-soft);font-size:13px}#ar-play,#ar-cancel{border-radius:var(--radius);cursor:pointer;border:none;padding:12px;font-size:14px;font-weight:800}#ar-play{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-deep)}#ar-play:hover{background:var(--green-hover)}#ar-play.hidden,#ar-cancel.hidden{display:none}#ar-cancel{background:var(--control);color:var(--text)}.ar-note{color:var(--text-dim);font-size:12px;line-height:1.5}#ar-live{text-align:center;border-radius:var(--radius);background:var(--surface-2);color:var(--text-soft);padding:10px;font-size:13px;font-weight:700;text-decoration:none;display:block}#ar-live:hover{background:var(--control);color:var(--text)}.pz-diff-lab{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-right:3px;font-size:11px}#pz-range{align-items:center;gap:8px;display:flex}#pz-range-val{color:var(--text-soft);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12.5px;font-weight:700}#pz-filters{background:var(--surface-2);border-radius:10px;flex-direction:column;gap:9px;padding:10px;display:flex}#pz-auto,#pz-any{cursor:pointer;background:var(--surface-3);color:var(--text-dim);border:none;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:700}#pz-auto:hover,#pz-any:hover{color:var(--text-soft)}#pz-auto.active,#pz-any.active{background:var(--green);color:#fff}#pz-sliders{height:20px;margin:2px 2px 4px;position:relative}#pz-sliders:before{content:"";background:var(--control);border-radius:2px;height:3px;position:absolute;top:8.5px;left:0;right:0}#pz-fill{background:var(--green);border-radius:2px;height:3px;position:absolute;top:8.5px}#pz-sliders input{appearance:none;pointer-events:none;background:0 0;width:100%;height:20px;margin:0;position:absolute;inset:0}#pz-sliders input::-webkit-slider-runnable-track{background:0 0;height:20px}#pz-sliders input::-webkit-slider-thumb{appearance:none;pointer-events:auto;border:3px solid var(--green);cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:3px}#pz-sliders input::-moz-range-track{background:0 0}#pz-sliders input::-moz-range-thumb{pointer-events:auto;border:3px solid var(--green);cursor:pointer;background:#fff;border-radius:50%;width:9px;height:9px}#pz-len{align-items:center;gap:5px;display:flex}#pz-len button{cursor:pointer;background:var(--surface-3);color:var(--text-dim);white-space:nowrap;border:none;border-radius:7px;flex:1;padding:6px 4px;font-size:12px;font-weight:700}#pz-len button:hover{color:var(--text-soft)}#pz-len button.active{background:var(--green);color:#fff}#pz-theme-row{align-items:center;gap:8px;display:flex}#pz-theme{flex:1;position:relative}#pz-theme-btn{cursor:pointer;background:var(--surface-3);width:100%;color:var(--text-soft);border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;font-size:12.5px;font-weight:600;display:flex}#pz-theme-btn:hover{background:var(--control);color:var(--text)}#pz-theme-btn svg{color:var(--text-dim);flex:none;transition:transform .15s}#pz-theme-btn.open svg{transform:rotate(180deg)}#pz-theme-menu{z-index:30;background:var(--surface);border:1px solid var(--control);border-radius:10px;flex-direction:column;gap:1px;padding:5px;display:flex;position:absolute;top:calc(100% + 5px);left:0;right:0;box-shadow:0 10px 28px #00000073}#pz-theme-menu.hidden{display:none}#pz-theme-menu button{text-align:left;cursor:pointer;color:var(--text-soft);background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:12.5px;font-weight:600;display:flex}#pz-theme-menu button:hover{background:var(--control);color:var(--text)}#pz-theme-menu button.active{color:var(--green-bright)}#pz-theme-menu button.active:after{content:"✓";font-weight:800}.pz-h-res.skip{color:var(--text-dim)}.pz-h-res.dirty{color:var(--orange)}.pz-errnote{color:var(--red);margin-top:4px;font-size:12px;font-weight:600;display:block}.pz-review-note{color:var(--text-dim);margin-top:3px;font-size:12px;display:block}.pz-h-wait{cursor:default;opacity:.75}.pz-h-due{text-align:right;color:var(--text-dim);font-weight:800}.pz-all{color:var(--text-dim);margin-top:6px;font-size:12px;font-weight:600;text-decoration:none;display:block}.pz-all:hover{color:var(--text-soft)}#promo-veil{z-index:40;background:#0f0e0d59;position:absolute;inset:0}#promo-pick{z-index:41;background:var(--surface);border-radius:10px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 30px #0000008c}#promo-pick button{cursor:pointer;background:0 0;border:none;padding:3px}#promo-pick button:hover{background:var(--green)}#promo-pick img{width:100%;display:block}#pz-hintbox{opacity:0;max-height:0;color:var(--green-bright);pointer-events:none;background:#81b64c1f;border:1px solid #0000;border-radius:8px;padding:0 10px;font-size:12.5px;font-weight:600;transition:max-height .4s,opacity .4s,transform .4s,padding .4s;overflow:hidden;transform:translateY(-4px)}#pz-hintbox.show{opacity:1;border-color:#81b64c59;max-height:200px;margin-bottom:4px;padding:8px 10px;transform:none}.pz-delta{font-size:13px;font-weight:800}.pz-delta.ok{color:var(--green-bright)}.pz-delta.bad{color:var(--red)}.pz-log-row{cursor:default}.pz-log-row .pz-delta{text-align:right}.ar-coins{color:var(--yellow);font-size:13.5px;font-weight:700}.coin-ico{vertical-align:-2px;background:url(/fx/coin.png) 50%/contain no-repeat;width:15px;height:15px;margin-right:5px;display:inline-block}.lv-viewers svg{vertical-align:-2px;margin-right:4px}.ar-guest{color:var(--text-soft);font-size:13px;line-height:1.45}.pz-guest{width:100%;color:var(--text-soft);flex-direction:column;gap:10px;font-size:12.5px;display:flex}.pz-guest button{cursor:pointer;background:var(--green);color:#fff;width:100%;box-shadow:0 4px 0 var(--green-deep), 0 5px 12px #0000004d;border:none;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:800;transition:transform 60ms,box-shadow 60ms,background .12s}.pz-guest button:hover{background:var(--green-hover)}.pz-guest button:active{box-shadow:0 1px 0 var(--green-deep), 0 2px 6px #00000040;transform:translateY(3px)}#board{touch-action:none}@media (max-width:880px){#app{flex-direction:column;align-items:stretch;gap:10px;padding:8px}#board-wrap{order:1;align-self:center;max-width:100%}.cap-row:empty{height:0;margin:0}#sidebar{order:2;width:100%;height:auto;min-height:0}#left{display:none}#mob-top{flex-wrap:wrap;order:0;align-items:stretch;gap:8px;width:100%;min-width:0;display:flex}#mob-top #app-mode{flex:100%;width:100%}#mob-top #app-mode button{flex:1;min-height:39px;padding:8px 4px;font-size:13px}#mob-top #acc{text-align:left;flex:auto;justify-content:center;align-items:center;gap:8px;width:auto;min-width:0;min-height:42px;padding:4px 10px;display:flex}#mob-top #acc-title{display:none}#mob-top #acc-value{font-size:17px}#mob-top #acc-last{white-space:nowrap;text-overflow:ellipsis;min-height:0;margin-top:0;font-size:11px;overflow:hidden}#mob-top #hint-btn{flex:none;justify-content:center;align-items:center;width:auto;min-height:42px;padding:0 16px;display:flex}#mob-top #hint-btn span{display:none}#mob-top #pz-hint,#mob-top #pz-skip{cursor:pointer;border:none;border-radius:10px;flex:auto;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:13.5px;font-weight:800;transition:transform 60ms,box-shadow 60ms,background .12s;display:inline-flex}#mob-top #pz-hint{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-deep), 0 5px 10px #0000004d}#mob-top #pz-skip{color:#33270e;background:#eab54b;box-shadow:0 4px #b18428,0 5px 10px #0000004d}#mob-top #pz-hint:active,#mob-top #pz-skip:active{transform:translateY(3px);box-shadow:0 1px #0006}#mob-top button.hidden,body:not(.puzzles) #mob-top #pz-hint,body:not(.puzzles) #mob-top #pz-skip{display:none}#mob-top #sound-ctl{flex:none;align-self:center;margin-left:auto;position:static}#mob-gear{cursor:pointer;background:var(--surface);width:46px;min-height:42px;color:var(--text-soft);border:none;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}#mob-gear:active{background:var(--control)}body.arena-play #mob-gear,body.arena-play #mob-sheet{display:none}#mob-sheet #pz-filters{width:100%}body:not(.puzzles) #mob-sheet #pz-filters{display:none}#mob-sheet{max-height:72vh;overflow-y:auto}#mob-backdrop{z-index:1590;background:#00000073;position:fixed;inset:0}#mob-backdrop.hidden{display:none}#mob-sheet{z-index:1600;background:var(--surface);padding:16px 14px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 44px #0000008c}#mob-sheet.hidden{display:none}#mob-sheet #toggles,#mob-sheet #new-game-row,#mob-sheet #mode-switch{width:100%}.tab-content.active{flex:none}#movelist{max-height:38vh;overflow-y:auto}#sidebar{gap:10px;padding-bottom:14px}#tabbar button{min-height:30px;padding:6px 4px}#app>#quick-nav{order:1;gap:8px;width:100%;margin-top:0}#app>#quick-nav button{background:var(--control);min-height:44px;color:var(--text);border-radius:10px;flex:auto;justify-content:center;align-items:center;display:inline-flex}#app>#quick-nav button.hidden{display:none}#app>#quick-nav #qn-resign{flex:0 0 52px}#app-mode button{min-height:39px}#puzzle-panel button,#arena-panel button{min-height:38px}#pz-head,#pz-hintbox.show{margin-bottom:10px}#ar-status:empty{display:none}#app{width:100%;min-width:0;max-width:100vw;overflow-x:clip}#app>*{min-width:0}#sidebar>*{min-width:0;max-width:100%}.gsi-url{overflow-wrap:anywhere;word-break:break-all;display:block}#opp-info{min-width:0}#match-clocks-row{gap:8px;width:100%;display:flex}#match-clocks-row .match-clock{flex:1;justify-content:center;min-width:0}input,select,textarea{font-size:16px}.go-box{padding:20px 16px 18px}}body.puzzles #evalbar{flex:none;width:36px;height:528px;margin-top:116px}#plan-card{background:var(--surface);border-left:3px solid var(--green);border-radius:10px;margin-bottom:2px;padding:10px 12px}#plan-card.hidden{display:none}.plan-title{text-transform:uppercase;letter-spacing:.06em;color:var(--green-bright);margin-bottom:4px;font-size:11px;font-weight:800}.plan-text{color:var(--text-soft);font-size:13px;line-height:1.5}.plan-chips{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.plan-chips span{background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:2px 8px;font-size:11px}.plan-ai{color:#fff;vertical-align:1px;letter-spacing:.04em;background:#8e6cc9;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:800}.plan-unlock{color:#c9b8e8;margin-top:7px;font-size:12px;line-height:1.45}.plan-warn{color:#e07a72;margin-bottom:4px;font-size:12.5px;font-weight:700}#plan-ai-ctl{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:inline-flex}#plan-ai-ctl.locked{color:#6b6967}#plan-ai-ctl.locked .switch{opacity:.35;pointer-events:none}#plan-ai-lock.hidden{display:none}.plan-loading{flex-direction:column;gap:7px;padding:3px 0;display:flex}.plan-loading i{background:var(--surface-2);border-radius:6px;height:12px;animation:1.1s ease-in-out infinite plan-pulse;display:block}.plan-loading i:last-child{animation-delay:.18s}@keyframes plan-pulse{0%,to{opacity:.45}50%{opacity:1}}.plan-good{color:var(--green-bright);margin-bottom:4px;font-size:12.5px;font-weight:700}#user-corner{z-index:60;cursor:pointer;background:var(--surface);color:var(--text-soft);border:none;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:flex;position:fixed;bottom:14px;left:14px;box-shadow:0 4px 14px #00000059}#user-corner:hover{background:var(--control);color:var(--text)}#user-corner.hidden{display:none}#uc-ava{background:var(--green);color:#fff;text-transform:uppercase;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex}#uc-menu{z-index:61;background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:190px;padding:6px;display:flex;position:fixed;bottom:66px;left:14px;box-shadow:0 10px 30px #00000080}#uc-menu.hidden{display:none}#uc-menu a,#uc-menu button{cursor:pointer;color:var(--text-soft);text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;display:flex}#uc-menu a:hover,#uc-menu button:hover{background:var(--control);color:var(--text)}#uc-menu svg{opacity:.75;flex-shrink:0}#uc-menu #ucm-logout{color:#e07b74}#uc-menu #ucm-logout:hover{color:#f0928c;background:#c8504629}body.sheet-open #user-corner{display:none}#new-game-row{gap:8px;display:flex}#new-game-row button{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}#new-game-row #btn-new-white{color:#262421;background:#e9e6e2;box-shadow:0 2px #a9a49d}#new-game-row #btn-new-white:hover{background:#f7f5f2}#new-game-row #btn-new-white:active{box-shadow:0 1px #a9a49d}#new-game-row #btn-new-black{color:#e8e6e3;background:#232120;border:1px solid #444240;box-shadow:0 2px #100f0e}#new-game-row #btn-new-black:hover{background:#2e2c2a}#new-game-row #btn-new-black:active{box-shadow:0 1px #100f0e}.ng-pawn{flex:none}@media (max-width:880px){#user-corner{padding:4px;bottom:12px;left:10px}#uc-nick{display:none}#uc-menu{bottom:56px;left:10px}#sidebar{padding-bottom:56px}}
#gameover-summary:empty{display:none}.gs-row.q-blunder{border-left-color:var(--red)}.gs-row.q-mistake{border-left-color:var(--orange)}.gs-row.q-inacc{border-left-color:var(--yellow)}.gs-move{white-space:nowrap;font-weight:800}.gs-label{color:var(--text-soft);flex:1}.gs-label b.gs-q-blunder{color:#ff8a7a}.gs-label b.gs-q-mistake{color:var(--orange)}.gs-label b.gs-q-inacc{color:var(--yellow)}.gs-pat{color:#7fa6c4}.gs-go{color:var(--green);white-space:nowrap;font-size:12px;font-weight:700}.switch input:checked+.knob:after{background:#fff;transform:translate(14px)}#eval-graph{cursor:pointer;margin-top:8px;position:relative}.eg-side{pointer-events:none;font-size:12px;line-height:1;position:absolute;left:6px}.eg-top{color:#221f1c;top:4px}.eg-bottom{color:#45423e;bottom:4px}#eval-graph.hidden{display:none}#eval-graph svg{border-radius:var(--radius);width:100%;height:92px;display:block}#sandbox-bar{color:#e5c07b;text-align:center;background:#e5c07b1a;border:1px solid #e5c07b59;border-radius:10px;flex-direction:column;align-items:stretch;gap:7px;margin-bottom:8px;padding:8px 10px;font-size:12px;display:flex}#sandbox-bar .sb-btns button{white-space:nowrap;flex:1}#sandbox-bar.hidden{display:none}#sandbox-bar button{background:var(--surface-3);border:1px solid var(--control);color:var(--text);border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:5px 10px;font-size:12px}#sandbox-bar button:hover{border-color:#55524e}#nav-fork{background:var(--surface-3);border:1px solid var(--control);color:#b8b6b3;border-radius:var(--radius);cursor:pointer;margin-left:6px;padding:5px 10px;font-size:12px}#nav-fork:hover{color:var(--text);border-color:#55524e}#nav-fork.hidden{display:none}.sb-btns{flex:none;gap:6px;display:flex}#eg-tip{background:var(--surface-2);border:1px solid var(--control);color:var(--text);pointer-events:none;white-space:nowrap;z-index:5;font-variant-numeric:tabular-nums;border-radius:7px;padding:3px 8px;font-size:11px;position:absolute;top:5px}#eg-tip.hidden{display:none}
#fm-color{gap:4px;display:inline-flex}#fm-color button{border-radius:var(--radius);border:1px solid var(--control);background:var(--surface);width:34px;height:30px;color:var(--text);cursor:pointer;font-size:16px;flex:none!important;padding:0!important}#fm-color button.active{border-color:var(--green);background:var(--surface-3)}#fm-time{background:var(--surface);border:1px solid var(--control);color:var(--text);border-radius:var(--radius);padding:5px 8px;font-size:13px}#fm-status.hidden{display:none}.fm-wait{color:#e5c07b;font-size:12px}.match-clock.hidden{display:none}.match-clock.w{color:var(--surface-2);background:#efede8}.match-clock.b{color:#efede8;background:#1b1a18}.match-clock.active{opacity:1}.match-clock.low{color:#e02828!important}body.match #opening-name{display:none}#match-clocks-row{gap:8px;display:none}body.match #match-clocks-row{display:flex}#match-clocks-row .match-clock{flex:1;margin-left:0}.fm-badges{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.fm-badge{background:var(--surface);border:1px solid var(--control);color:#6d6a67;border-radius:6px;padding:2px 7px;font-size:10.5px}.fm-badge.on{color:var(--green-bright);border-color:#81b64c73}.fm-opp-head{align-items:center;gap:6px;display:flex}.fm-dot{background:#6d6a67;border-radius:50%;width:8px;height:8px;display:inline-block}.fm-dot.on{background:var(--green)}.fm-hints{color:var(--text-dim);margin-top:2px;font-size:12px}#fm-lobby{z-index:60;background:#12110fd1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#fm-lobby.hidden{display:none}.fm-lobby-title{color:#fff;align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.fm-title-ico{width:26px;height:26px}.fm-lobby-sub{color:#b8b6b3;font-size:14px}.fm-lobby-sec{color:var(--text-dim);text-transform:uppercase;margin-top:6px;font-size:12px}.fm-own{grid-template-columns:1fr 1fr;gap:6px;display:grid}.fm-own label{color:#d9d7d4;cursor:pointer;align-items:center;gap:7px;font-size:13px;display:flex}#fm-start{cursor:pointer;background:var(--green);color:#fff;box-shadow:0 5px 0 var(--green-deep), 0 6px 14px #00000059;border:none;border-radius:12px;margin-top:10px;padding:12px;font-size:15px;font-weight:800;transition:transform 60ms,box-shadow 60ms,background .12s}#fm-start:hover{background:var(--green-hover)}#fm-start:active{box-shadow:0 1px 0 var(--green-deep);transform:translateY(4px)}.fm-note{color:#6d6a67;text-align:center;font-size:11.5px}body.match #mode-switch,body.match #btn-takeover,body.match #strength,body.match #btn-undo,body.match #friend-row,body.match #fm-status{display:none!important}.fm-sw{color:#d9d7d4;cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.fm-sw.locked{color:#6d6a67;cursor:default}.fm-sw.locked .switch{opacity:.35;pointer-events:none}.fm-sw svg{color:#6d6a67}.fm-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fm-lab{color:var(--text-dim);font-size:13px}#fmm-color{gap:6px;display:inline-flex}#fmm-color button{border:1px solid var(--control);background:var(--surface-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:42px;height:38px;padding:0;display:inline-flex}#fmm-color button img{width:26px;height:26px}#fmm-color button.active{border-color:var(--green);background:var(--surface-3);color:#fff}.fm-summary{color:var(--green-bright);font-size:12.5px;font-weight:600}#fmm-time{background:var(--surface-2);border:1px solid var(--control);color:var(--text);border-radius:var(--radius);padding:6px 9px;font-size:13px}#fmm-create{cursor:pointer;background:var(--green);color:#fff;box-shadow:0 5px 0 var(--green-deep), 0 6px 14px #00000059;border:none;border-radius:12px;margin-top:8px;padding:12px;font-size:15px;font-weight:800;transition:transform 60ms,box-shadow 60ms,background .12s}#fmm-create:hover{background:var(--green-hover)}#fmm-create:active{box-shadow:0 1px 0 var(--green-deep);transform:translateY(4px)}.fm-close{color:#6d6a67;cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:10px;right:12px}.fm-close:hover{color:var(--text)}.fm-lobby-box{background:var(--surface);border-radius:16px;flex-direction:column;gap:10px;width:430px;max-width:92vw;padding:26px 30px;display:flex;position:relative;box-shadow:0 18px 60px #000000a6}#fm-status{flex-direction:column;align-items:flex-start;gap:4px;margin:4px 0 8px;display:none!important}#friend-row #fm-create{justify-content:center;align-items:center;gap:8px;display:inline-flex}#qn-resign{display:none}body.match #qn-resign{color:#ff8a7a;cursor:pointer;background:#e028281f;border:1px solid #e0282873;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;display:inline-flex}body.match #qn-resign:hover{background:#e0282838}.fm-banned-note{color:#ff8a7a;border-radius:var(--radius);background:#e028281a;border:1px solid #e0282859;padding:6px 10px;font-size:12px}.vs-friend{color:#9db8cd;background:#7fa6c424;border:1px solid #7fa6c466;border-radius:6px;margin-right:8px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.bl-actions{align-items:center;gap:12px;display:flex}.g-share{cursor:pointer;background:var(--surface-3);border:1px solid var(--control);color:#b8b6b3;border-radius:var(--radius);align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;display:inline-flex}.g-share:hover{color:var(--text);border-color:#55524e}.gsi-url{color:#9db8cd;background:var(--surface-2);border:1px solid var(--control);border-radius:var(--radius);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;cursor:pointer;max-width:100%;padding:6px 12px;font-family:ui-monospace,monospace;font-size:12.5px;overflow:hidden}.gsi-url:hover{color:#c3d7e6;border-color:#55524e}#confirm-modal{z-index:100;background:#12110fb8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#confirm-modal.show{display:flex}.cm-box{background:var(--surface);border-radius:16px;flex-direction:column;gap:18px;width:360px;max-width:90vw;padding:24px 28px;animation:.2s go-pop;display:flex;box-shadow:0 18px 60px #000000a6}#confirm-text{color:var(--text);text-align:center;font-size:15.5px;line-height:1.45}.cm-btns{gap:10px;display:flex}.cm-btns button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:11px 0;font-size:14.5px;font-weight:700;transition:transform 60ms,box-shadow 60ms,background .12s}#confirm-no{background:var(--control);color:var(--text);box-shadow:0 4px #24221f}#confirm-no:hover{background:#4a4743}#confirm-no:active{transform:translateY(3px);box-shadow:0 1px #24221f}#confirm-yes{color:#fff;background:#ca3431;box-shadow:0 4px #8f1f1d}#confirm-yes:hover{background:#de4340}#confirm-yes:active{transform:translateY(3px);box-shadow:0 1px #8f1f1d}.match-clock{text-align:center;font-variant-numeric:tabular-nums;opacity:.45;border-radius:10px;flex:none;justify-content:center;align-items:center;min-width:104px;margin-left:auto;padding:6px 16px;font-size:24px;font-weight:800;line-height:1.15;transition:opacity .15s;display:flex;position:relative}.mc-pc{width:22px;height:22px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.mc-time{line-height:1;position:relative;top:-1.5px}#drop-banner{color:#fff;z-index:40;white-space:nowrap;background:#d73723ed;border-radius:10px;align-items:center;gap:9px;padding:10px 16px;font-size:14px;font-weight:700;animation:.3s warn-in;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}#drop-banner .db-dot{background:#fff;border-radius:50%;flex:none;width:9px;height:9px;animation:1s infinite db-pulse}@keyframes db-pulse{50%{opacity:.25}}#match-chat{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:7px;padding:10px;display:flex}#match-chat.hidden,#tabbar button[data-tab=chat]{display:none}#tabbar button.hidden{display:none!important}body.arena-play #tabbar button[data-tab=chat]{display:inline-block}body.arena-play.arena-done #mode-switch{display:flex!important}#board-wrap.match-intro #board{animation:1s forwards intro-color}@keyframes intro-color{0%{filter:grayscale()brightness(.82)}to{filter:none}}#board-wrap.match-intro:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff80 50%,#0000 60%);animation:.9s 50ms forwards intro-sweep;position:absolute;inset:0;transform:translate(-120%)}@keyframes intro-sweep{to{transform:translate(120%)}}.mc-head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);justify-content:space-between;font-size:11px;display:flex}#mc-log{flex-direction:column;gap:3px;max-height:140px;font-size:12.5px;display:flex;overflow-y:auto}.mc-msg{color:var(--text-soft);word-break:break-word}.mc-msg b{color:var(--green-bright);margin-right:4px}.mc-input{gap:6px;display:flex}.mc-input input{background:var(--surface-2);border:1px solid var(--control);color:var(--text);border-radius:7px;flex:1;padding:6px 10px;font-size:12.5px}.mc-input input:focus{border-color:var(--green);outline:none}.mc-input button{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:0 12px}body.arena-play #hint-btn,body.arena-play #ladder-box,body.arena-play #toggles,body.arena-play #acc,body.arena-play #evalbar,body.arena-play #plan-warning,body.arena-play #threat-legend,body.arena-play #opening-name,body.arena-play #mode-switch,body.arena-play #tabbar button[data-tab=plan],body.arena-play #tabbar button[data-tab=hints],body.arena-play #tabbar button[data-tab=ctrl],body.arena-play #eval-graph,body.arena-play .qn-err,body.arena-play #nav-resume,body.arena-play #qn-resume,body.arena-play #drag-hint,body.arena-play .ml-q{display:none!important}body.arena-play #movelist .mv{color:inherit!important;background:0 0!important}body.arena-play #movelist .mv.cur{background:var(--control)!important}#arena-plates{justify-content:space-between;gap:10px;margin:4px 0 2px;display:flex}#arena-plates.hidden{display:none}.ap{align-items:center;gap:6px;min-width:0;font-size:13px;display:inline-flex}.ap b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:14ch;font-weight:800;overflow:hidden}.ap em{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px;font-style:normal;font-weight:700}.ap-coins{color:#f6c945;font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:800;display:inline-flex}.ap-coins .coin-ico{margin-right:0}.ap-coins.pop{animation:.35s cubic-bezier(.34,1.56,.64,1) ap-chip-pop}@keyframes ap-chip-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.cfx-coin{width:var(--sz,22px);height:var(--sz,22px);pointer-events:none;z-index:3000;opacity:0;will-change:transform;background:url(/fx/coin-spin.png) repeat-x;background-size:calc(var(--sz,22px) * 9) var(--sz,22px);filter:drop-shadow(0 0 6px #ffc83c8c);animation:.45s steps(9,end) infinite cfx-spin;position:fixed;top:0;left:0}@keyframes cfx-spin{to{background-position-x:calc(var(--sz,22px) * -9)}}.cfx-flash{pointer-events:none;z-index:2990;background:radial-gradient(circle,#ffe482e6 0%,#ffbe3c73 42%,#ffbe3c00 70%);border-radius:50%;animation:.4s ease-out forwards cfx-flash;position:fixed}@keyframes cfx-flash{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.fm-stream{color:var(--text-dim);margin-top:8px;font-size:11.5px}
body.page{padding:24px 16px 60px;display:block}body.page h1{margin-bottom:14px;font-size:26px}body.page h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:22px 0 8px;font-size:13px}.page-card{background:var(--surface);border-radius:12px;padding:14px 18px;font-size:14px}.tiles{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.tile{background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;gap:3px;padding:14px 8px;display:flex}.tile b{font-size:22px}.tile span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.bl-row{color:var(--text-soft);border-bottom:1px solid #33312e;align-items:center;gap:10px;padding:8px 0;font-size:13px;text-decoration:none;display:flex}.bl-row:hover{color:#fff}.bl-row:last-child{border-bottom:none}.bl-date{color:var(--text-dim);flex-shrink:0;width:44px}.bl-note{flex:1}.bl-open{color:var(--green);white-space:nowrap;font-size:12px;font-weight:700}.advice-row{gap:8px;padding:6px 0;font-size:13.5px;line-height:1.5;display:flex}.advice-icon{color:var(--green);font-weight:800}.ap-group{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.ap-label{width:70px;color:var(--text-dim);padding-top:10px;font-size:13px}.ap-options{flex-wrap:wrap;gap:8px;display:flex}.ap-piece,.ap-board{background:var(--surface-2);cursor:pointer;color:var(--text-dim);border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;font-size:11px;display:flex}.ap-piece:hover,.ap-board:hover{border-color:var(--line)}.ap-piece.active,.ap-board.active{border-color:var(--green);color:var(--text)}.ap-piece img{width:36px;height:36px}.ap-swatch{border-radius:6px;grid-template-columns:18px 18px;display:grid;overflow:hidden}.ap-swatch i{width:18px;height:18px;display:block}.q-strip{border-radius:7px;gap:1px;height:14px;display:flex;overflow:hidden}.q-seg.q-best{background:var(--green)}.q-seg.q-great{background:var(--green-bright)}.q-seg.q-good{background:#c9e4a5}.q-seg.q-inacc{background:var(--yellow)}.q-seg.q-mistake{background:var(--orange)}.q-seg.q-blunder{background:var(--red)}.q-legend{color:var(--text-dim);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;display:flex}.q-legend span{align-items:center;gap:5px;display:inline-flex}.q-dot{border-radius:3px;width:9px;height:9px;display:inline-block}.q-dot.q-best{background:var(--green)}.q-dot.q-great{background:var(--green-bright)}.q-dot.q-good{background:#c9e4a5}.q-dot.q-inacc{background:var(--yellow)}.q-dot.q-mistake{background:var(--orange)}.q-dot.q-blunder{background:var(--red)}.g-item{border-bottom:1px solid #2f2d2a}.g-item:last-child{border-bottom:none}.g-row{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:9px 4px;font-size:13px;display:flex}.g-row:hover{background:#2b2926}.g-problems{flex-shrink:0;gap:8px;width:150px;font-size:12px;display:flex}.g-details{padding:0 8px 8px 60px}.dr{position:relative}.dr-btn{border:1px solid var(--control);color:var(--text);cursor:pointer;font-variant-numeric:tabular-nums;background:#262522;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.dr-btn:hover{border-color:#55524e}.dr-btn svg{color:var(--text-dim);flex:none}.dr-pop{z-index:40;background:var(--surface-2);border:1px solid var(--control);border-radius:12px;width:268px;padding:10px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #0000008c}.dr-presets{gap:6px;margin-bottom:8px;display:flex}.dr-presets button{color:#b8b6b3;border:1px solid var(--control);border-radius:var(--radius);cursor:pointer;background:#262522;flex:1;padding:5px 0;font-size:12px}.dr-presets button:hover{color:var(--text);border-color:#55524e}.dr-head{justify-content:space-between;align-items:center;margin:2px 2px 6px;display:flex}.dr-head span{color:var(--text);font-size:13px}.dr-head button{border-radius:var(--radius);width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.dr-head button:hover{color:var(--text);background:#2c2b28}.dr-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dr-wd{text-align:center;color:#6d6a67;text-transform:uppercase;padding:3px 0;font-size:10px}.dr-day{border-radius:var(--radius);color:#cfcdca;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:none;height:30px;font-size:12.5px}.dr-day:hover{background:#2c2b28}.dr-day.in{color:var(--text);background:#7fa6c429;border-radius:0}.dr-day.edge{color:#17150f;border-radius:var(--radius);background:#7fa6c4;font-weight:700}.dr-day.today:not(.edge){border-radius:var(--radius);box-shadow:inset 0 0 0 1px #55524e}.dr-note{text-align:center;color:var(--text-dim);margin-top:6px;font-size:11px}.adm-empty{color:var(--text-dim);margin-top:14px;font-size:13px}.usage-controls{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.usage-controls input[type=date]{background:var(--surface-2);border:1px solid var(--control);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:7px;padding:6px 9px;font-size:13px}#autocoach-row .ac-text{align-items:center;gap:6px;display:inline-flex}#autocoach-lock.hidden{display:none}#autocoach-row.locked{color:#6b6967}#autocoach-row.locked .switch{opacity:.35;pointer-events:none}.pf-layout{background:var(--bg);grid-template-columns:230px 1fr;width:100%;min-height:100vh;display:grid}.pf-nav{background:#1d1c1a;border-right:1px solid #34322f;flex-direction:column;gap:3px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.pf-brand{color:#fff;align-items:center;gap:9px;padding:4px 8px 18px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.pf-brand-ico{border-radius:var(--radius);background:var(--surface-3);flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pf-brand-ico img{width:24px;height:24px}.pf-logo-full{width:auto;height:26px;display:block}.pf-nav-item{text-align:left;color:#a9a7a4;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:13.5px;text-decoration:none;display:flex}.pf-nav-item svg{opacity:.85;flex:none}.pf-nav-item:hover{color:var(--text);background:#262522}.pf-nav-item.active{background:var(--surface-3);color:#fff;font-weight:600}.pf-nav-item.active svg{color:var(--green);opacity:1}.pf-nav-play{color:var(--green)}.pf-nav-play:hover{color:var(--green-bright)}.pf-nav-sep{background:#2e2c29;height:1px;margin:10px 8px}.pf-nav-foot{color:var(--text-dim);align-items:center;gap:10px;margin-top:auto;padding:10px;font-size:12.5px;display:flex}.pf-nav-foot img{border-radius:50%;width:30px;height:30px}.pf-nav-foot span{flex-direction:column;line-height:1.25;display:flex}.pf-nav-foot i{color:#5b5956;font-size:11px;font-style:normal}.pf-main{width:100%;min-width:0;padding:24px 34px 48px}.pf-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.pf-avatar{background:var(--green);color:#17150f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:800;display:flex;position:relative}.pf-avatar:after{content:"";background:var(--green);border:3px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.pf-who{min-width:0}.pf-email{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.pf-chip{color:#b8b6b3;background:var(--surface-3);text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.pf-chip-ai{color:#17150f;background:var(--green)}.pf-meta{color:var(--text-dim);margin-top:4px;font-size:12.5px}.pf-head-right{align-items:center;gap:10px;margin-left:auto;display:flex}.pf-admin-btn{background:var(--surface-3);color:var(--text);border:1px solid var(--control);border-radius:10px;padding:8px 14px;font-size:13px;text-decoration:none}.pf-admin-btn:hover{border-color:#55524e}.pf-kpis{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px;display:grid}.kpi{background:var(--surface);border-radius:14px;padding:16px 18px}.kpi-top{justify-content:space-between;align-items:flex-start;display:flex}.kpi-top b{color:#fff;font-size:26px;line-height:1.1}.kpi-ico{background:var(--surface-3);color:#b8b6b3;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.kpi-ico svg{display:block}.kpi-ico-green{color:var(--green);background:#81b64c24}.kpi-ico-blue{color:#7fa6c4;background:#7fa6c424}.kpi-ico-red{color:#e0694f;background:#e0694f24}.kpi-ico-yellow{color:#e5c07b;background:#e5c07b24}.kpi-sub{color:#6d6a67;margin-top:3px;font-size:11px;display:block}.kpi-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;margin-top:2px;font-size:11.5px;display:block}.kpi-trend{margin-top:8px;font-size:12px;display:block}.kpi-good{color:var(--green)}.kpi-bad{color:#e0694f}.kpi-flat{color:#6d6a67}.pf-grid3{grid-template-columns:1.25fr 1.25fr .9fr;gap:12px;margin-bottom:14px;display:grid}.pf-grid2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.pf-block{margin:0}.pf-block h3{color:var(--text);margin:0 0 12px;font-size:14.5px}.pf-block-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pf-block-head h3{margin:0}.pf-see-all{background:var(--surface-3);border:1px solid var(--control);color:#b8b6b3;border-radius:var(--radius);cursor:pointer;padding:5px 10px;font-size:12px}.pf-see-all:hover{color:var(--text)}.clr-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.clr-card{background:var(--surface-2);border-radius:12px;padding:14px}.clr-card.worst{box-shadow:inset 0 0 0 1px #e0282880}.clr-title{color:var(--text);justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.clr-nums{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.clr-nums span{color:var(--text-dim);text-transform:uppercase;flex-direction:column;font-size:10.5px;display:flex}.clr-nums b{color:#fff;font-size:16px}.clr-spark{margin-top:8px}.ph-cards{flex-direction:column;gap:8px;display:flex}.ph-card{background:var(--surface-2);border-radius:12px;padding:12px 14px}.ph-card.worst{box-shadow:inset 0 0 0 1px #e0282880}.ph-title{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.ph-rows{gap:16px;display:flex}.ph-rows span{color:var(--text-dim);text-transform:uppercase;flex-direction:column;font-size:10.5px;display:flex}.ph-rows b{color:#fff;font-size:15px}.ph-bar-wrap{background:var(--surface-3);border-radius:4px;height:6px;margin-top:8px;overflow:hidden}.ph-bar{background:var(--green);border-radius:4px;height:100%}.ph-bar.bad{background:#e02828}.donut-wrap{flex-direction:column;display:flex}.donut-legend{flex-direction:column;gap:6px;margin-top:4px;display:flex}.donut-legend span{color:#b8b6b3;align-items:center;gap:8px;font-size:12.5px;display:flex}.donut-legend i{border-radius:3px;flex:none;width:10px;height:10px}.rg-row{border-radius:var(--radius);border-bottom:1px solid #2e2c29;align-items:center;gap:12px;padding:9px 6px;text-decoration:none;display:flex}.rg-row:last-child{border-bottom:none}.rg-row:hover{background:#262522}.rg-ico{background:var(--surface-3);color:#b8b6b3;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.rg-ico.rgc-win{color:var(--green);background:#81b64c29}.rg-ico.rgc-loss{color:#e05f5f;background:#e0282824}.rg-main{flex-direction:column;flex:1;min-width:0;display:flex}.rg-res{font-size:13px}.rg-res.rgc-win{color:var(--green)}.rg-res.rgc-loss{color:#e05f5f}.rg-res.rgc-draw,.rg-res.rgc-active,.rg-res.rgc-abandoned{color:#b8b6b3}.rg-opening{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.rg-acc{flex-direction:column;align-items:flex-end;display:flex}.rg-acc b{color:var(--text);font-size:13px}.rg-acc i{color:#6d6a67;text-transform:uppercase;font-size:10px;font-style:normal}.rg-date{color:#6d6a67;white-space:nowrap;font-size:11.5px}.rg-arrow{color:#55524e;font-size:18px}@media (max-width:1080px){.pf-kpis{grid-template-columns:repeat(2,1fr)}.pf-grid3,.pf-grid2{grid-template-columns:1fr}}@media (max-width:760px){.pf-layout{grid-template-columns:1fr}.pf-nav{flex-direction:row;align-items:center;height:auto;position:static;overflow-x:auto}.pf-nav-foot{display:none}.pf-brand{padding:4px 10px}}.pf-tabs{background:var(--surface);border-bottom:1px solid #34322f;border-radius:12px;gap:8px;margin:2px 0 18px;padding:4px 10px 0;display:flex}.pf-tabs button{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;margin-bottom:-1px;padding:11px 12px 13px;font-size:13.5px}.pf-tabs button:hover{color:var(--text)}.pf-tabs button.active{color:#fff;border-bottom-color:var(--green);font-weight:600}.ck-row{border-bottom:1px solid #2e2c29;align-items:center;gap:12px;padding:10px 4px;display:flex}.ck-row:last-child{border-bottom:none}.ck-ico{color:#17150f;border:2px solid #55524e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:flex}.ck-row.done .ck-ico{background:var(--green);border-color:var(--green)}.ck-text{color:#b8b6b3;flex:1;font-size:13.5px}.ck-row.done .ck-text{color:var(--text)}.ck-hint{color:#6d6a67;font-variant-numeric:tabular-nums;font-size:12px}.ck-row.done .ck-hint{color:var(--green)}.weak-ico{cursor:default;color:#e05f5f;background:#e0282824;border-radius:50%;flex:none;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex;position:relative}.weak-ico:after{content:attr(data-tip);background:var(--surface-2);border:1px solid var(--control);color:var(--text);border-radius:var(--radius);white-space:nowrap;opacity:0;pointer-events:none;z-index:6;padding:5px 10px;font-size:11.5px;font-weight:400;transition:opacity .12s;position:absolute;bottom:calc(100% + 7px);right:-6px;box-shadow:0 8px 24px #00000080}.weak-ico:hover:after{opacity:1}.pfz-kpis{grid-template-columns:repeat(4,1fr)}.pfa-row{color:inherit;border-radius:10px;align-items:center;gap:12px;padding:9px 10px;text-decoration:none;display:flex}.pfa-row:hover{background:var(--control)}.pfa-res{color:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;width:34px;height:24px;font-size:11px;font-weight:800;display:flex}.pfa-res.win{background:var(--green)}.pfa-res.loss{background:#b0413e}.pfa-res.draw{background:#6f6d67}.pfa-opp{min-width:0;color:var(--text);flex-direction:column;flex:1;font-weight:700;display:flex}.pfa-meta{color:var(--text-dim);font-size:12px;font-style:normal;font-weight:500}.pfa-coins{color:#f6c945;font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:13px;font-weight:800;display:inline-flex}.pfa-delta{text-align:right;min-width:34px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:800}.pfa-delta.up{color:var(--green-bright)}.pfa-delta.down{color:#e07a72}.pfa-rich{align-items:center}.pfa-score{flex:none;align-items:center;gap:7px;min-width:64px;display:flex}.pfa-score b{color:var(--text);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:800}.pfa-badge{color:#fff;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;font-style:normal;font-weight:900;line-height:1;display:inline-flex}.pfa-badge.win{background:var(--green)}.pfa-badge.loss{background:#b0413e}.pfa-badge.draw{background:#6f6d67}.pfa-players{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pfa-player{min-width:0;color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;display:inline-flex;overflow:hidden}.pfa-player b{color:var(--text);font-weight:700}.pfa-clr{border:1px solid #55534e;border-radius:3px;flex:none;width:11px;height:11px}.pfa-clr.w{background:#efede8}.pfa-clr.b{background:#262421}.pfa-clr.winner{border-color:var(--green-bright);box-shadow:0 0 0 1px var(--green-bright)}.pfa-d{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px;font-style:normal;font-weight:800}.pfa-d.up{color:var(--green-bright)}.pfa-d.down{color:#e07a72}.pfa-meta2{color:var(--text-dim);white-space:nowrap;flex:none;font-size:12px}@media (max-width:640px){.pfa-meta2{display:none}.pfa-score{min-width:54px}}.pfa-date{color:var(--text-dim);flex:none;font-size:12px}.pf-empty{color:var(--text-dim);padding:8px 2px;font-size:13.5px}.kpi-top .pf-chip{margin-left:6px}.pfz-filters{gap:6px;display:flex}.pfz-filters button{cursor:pointer;background:var(--surface-3);color:var(--text-dim);border:none;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:700}.pfz-filters button:hover{color:var(--text-soft)}.pfz-filters button.active{background:var(--green);color:#fff}.pfz-closed{color:var(--green-bright);background:#81b64c24;border-radius:6px;margin-left:8px;padding:2px 7px;font-size:11px;font-weight:700}.pfz-themes .pat-row{grid-template-columns:190px minmax(120px,420px) auto;align-items:center;gap:14px;padding:6px 0;display:grid}.pfz-themes .pat-name{width:auto}.pfz-themes .pat-bar-wrap{flex:none;width:100%}.pfz-themes .pat-bar{background:var(--green);display:block}.pfz-themes .pat-bar.pfz-bar-ok{background:var(--green-bright)}.pfz-themes .pat-n{white-space:nowrap;text-align:left;width:auto;min-width:96px;color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:13px}.pf-set{flex-direction:column;gap:6px;padding-top:6px;display:flex}.pf-sw{color:var(--text);cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.pf-set-note{max-width:520px;color:var(--text-dim);font-size:12.5px;line-height:1.5}.pf-nick-row{gap:8px;display:flex}.pf-nick-input{background:var(--surface-2);border:1px solid var(--control);color:var(--text);border-radius:8px;width:220px;padding:8px 12px;font-size:14px}.pf-nick-input:focus{border-color:var(--green);outline:none}.pf-nick-save{cursor:pointer;background:var(--green);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.pf-nick-save:disabled{opacity:.4;cursor:default}.pf-nick-ok{color:var(--green-bright);font-size:12.5px}.pf-nick-err{color:var(--red);font-size:12.5px}@media (max-width:880px){.pf-layout{display:block}.pf-nav{display:none}.pf-main{min-width:0;padding:12px 10px 24px}.pf-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.pf-tabs button{white-space:nowrap}.pf-kpis{grid-template-columns:repeat(2,1fr)!important}.pf-head{flex-wrap:wrap}.page-card{min-width:0;max-width:100%;overflow-x:hidden}.recharts-responsive-container,.recharts-wrapper,.recharts-surface{max-width:100%!important}}.pf-lang-row{gap:8px;display:flex}.pf-lang{cursor:pointer;background:var(--control,#3a3937);color:var(--text-soft,#ccc);border:none;border-radius:7px;padding:8px 22px;font-family:inherit;font-size:13px;font-weight:700}.pf-lang:hover{background:var(--line,#4a4947)}.pf-lang.active{background:var(--green,#6a9f43);color:#fff}
.tiles-5{grid-template-columns:repeat(5,1fr)}.adm-table{border-collapse:collapse;width:100%;font-size:13.5px}.adm-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);border-bottom:1px solid var(--control);padding:6px 8px;font-size:11px}.adm-table td{border-bottom:1px solid #2f2d2a;padding:8px}.adm-table tr:last-child td{border-bottom:none}.adm-layout{width:100%;min-height:100vh;display:flex}.adm-nav{background:var(--surface);flex-direction:column;flex-shrink:0;gap:4px;width:210px;padding:20px 12px;display:flex}.adm-brand{align-items:center;gap:8px;padding:0 10px 16px;font-size:17px;font-weight:800;display:flex}.adm-brand-ico{width:24px;height:24px}.adm-logo-full{width:auto;height:24px;display:block}.adm-nav button{text-align:left;border-radius:var(--radius);color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:10px 12px;font-size:14px;font-weight:600}.adm-nav button:hover{color:var(--text);background:#2f2d2a}.adm-nav button.active{background:var(--control);color:#fff}.adm-back{color:var(--text-dim);margin-top:auto;padding:10px 12px;font-size:13px;text-decoration:none}.adm-back:hover{color:var(--text)}.adm-main{flex:1;max-width:1440px;padding:26px 34px 60px}.adm-main h1{margin-bottom:16px;font-size:24px}.adm-main h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:20px 0 8px;font-size:13px}.dd{width:240px;position:relative}.dd-btn{background:var(--surface-2);border:1px solid var(--control);width:100%;color:var(--text);cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;transition:border-color .15s;display:flex}.dd-btn:hover,.dd-btn.open{border-color:var(--green)}.dd-btn svg{color:var(--text-dim);transition:transform .15s}.dd-btn.open svg{transform:rotate(180deg)}.dd-list{background:var(--surface-2);border:1px solid var(--control);z-index:20;border-radius:10px;padding:5px;animation:.12s dd-in;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 10px 30px #00000080}@keyframes dd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dd-item{width:100%;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:13.5px;display:flex}.dd-item:hover{color:#fff;background:#2f2d2a}.dd-item.active{color:var(--green-bright);font-weight:700}.dd-check{color:var(--green);font-weight:800}.adm-row{cursor:pointer}.adm-row:hover td{background:#ffffff06}.adm-row.open td{background:#81b64c0f}.adm-unverified{color:var(--orange);margin-left:6px;font-size:11px}.adm-detail-row td{background:var(--surface-2);padding:14px 16px}.adm-detail{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.adm-detail h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:0 0 8px;font-size:11px}.adm-detail-line{color:var(--text-soft);align-items:center;gap:8px;padding:3px 0;font-size:12.5px;text-decoration:none;display:flex}.adm-detail-line:last-child{border-bottom:none}a.adm-detail-line:hover{color:var(--text)}.adm-detail-line .adm-num-dim{margin-left:auto}.adm-num-bad{color:var(--red);font-weight:700}.adm-st{border-radius:5px;padding:1px 7px;font-size:11px;font-weight:700}.adm-st-finished{color:var(--green-bright);background:#81b64c26}.adm-st-active{color:#8fb8e8;background:#6496dc26}.adm-st-abandoned{color:var(--text-dim);background:#ffffff0f}.adm-bots-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.adm-bots-row label{color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.adm-bots-row input[type=number]{background:var(--surface-2);border:1px solid var(--control);width:80px;color:var(--text);border-radius:7px;padding:6px 8px;font-size:13px}.adm-bots-live{color:var(--text-dim);font-size:12.5px}.adm-bots-live.on{color:var(--green-bright)}.adm-fp-resolved td{opacity:.45}.adm-fp-btn{cursor:pointer;background:var(--orange);color:#17150f;border:none;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:700}.adm-actions{white-space:nowrap}.adm-act{border:1px solid var(--line,#4a4947);color:var(--text-soft,#ccc);cursor:pointer;background:0 0;border-radius:6px;margin-right:6px;padding:4px 10px;font-size:12px;font-weight:600}.adm-act:hover{background:var(--control,#3a3937);color:#fff}.adm-act-danger{color:#e08a82;border-color:#7a3b35}.adm-act-danger:hover{color:#ffb3ab;background:#4a2522}.adm-banned td{opacity:.55}.adm-banned .adm-actions,.adm-banned .adm-email{opacity:1}.adm-ban-badge{color:#ffc9c2;letter-spacing:.05em;background:#6e2f2a;border-radius:5px;margin-left:8px;padding:1px 7px;font-size:10.5px;font-weight:800;display:inline-block}.adm-table-wrap{overflow-x:auto}.adm-table{width:100%}.adm-table th{white-space:nowrap}.adm-table th,.adm-table td{padding:8px 7px}.adm-email{white-space:nowrap;text-overflow:ellipsis;max-width:185px;overflow:hidden}.adm-table td:nth-child(4),.adm-table td:nth-child(5),.adm-table td:nth-child(6),.adm-table td:nth-child(7){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.adm-table td:nth-child(8){white-space:nowrap}.adm-actions{width:1%}.adm-act{justify-content:center;align-items:center;width:30px;min-width:0;height:26px;margin-right:4px;padding:0;display:inline-flex}.adm-act-on{color:#e5c04b;border-color:#7a6a33}.adm-act-banned{color:#ffb3ab;background:#4a2522;border-color:#7a3b35}.adm-modal-backdrop{z-index:200;background:#0c0b0ab3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.adm-modal{background:var(--surface,#262421);text-align:center;border:1px solid #ffffff1a;border-radius:14px;width:calc(100% - 48px);max-width:420px;padding:26px 28px 22px;box-shadow:0 24px 70px #0000008c}.adm-modal-ico{color:#e5c04b;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.adm-modal-danger-ico{color:#e08a82}.adm-modal .adm-modal-ico:has(circle){color:#e08a82}.adm-modal-text{color:var(--text,#eee);margin-bottom:20px;font-size:14.5px;line-height:1.55}.adm-modal-btns{justify-content:center;gap:10px;display:flex}.adm-modal-no,.adm-modal-yes{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:700}.adm-modal-no{background:var(--control,#3a3937);color:var(--text-soft,#ccc)}.adm-modal-no:hover{background:var(--line,#4a4947)}.adm-modal-yes{background:var(--green,#6a9f43);color:#fff}.adm-modal-yes:hover{background:var(--green-hover,#7ab153)}.adm-modal-danger{background:#a8453d}.adm-modal-danger:hover{background:#bb554c}
.lv-root{background:var(--bg);overscroll-behavior:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lv-top{z-index:5;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.lv-brand{color:#fff;align-items:center;gap:8px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.lv-brand img{width:24px;height:24px}.lv-brand .lv-logo-full{width:auto;height:22px}.lv-live-badge{color:#e0492f;letter-spacing:.06em;font-size:12px;font-weight:800;animation:2s infinite lv-pulse}.lv-viewers{color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:13px}.lv-count{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}@keyframes lv-pulse{0%,to{opacity:1}50%{opacity:.45}}.lv-slide{flex-direction:column;gap:12px;width:min(92vw,62vh,560px);animation:.32s cubic-bezier(.22,1,.36,1) lv-slide-in;display:flex}@keyframes lv-slide-in{0%{opacity:0;transform:translateY(26px)scale(.985)}to{opacity:1;transform:none}}.lv-boardside{flex-direction:column;gap:10px;display:flex}.lv-player{justify-content:space-between;align-items:center;min-height:34px;display:flex}.lv-nick{color:var(--text);font-size:15px;font-weight:700}.lv-clock{text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;min-width:96px;padding:5px 14px;font-size:21px;font-weight:800;line-height:1.15}.lv-clock.w{color:#45443f;background:#8f8d87}.lv-clock.w.on{color:#26251f;background:#fff}.lv-clock.b{color:#706e68;background:#232220}.lv-clock.b.on{color:#f4f2ec;background:#0f0f0e}.lv-boardwrap{font-size:0;line-height:0}.lb-board{aspect-ratio:1;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000073}.lb-cells{grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.lb-sq{position:relative}.lb-sq.light{background:#eef2f5}.lb-sq.dark{background:#7fa1c0}.lb-sq.hl:after{content:"";background:#ff36;animation:.3s lv-hl-in;position:absolute;inset:0}@keyframes lv-hl-in{0%{opacity:0}to{opacity:1}}.lb-piece{will-change:left, top;z-index:1;pointer-events:none;width:12.5%;height:12.5%;padding:.4%;transition:left .28s cubic-bezier(.22,1,.36,1),top .28s cubic-bezier(.22,1,.36,1);position:absolute}.lv-final{text-align:center;color:var(--green-bright);background:#81b64c1f;border-radius:10px;padding:8px;font-size:15px;font-weight:800;animation:.45s cubic-bezier(.34,1.56,.64,1) lv-final-pop}@keyframes lv-final-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.lv-nav{flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.lv-nav button{cursor:pointer;background:var(--surface);width:44px;height:44px;color:var(--text);border:none;border-radius:50%;font-size:16px;transition:background .15s,transform .15s}.lv-nav button:hover{background:var(--control);transform:scale(1.08)}.lv-hint{color:var(--text-dim);font-size:12px;position:absolute;bottom:14px}.lv-empty{flex-direction:column;align-items:center;gap:16px;display:flex}.lv-empty-title{color:var(--text-soft);font-size:16px}.lv-play-btn{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-deep);border-radius:10px;padding:12px 26px;font-weight:800;text-decoration:none}.lv-chat{flex-direction:column;gap:6px;min-height:0;display:flex}.lv-chat .lv-play-cta{margin-bottom:12px}.lv-chat-log{background:var(--surface);border-radius:10px;flex-direction:column;gap:3px;max-height:16vh;padding:8px 10px;font-size:13px;display:flex;overflow-y:auto}.lv-chat-empty{color:var(--text-dim);font-size:12.5px}.lv-chat-msg{color:var(--text-soft);word-break:break-word;animation:.22s lv-msg-in}@keyframes lv-msg-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.lv-chat-msg b{color:var(--green-bright);margin-right:4px}.lv-chat-input{gap:6px;display:flex}.lv-chat-input input{background:var(--surface);border:1px solid var(--control);color:var(--text);border-radius:8px;flex:1;padding:8px 12px;font-size:13px}.lv-chat-input input:focus{border-color:var(--green);outline:none}.lv-chat-input button{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:0 14px;font-size:14px;transition:transform .12s}.lv-chat-input button:hover{transform:scale(1.06)}.lv-chat-input button:disabled{opacity:.4;transform:none}.lv-chat-login{text-align:center;color:var(--text-dim);font-size:12.5px;text-decoration:underline}@media (min-width:900px){.lv-slide{flex-direction:row;align-items:stretch;gap:22px;width:auto;max-width:min(92vw,1200px)}.lv-boardside{width:min(78vh,640px)}.lv-chat{justify-content:flex-end;align-self:stretch;width:320px}.lv-chat-log{flex:1;max-height:none}.lv-hint{display:none}}@media (max-width:640px){.lv-slide{width:min(94vw,70vh)}.lv-nav{display:none}}.lv-rating{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:7px;font-size:12px;font-weight:700}.lv-think{vertical-align:middle;gap:3px;margin-left:9px;display:inline-flex}.lv-think i{background:var(--green-bright);border-radius:50%;width:5px;height:5px;animation:1.2s infinite lv-think}.lv-think i:nth-child(2){animation-delay:.2s}.lv-think i:nth-child(3){animation-delay:.4s}@keyframes lv-think{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.lv-moves{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:8px;font-size:12.5px;display:flex}.lv-moves span.last{color:var(--text);font-weight:800;animation:.25s lv-msg-in}.lv-coin{width:var(--sz,20px);height:var(--sz,20px);background:url(/fx/coin-spin.png) repeat-x;background-size:calc(var(--sz,20px) * 9) var(--sz,20px);filter:drop-shadow(0 2px 5px #00000059);animation:.7s steps(9,end) infinite lv-coin-spin;position:absolute}@keyframes lv-coin-spin{to{background-position-x:calc(var(--sz,20px) * -9)}}.lv-final-why{color:var(--text-soft);margin-top:2px;font-size:12.5px;font-weight:600}.lv-final-next{color:var(--text-dim);margin-top:3px;font-size:11.5px;font-weight:500}.lv-coin-rain{pointer-events:none;z-index:3;position:absolute;inset:-20px 0 0;overflow:hidden}.cfx-coin{width:var(--sz,22px);height:var(--sz,22px);pointer-events:none;z-index:3000;opacity:0;will-change:transform;background:url(/fx/coin-spin.png) repeat-x;background-size:calc(var(--sz,22px) * 9) var(--sz,22px);filter:drop-shadow(0 0 6px #ffc83c8c);animation:.45s steps(9,end) infinite cfx-spin;position:fixed;top:0;left:0}@keyframes cfx-spin{to{background-position-x:calc(var(--sz,22px) * -9)}}.cfx-flash{pointer-events:none;z-index:2990;background:radial-gradient(circle,#ffe482e6 0%,#ffbe3c73 42%,#ffbe3c00 70%);border-radius:50%;animation:.4s ease-out forwards cfx-flash;position:fixed}@keyframes cfx-flash{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.lv-coins{vertical-align:middle;color:#f6c945;font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-left:8px;font-size:13px;font-weight:800;display:inline-flex}.lv-coins .ico{background:url(/fx/coin.png) 50%/contain no-repeat;width:16px;height:16px}.lv-coins.pop{animation:.35s cubic-bezier(.34,1.56,.64,1) lv-chip-pop}@keyframes lv-chip-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.lv-boardside{position:relative}.lv-mute{background:var(--surface);cursor:pointer;border:none;border-radius:8px;width:34px;height:30px;font-size:15px;transition:background .15s}.lv-mute:hover{background:var(--control)}.lv-sk{background:var(--surface);border-radius:8px;display:inline-block;position:relative;overflow:hidden}.lv-sk:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff0f 50%,#0000 70%);animation:1.1s linear infinite lv-shimmer;position:absolute;inset:0}@keyframes lv-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.lv-sk-nick{width:120px;height:18px}.lv-sk-clock{width:64px;height:26px}.lv-sk-board{background:var(--surface)}.lv-sk-board:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff0d 50%,#0000 70%);animation:1.1s linear infinite lv-shimmer;position:absolute;inset:0}.lv-loading{animation:none}.lv-play-cta{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-deep);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:auto;padding:12px;font-size:14px;font-weight:800;text-decoration:none;transition:background .15s,transform .1s;display:none}.lv-play-cta:hover{background:var(--green-hover)}.lv-play-cta:active{box-shadow:0 2px 0 var(--green-deep);transform:translateY(2px)}@media (min-width:900px){.lv-play-cta{display:flex}}.lv-mute{color:var(--text-soft);flex:none;justify-content:center;align-items:center;display:flex}.lv-mute:hover{color:var(--text)}@media (max-width:640px){.lv-brand .lv-logo-full{height:18px}}.lv-user-corner{z-index:6;text-decoration:none;position:absolute;bottom:14px;left:14px}.lv-user-corner span{background:var(--green);color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 14px #0006}.lv-user-corner:hover span{filter:brightness(1.1)}