.cg-wrap{box-sizing:content-box;display:block;position:relative}cg-container{width:100%;height:100%;display:block;position:absolute;top:0}cg-board{-webkit-user-select:none;user-select:none;background-size:cover;width:100%;height:100%;line-height:0;position:absolute;top:0;left:0}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{pointer-events:none;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{z-index:2;will-change:transform;pointer-events:none;background-size:cover;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{pointer-events:none;z-index:2;opacity:.6;width:100%;height:100%;position:relative;top:0;left:0;overflow:hidden}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{opacity:.6;z-index:2;overflow:hidden}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg{overflow:visible}.cg-wrap coords{pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px;display:flex;position:absolute}.cg-wrap coords.ranks.left{align-items:flex-end;left:-15px}.cg-wrap coords.files{text-transform:uppercase;text-align:center;flex-flow:row;width:100%;height:16px;bottom:-4px;left:24px}.cg-wrap coords coord{flex:auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{text-transform:uppercase;text-align:right;flex-flow:column-reverse;width:12.5%;height:100%;bottom:0;left:0}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1016;--surface:#161923;--surface-2:#1d212e;--surface-3:#272c3e;--line:#ffffff12;--line-2:#ffffff21;--text:#e9ebf5;--text-2:#a3a9c1;--text-3:#6f7590;--accent:#ff7a66;--accent-press:#ee604c;--accent-ink:#2b0e0a;--accent-soft:#ff7a6629;--accent-text:#ff9c8c;--lilac:#a9a3e6;--rose:#ff4f6d;--rose-text:#ff8da1;--mv-bad-1:#ff7a661a;--mv-bad-2:#ff7a662e;--mv-bad-3:#ff7a6647;--mv-bad-text:#ffb4a6;--mv-good-1:#7ec8aa1f;--mv-good-2:#7ec8aa30;--mv-good-text:#a6dcc4;--sq-light:#ebe8f6;--sq-dark:#8a84be;--coord-on-dark:#fff;--coord-on-light:#4a4486;--coord-halo-dark:0 0 1.5px #1e1850, 0 0 3px #1e1850cc;--coord-halo-light:0 0 1.5px #fff, 0 0 3px #ffffffd9;--sel:#ff7a66a8;--last:#ffa07d94;--dest:#28245a61;--hover:#ff7a6642;--r-sm:12px;--r:16px;--r-lg:22px;--ease:cubic-bezier(.32, .72, 0, 1);--spring:cubic-bezier(.34, 1.45, .64, 1);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(70% 45% at 12% -5%, #8a84be33, transparent 70%), radial-gradient(55% 40% at 100% 0%, #ff7a6614, transparent 70%), var(--bg);color:var(--text);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;background-attachment:fixed}#app{height:100%}button,select,input,textarea{font:inherit;color:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}h2,h3{margin:0}.app{height:100%}.app.desktop{grid-template-columns:var(--bs) var(--chat-w);place-content:center;gap:24px;padding:16px 24px;display:grid}.app.desktop .right{contain:size;min-height:0}.app.mobile{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex;overflow:hidden}.app.mobile .left{flex:none}.app.mobile .right{flex:auto;min-height:0}.board-col{width:var(--bs);flex-direction:column;display:flex}.app.mobile .board-col{width:var(--bs);margin:0 auto}.app.mobile:not(.landscape) .left{width:100%;display:block}.board-slot{width:var(--bs);height:var(--bs);touch-action:none;position:relative}.app.mobile .board-slot{margin:0 auto}.board-wrap{width:var(--bs);height:var(--bs);position:relative}.cg-host{width:var(--bs);height:var(--bs);touch-action:none;-webkit-user-select:none;user-select:none}.board-wrap,.board-slot,.cg-host{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.cg-wrap{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 14px 34px #04050e8c,0 2px 6px #04050e66}cg-board{background-color:var(--sq-light);background-image:conic-gradient(var(--sq-dark) 25%, var(--sq-light) 0 50%, var(--sq-dark) 0 75%, var(--sq-light) 0);background-size:25% 25%}.cg-wrap piece{will-change:transform;background-position:50% 2%;background-size:92%}.cg-wrap piece.pawn.white{background-image:url(/pieces/indigo/wP.svg)}.cg-wrap piece.knight.white{background-image:url(/pieces/indigo/wN.svg)}.cg-wrap piece.bishop.white{background-image:url(/pieces/indigo/wB.svg)}.cg-wrap piece.rook.white{background-image:url(/pieces/indigo/wR.svg)}.cg-wrap piece.queen.white{background-image:url(/pieces/indigo/wQ.svg)}.cg-wrap piece.king.white{background-image:url(/pieces/indigo/wK.svg)}.cg-wrap piece.pawn.black{background-image:url(/pieces/indigo/bP.svg)}.cg-wrap piece.knight.black{background-image:url(/pieces/indigo/bN.svg)}.cg-wrap piece.bishop.black{background-image:url(/pieces/indigo/bB.svg)}.cg-wrap piece.rook.black{background-image:url(/pieces/indigo/bR.svg)}.cg-wrap piece.queen.black{background-image:url(/pieces/indigo/bQ.svg)}.cg-wrap piece.king.black{background-image:url(/pieces/indigo/bK.svg)}cg-board square.last-move{background-color:var(--last)}cg-board square.selected{background-color:var(--sel)}cg-board square.move-dest{background-image:radial-gradient(circle closest-side, var(--dest) 0 28%, transparent 29%)}cg-board square.oc.move-dest{background-image:radial-gradient(circle closest-side, transparent 0 74%, var(--dest) 75% 92%, transparent 93%)}cg-board square.check{background-image:radial-gradient(circle closest-side,#ff4062f2 0%,#ff406299 52%,#ff406200 100%)}.hover-sq{pointer-events:none;z-index:1;background:var(--hover);width:12.5%;height:12.5%;box-shadow:inset 0 0 0 3px var(--sel);position:absolute}.cg-wrap coords{pointer-events:none;z-index:3;opacity:1;text-transform:none;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute}.cg-wrap coords.ranks{flex-flow:column-reverse;width:14px;height:100%;top:0;left:0}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks coord{flex:1 1 0;justify-content:flex-start;align-items:center;padding:0 0 0 4px;display:flex;transform:none}.cg-wrap coords.files{text-transform:lowercase;flex-flow:row;width:100%;height:14px;top:auto;bottom:0;left:0}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords.files coord{flex:1 1 0;justify-content:center;align-items:flex-end;padding:0 0 2px;display:flex;transform:none}.cg-wrap coords coord{color:var(--coord-on-dark);text-shadow:var(--coord-halo-dark)}.cg-wrap coords coord:nth-child(2n),.cg-wrap coords.black coord{color:var(--coord-on-light);text-shadow:var(--coord-halo-light)}.cg-wrap coords.black coord:nth-child(2n){color:var(--coord-on-dark);text-shadow:var(--coord-halo-dark)}.player-bar{min-width:0;color:var(--text);grid-template-columns:1fr auto 1fr;align-items:center;column-gap:8px;padding:0 12px;display:grid}.player-bar.top{height:var(--bar-top);padding-bottom:6px}.player-bar.bottom{height:var(--bar-bottom);padding-top:10px}.app.desktop .player-bar{padding-left:2px;padding-right:2px}.pinfo{flex-direction:column;grid-column:1;justify-content:center;min-width:0;line-height:1.15;display:flex}.player-bar.top .pinfo{grid-column:1/3}.pname{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.psub{color:var(--text-3);margin-left:8px;font-size:12px;font-weight:500}.pstatus{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;font-weight:600;display:-webkit-box;overflow:hidden}.player-bar.top .pstatus{-webkit-line-clamp:1}.pstatus.accent{color:var(--accent-text)}.pstatus.dim{color:var(--text-2);font-weight:500}.balance{text-align:center;min-width:34px;font:700 13px/1.2 var(--font);font-variant-numeric:tabular-nums;letter-spacing:.01em;background:var(--surface-2);color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;grid-column:3;justify-self:end;padding:4px 9px}.balance.up{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 0 0 1px #ff7a6659}.bar-actions{grid-column:2;justify-content:center;align-items:center;gap:10px;display:flex}.btn{background:var(--surface-3);min-height:44px;color:var(--text);white-space:nowrap;transition:transform .18s var(--spring), background .15s var(--ease), opacity .15s;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:active:not(:disabled){background:var(--accent-press)}.btn.small{min-height:36px;padding:0 14px;font-size:14px}.icon-btn{background:var(--surface-3);width:44px;height:44px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);transition:transform .18s var(--spring), background .15s;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn.gear:active{transform:scale(.92)rotate(24deg)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn .icon{color:var(--lilac)}.icon-btn.start .icon{margin-left:2px}.icon-btn.start:not(:disabled){background:linear-gradient(115deg, var(--surface-3) 0%, var(--surface-3) 30%, #ff7a66eb 50%, var(--surface-3) 70%, var(--surface-3) 100%);background-size:300% 100%;animation:3.2s ease-in-out infinite start-wander}.icon-btn.start:not(:disabled) .icon{color:#fff;filter:drop-shadow(0 0 2px #171a2359)}@keyframes start-wander{0%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.icon-btn.start:not(:disabled){background:linear-gradient(115deg, var(--surface-3), #ff7a668c);animation:none}}.icon-btn.stop,.icon-btn.actions-btn.on{box-shadow:inset 0 0 0 1.5px var(--lilac)}.icon-btn.stop .icon{color:var(--accent-text)}.icon-btn.stop{box-shadow:inset 0 0 0 1.5px #ff7a668c}.act-wrap{display:inline-flex;position:relative}.act-pop{z-index:60;width:340px;max-width:var(--bs);-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);border-radius:var(--r);box-shadow:0 18px 44px #0000008c, inset 0 0 0 1px var(--line-2);animation:pop-in .2s var(--spring) both;transform-origin:85% 100%;background:#1a1e2bf5;padding:6px;position:absolute;bottom:calc(100% + 12px);right:-50px}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.96)}}.act-list{flex-direction:column;padding:0;display:flex}.sheet-body .act-list{padding:0 12px 6px}.act-row{width:100%;min-height:58px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:8px 12px;transition:background .15s;display:flex}.act-row:hover:not(:disabled),.act-row:focus-visible{background:#ffffff12}.act-row:active:not(:disabled){background:#ffffff1c}.act-row:disabled{opacity:.5;cursor:default}.act-ic{background:var(--surface-3);width:38px;height:38px;color:var(--lilac);border-radius:12px;flex:none;place-items:center;display:grid}.act-txt{flex-direction:column;min-width:0;line-height:1.25;display:flex}.act-title{font-size:16px;font-weight:600}.act-desc{color:var(--text-3);font-size:13px}.link-btn{color:var(--accent-text);background:0 0;border:0;min-height:44px;padding:0 6px;font-size:16px;font-weight:600}.icon{flex:none;display:block}.under{align-items:center;gap:8px;height:44px;margin-top:4px;display:flex}.ghost{background:var(--surface-2);min-height:40px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line);transition:background .15s, color .15s, transform .18s var(--spring);border:0;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.ghost:active:not(:disabled){transform:scale(.97)}.ghost:disabled{opacity:.4;cursor:default}.ghost.danger{color:var(--rose-text)}.summary{color:var(--text-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px;background:0 0;border:0;border-radius:10px;padding:8px 4px;font-size:13px}.summary:hover{color:var(--text)}.toast{z-index:30;text-align:center;border:1px solid var(--line-2);max-width:92%;color:var(--text);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);animation:toast-in .38s var(--spring) both, toast-out .3s ease 2.85s forwards;background:#141721db;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000073}.toast.bad{color:var(--rose-text);border-color:#ff4f6d80}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-38%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,-62%)}}.confirm{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;animation:fade .2s var(--ease);background:#0a0b129e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;font-size:17px;font-weight:600;display:flex;position:absolute;inset:0}.confirm-btns{gap:10px;display:flex}@keyframes fade{0%{opacity:0}}.promo-backdrop{z-index:15;background:#0a0b1299;border-radius:14px;position:absolute;inset:0}.promo-col{background:var(--sq-light);border-radius:12px;flex-direction:column;width:12.5%;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000080}.promo-piece{aspect-ratio:1;cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:92%;border:0}.promo-piece:hover,.promo-piece:active{background-color:#ff7a6659}.right{flex-direction:column;gap:10px;min-height:0;display:flex}.movelist{font-variant-numeric:tabular-nums;white-space:nowrap;scrollbar-width:none;overscroll-behavior:contain;flex:none;align-items:center;gap:2px 6px;font-size:13.5px;display:flex;overflow:auto hidden}.movelist::-webkit-scrollbar{display:none}.app.desktop .movelist{white-space:normal;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);scrollbar-width:thin;flex-wrap:wrap;max-height:104px;padding:10px 12px;overflow-y:auto}.mrow{flex:none;align-items:center;gap:1px;display:inline-flex}.mnum{color:var(--text-3);text-align:right;min-width:20px;padding-right:3px;font-size:12px}.mv{color:var(--text);border-radius:9px;align-items:center;padding:0 4px 0 0;transition:background .2s;display:inline-flex;position:relative}.mvb{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:32px;min-height:32px;padding:3px 7px}.mvb:disabled{cursor:default}.mv:not(:has(.q)) .mvb{padding-right:7px}.mv.future{opacity:.5}.mv.cur{opacity:1;font-weight:600;box-shadow:inset 0 0 0 1.5px #cfcaf499}.mv.cur:not([class*=mv-]){color:#e6e3ff;background-color:#8a84be38}.mstart{background:var(--surface-3);color:var(--text-2);border:0;border-radius:50%;flex:none;width:32px;height:32px;font-size:16px;line-height:1}.mstart.cur{color:var(--text);box-shadow:inset 0 0 0 1.5px #cfcaf499}.view-banner{background:var(--accent-soft);color:var(--accent-text);border-radius:var(--r-sm);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-size:13.5px;font-weight:600;display:flex}.app.mobile .view-banner{border-radius:0;flex-wrap:nowrap;gap:6px;padding:4px 10px;font-size:13px}.vb-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.view-banner .btn.small{white-space:nowrap}.app.mobile.kb .view-banner{display:none}@media (width<=380px){.vb-word{display:none}.app.mobile .view-banner .btn.small{padding:0 9px;font-size:12.5px}}.vb-btns{gap:6px;display:flex}.view-banner .btn.small{min-height:32px;padding:0 12px;font-size:13px}.mv-best{background:var(--mv-good-2);color:var(--mv-good-text);box-shadow:inset 0 0 0 1px #7ec8aa52}.mv-good{background:var(--mv-good-1);color:var(--mv-good-text)}.mv-inaccuracy{background:var(--mv-bad-1);color:var(--mv-bad-text)}.mv-mistake{background:var(--mv-bad-2);color:var(--mv-bad-text);box-shadow:inset 0 0 0 1px #ff7a6642}.mv-blunder{background:var(--mv-bad-3);color:var(--mv-bad-text);box-shadow:inset 0 0 0 1px #ff7a6680}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mv.last:not([class*=mv-]){background:var(--accent-soft);color:#ffd3cb;font-weight:600}.moves-empty,.opening{color:var(--text-3);font-size:12.5px}.opening{color:var(--lilac);flex:none;margin-right:6px}.mresult{background:var(--surface-3);color:var(--text);border-radius:999px;flex:none;margin-left:8px;padding:3px 10px;font-size:12.5px;font-weight:600}.q{letter-spacing:.02em;cursor:pointer;border:0;border-radius:999px;min-width:20px;margin-left:4px;padding:1px 6px;font-size:10.5px;font-weight:800;line-height:1.5;position:relative}.q:after{content:"";position:absolute;inset:-9px -4px}.q:disabled{cursor:default}.q{color:inherit;background:0 0;font-weight:800}.chat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.chat-head{color:var(--text);align-items:center;gap:10px;padding:12px 16px 6px;font-size:15px;display:flex}.offline{color:var(--rose-text);background:#ff4f6d24;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.chat-log{overscroll-behavior:contain;scroll-behavior:smooth;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:10px 14px;display:flex;overflow-y:auto}.chat-log .empty{color:var(--text-3);text-align:center;margin:auto 0;padding:0 12px;font-size:14px}.welcome{flex-direction:column;align-items:center;gap:4px;display:flex}.welcome strong{color:var(--text);font-size:17px}.welcome p{max-width:28ch;color:var(--text-2);margin:0}.welcome-icon{color:#e8e4ff;width:52px;height:52px;box-shadow:inset 0 0 0 1px var(--line-2);background:linear-gradient(145deg,#8a84be52,#ff7a6633);border-radius:18px;place-items:center;margin-bottom:8px;display:grid}.msg{word-wrap:break-word;overflow-wrap:anywhere;max-width:88%;animation:pop .28s var(--spring) both;border-radius:18px;padding:8px 13px;line-height:1.42}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.97)}}.msg p{margin:0}.msg p+p,.msg ul,.msg ol{margin-top:6px}.msg ul,.msg ol{margin-bottom:0;padding-left:20px}.msg code{background:#ffffff14;border-radius:6px;padding:0 5px;font:13px ui-monospace,SF Mono,Menlo,monospace}.msg.coach{background:var(--surface-3);color:var(--text);border-bottom-left-radius:6px;align-self:flex-start}.msg.user{background:var(--accent);color:var(--accent-ink);white-space:pre-wrap;border-bottom-right-radius:6px;align-self:flex-end;font-weight:500}.msg.system{max-width:94%;color:var(--text-2);text-align:center;background:#ffffff0d;border-radius:999px;align-self:center;padding:4px 12px;font-size:12.5px}.msg.error{max-width:none;color:var(--rose-text);background:#ff4f6d14;border-radius:14px;align-self:stretch;font-size:13.5px;box-shadow:inset 0 0 0 1px #ff4f6d4d}.msg.typing{gap:5px;padding:12px 14px;display:flex}.typing i{background:var(--text-3);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite dot}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes dot{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.board-slot.shake{animation:.36s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.chat-form{padding:6px 12px calc(12px + env(safe-area-inset-bottom));flex:none;align-items:flex-end;gap:8px;display:flex}.chat-form textarea{resize:none;field-sizing:content;background:var(--bg);min-height:42px;max-height:110px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text);border:0;border-radius:21px;flex:1;padding:10px 16px;line-height:1.35;transition:box-shadow .15s}.chat-form textarea:focus{box-shadow:inset 0 0 0 1.5px var(--lilac);outline:none}.chat-form textarea::placeholder{color:var(--text-3)}.send,.ask{background:var(--accent);width:42px;height:42px;color:var(--accent-ink);transition:transform .18s var(--spring), background .15s, opacity .15s;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.send:active:not(:disabled){transform:scale(.9)}.send:disabled{background:var(--surface-3);color:var(--text-3);cursor:default}.ask{background:var(--surface-3);color:var(--lilac);box-shadow:inset 0 0 0 1px var(--line-2)}.ask:active:not(:disabled){transform:scale(.9)}.ask:disabled{opacity:.4;cursor:default}.mode-banner{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);border-left:3px solid var(--lilac);flex-direction:column;flex:none;gap:6px;padding:12px 14px;display:flex}.mode-banner.ok{border-left-color:var(--accent)}.mode-banner.bad{border-left-color:var(--rose)}.mb-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.mb-meta{color:var(--text-3);font-size:13px}.mb-text{color:var(--text)}.mb-btns{flex-wrap:wrap;gap:8px;display:flex}.sheet-root{z-index:100;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-root.open{pointer-events:auto}.sheet-backdrop{opacity:0;transition:opacity .28s var(--ease);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04050a8c;position:absolute;inset:0}.sheet-root.open .sheet-backdrop{opacity:1}.sheet{-webkit-backdrop-filter:blur(30px)saturate(1.5);backdrop-filter:blur(30px)saturate(1.5);width:100%;max-width:560px;max-height:90%;box-shadow:0 -16px 50px #00000080, inset 0 0 0 1px var(--line-2);transition:transform .36s var(--ease);padding-bottom:env(safe-area-inset-bottom);background:#1a1e2bf0;border-radius:26px 26px 0 0;outline:none;flex-direction:column;display:flex;position:relative;transform:translateY(105%)}.sheet-root.open .sheet{transform:translateY(var(--dy,0px))}.sheet.dragging{transition:none}.sheet-grab{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:none;padding-top:8px}.sheet-handle{background:#ffffff3d;border-radius:3px;width:38px;height:5px;margin:0 auto 4px;display:block}.sheet-head{justify-content:space-between;align-items:center;padding:0 14px 4px 22px;display:flex}.sheet-head h2{letter-spacing:-.01em;font-size:18px;font-weight:700}.sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 0 14px;overflow-y:auto}.group-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin:14px 24px 8px;font-size:12px;font-weight:600}.group{background:var(--surface-2);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);margin:0 16px 12px;overflow:hidden}.group.pad{padding:14px 14px 2px}.field{margin-bottom:14px}.field-label{color:var(--text-2);margin:0 2px 8px;font-size:13px;font-weight:500;display:block}.foot{color:var(--text-3);margin:-2px 2px 12px;font-size:12.5px}.group.locked .seg{opacity:.42}.row-btn{width:100%;min-height:52px;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 18px;font-size:16px;font-weight:500;transition:background .15s;display:flex}.row-btn+.row-btn{box-shadow:inset 0 1px 0 var(--line)}.row-btn:active:not(:disabled){background:#ffffff0f}.row-btn:disabled{opacity:.4;cursor:default}.row-btn.danger{color:var(--rose-text)}.seg{box-shadow:inset 0 0 0 1px var(--line);background:#00000047;border-radius:14px;gap:2px;padding:3px;display:flex}.seg.grid{grid-template-columns:repeat(var(--cols,3), 1fr);display:grid}.seg-opt{min-height:44px;color:var(--text-2);overflow-wrap:anywhere;transition:background .2s var(--ease), color .2s, transform .18s var(--spring);background:0 0;border:0;border-radius:11px;flex:1;padding:0 6px;font-size:14px;font-weight:600;line-height:1.15}.seg-opt.on{background:var(--surface-3);color:var(--text);box-shadow:inset 0 1px #ffffff14,0 3px 10px #00000059}.seg-opt:active:not(:disabled):not(.on){transform:scale(.96)}.seg-opt:disabled{cursor:default}.op-body{padding:4px 16px 6px}.op-state{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:12px;padding:28px 8px;display:flex}.op-role{margin:8px 2px 0}.cb,.cb-box{position:relative}.cb-input{border-radius:var(--r-sm);width:100%;min-height:48px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);font:16px/1.2 var(--font);background:#00000047;border:0;padding:0 44px 0 14px}.cb-input:focus{box-shadow:inset 0 0 0 1.5px var(--lilac);outline:none}.cb-input::placeholder{color:var(--text-3)}.cb-clear{width:44px;height:44px;color:var(--text-3);background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;top:2px;right:2px}.cb-clear:hover{color:var(--text)}.cb-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--surface-2);border-radius:var(--r-sm);max-height:min(288px,34vh);box-shadow:inset 0 0 0 1px var(--line-2);scrollbar-width:thin;margin-top:6px;overflow-y:auto}.cb-group{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);background:var(--surface-2);padding:8px 14px 4px;font-size:11.5px;font-weight:600;position:sticky;top:0}.cb-opt{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:6px 14px;display:flex}.cb-opt+.cb-opt{box-shadow:inset 0 1px 0 var(--line)}.cb-opt.active{background:#ffffff12}.cb-opt.sel .cb-label{color:var(--accent-text)}.cb-main{flex-direction:column;min-width:0;display:flex}.cb-label{overflow-wrap:anywhere;font-size:16px;font-weight:500}.cb-sub{color:var(--text-3);overflow-wrap:anywhere;font-size:12.5px}.cb-hint{color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px}.cb-empty{color:var(--text-3);text-align:center;padding:14px}.op-preview{border-radius:var(--r-sm);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);margin:4px 0 12px;padding:12px 14px}.op-preview.empty{color:var(--text-3);font-size:14px}.op-preview p{margin:0}.op-name{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.op-eco{color:var(--lilac);font-variant-numeric:tabular-nums;font-size:13px}.op-line{color:var(--text-2);overflow-wrap:anywhere;font-size:14.5px;line-height:1.6;margin-top:6px!important}.op-num{color:var(--text-3)}.op-mv.mine{color:var(--text);font-weight:600}.op-actions{justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.op-actions .btn{min-width:110px;min-height:48px}.app.desktop .sheet-root{align-items:center}.app.desktop .sheet{opacity:0;max-width:460px;max-height:86%;transition:transform .3s var(--ease), opacity .22s var(--ease);border-radius:26px;transform:translateY(18px)scale(.97)}.app.desktop .sheet-root.open .sheet{opacity:1;transform:translateY(var(--dy,0px))}.app.desktop .sheet-handle{display:none}.app.desktop .sheet-grab{cursor:default;padding-top:14px}.app.mobile .right{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:inset 0 1px 0 var(--line-2);gap:0;overflow:hidden}.app.mobile .movelist{height:34px;box-shadow:inset 0 -1px 0 var(--line);padding:0 14px}.app.mobile .moves-empty{padding-left:2px}.app.mobile .mode-banner{gap:4px;margin:0 10px;padding:8px 12px}.app.mobile .mb-btns{scrollbar-width:none;flex-wrap:nowrap;gap:6px;overflow-x:auto}.app.mobile .mb-btns .btn{flex:none;padding:0 11px;font-size:13.5px}.app.mobile .chat{background:0 0;border:0;border-radius:0}.app.mobile .chat-head{display:none}.app.mobile .chat-head.offline-on{padding:8px 14px 0;display:flex}.app.mobile .chat-log{padding-top:14px}.app.mobile .chat-form textarea{font-size:16px}.app.mobile .cg-wrap coords{font-size:10.5px}.app.mobile.kb .bar-actions .kb-hide,.app.mobile.kb .movelist,.app.mobile.kb .cg-wrap coords{display:none}.app.mobile.kb .board-col{width:100%}.app.mobile.kb .player-bar{gap:8px;padding:0 8px}.app.mobile.kb .pinfo{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:8px}.app.mobile.kb .pstatus{-webkit-line-clamp:1;margin-top:0}.app.mobile.kb .right{padding-top:0}.app.mobile.kb .chat-form{padding-bottom:8px}.app.mobile.kb .cg-wrap{border-radius:10px}.app.mobile.landscape{padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 8px) 8px calc(env(safe-area-inset-left) + 8px);flex-direction:row;align-items:flex-start;gap:8px}.app.mobile.landscape .left{flex:none}.app.mobile.landscape .board-col{width:var(--bs);margin:0}.app.mobile.landscape .player-bar{padding:0 2px}.app.mobile.landscape .right{border-radius:var(--r-lg);align-self:stretch;min-width:0}.app.mobile.landscape .chat-form{padding-bottom:10px}.app.mobile.landscape .player-bar,.app.mobile.landscape .bar-actions{gap:6px}.app.mobile.landscape .icon-btn.round{width:44px;height:44px}.app.mobile.landscape .pname{font-size:13px}.app.mobile.landscape .psub,.app.mobile.landscape .player-bar.bottom .pname{display:none}.app.mobile.landscape .player-bar.bottom .pstatus{margin-top:0;font-size:13px}@media (height<=700px){.app.mobile .welcome-icon{display:none}.app.mobile .chat-log .empty{margin:4px 0}}@media (width<=380px){.player-bar{column-gap:6px}.bar-actions{gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}