@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-ui: "Manrope Variable", system-ui, sans-serif;--font-display: "Manrope Variable", system-ui, sans-serif;--display-weight: 700;--display-tracking: -.025em;--radius: 10px;--radius-small: 6px;--ease: cubic-bezier(.25, .8, .35, 1);--focus: #4c8dff;color-scheme:light}:root[data-design=clear]{--bg: #f7f7f4;--surface: #ffffff;--text: #1c2129;--muted: #6a717c;--line: rgba(28, 33, 41, .1);--line-strong: rgba(28, 33, 41, .2);--accent: #3f7a52;--accent-ink: #ffffff;--accent-soft: rgba(63, 122, 82, .1);--danger: #b4442f;--board-shadow: 0 1px 2px rgba(20, 24, 30, .08), 0 12px 32px -12px rgba(20, 24, 30, .22)}@media(prefers-color-scheme:dark){:root[data-design=clear]{color-scheme:dark;--bg: #15181d;--surface: #1c2027;--text: #e8eaed;--muted: #9aa1ab;--line: rgba(232, 234, 237, .09);--line-strong: rgba(232, 234, 237, .18);--accent: #7cbf8e;--accent-ink: #10231a;--accent-soft: rgba(124, 191, 142, .12);--danger: #f0846d;--board-shadow: 0 16px 40px -16px rgba(0, 0, 0, .7)}}:root[data-design=night]{color-scheme:dark;--bg: #0d1117;--surface: #131a23;--text: #dfe6ee;--muted: #8593a3;--line: rgba(160, 190, 230, .1);--line-strong: rgba(160, 190, 230, .2);--accent: #7aa7ff;--accent-ink: #0b1220;--accent-soft: rgba(122, 167, 255, .12);--danger: #ff8a7a;--board-shadow: 0 0 0 1px rgba(122, 167, 255, .12), 0 24px 60px -20px rgba(40, 90, 200, .45)}:root[data-design=classic]{--font-display: "Fraunces Variable", Georgia, serif;--display-weight: 600;--display-tracking: -.01em;--bg: #f3ece0;--surface: #fbf7f0;--text: #2b2118;--muted: #7b6b5a;--line: rgba(60, 40, 20, .14);--line-strong: rgba(60, 40, 20, .26);--accent: #8a4b1f;--accent-ink: #fff8ef;--accent-soft: rgba(138, 75, 31, .1);--danger: #a3341f;--radius: 4px;--radius-small: 3px;--board-shadow: 0 2px 0 rgba(60, 40, 20, .25), 0 18px 40px -18px rgba(60, 40, 20, .5)}:root[data-design=arcade]{color-scheme:dark;--bg: #1a1030;--surface: #23173f;--text: #fbefff;--muted: #b9a3d6;--line: rgba(255, 120, 220, .16);--line-strong: rgba(255, 120, 220, .32);--accent: #ff5fc8;--accent-ink: #1a1030;--accent-soft: rgba(255, 95, 200, .14);--danger: #ffb347;--display-weight: 800;--radius: 14px;--board-shadow: 0 0 0 2px rgba(255, 95, 200, .45), 0 0 48px -6px rgba(90, 220, 255, .45)}:root[data-design=contrast]{--bg: #ffffff;--surface: #ffffff;--text: #000000;--muted: #333333;--line: rgba(0, 0, 0, .45);--line-strong: #000000;--accent: #0050a0;--accent-ink: #ffffff;--accent-soft: rgba(0, 80, 160, .12);--danger: #b03a00;--focus: #d55e00;--board-shadow: 0 0 0 2px #000;font-size:112.5%}@media(prefers-contrast:more){:root{--line: rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:400 15px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;transition:background-color .25s var(--ease),color .25s var(--ease)}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}.topbar{display:flex;align-items:center;gap:28px;padding:14px clamp(16px,4vw,40px);border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:1px;font:800 19px/1 var(--font-display);letter-spacing:-.03em;text-decoration:none}.wordmark-o{width:17px;height:17px;border-radius:50%;border:3.5px solid currentColor;position:relative;margin-right:1px}.wordmark-o:after{content:"";position:absolute;right:-3.5px;top:-3.5px;width:9px;height:9px;background:var(--accent)}.mainnav{display:flex;gap:22px}.mainnav a{text-decoration:none;color:var(--muted);font-weight:600;padding:4px 0;border-bottom:2px solid transparent}.mainnav a:hover{color:var(--text)}.mainnav a.active{color:var(--text);border-bottom-color:var(--accent)}.lang{flex:none}.account-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--muted);text-decoration:none}.account-link a{color:inherit;text-decoration:none}.account-link:hover,.account-link a:hover,.account-link a.active{color:var(--text)}.icon-only{border:0;padding:4px;color:var(--muted);display:inline-grid;place-items:center}.icon-only:hover:not(:disabled){background:transparent;color:var(--text)}.lang select{background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-small);padding:4px 8px;font-weight:600;font-size:13px}.lang option{background:var(--surface)}.main{padding:clamp(16px,3vw,36px) clamp(16px,4vw,40px)}.footer{display:flex;gap:20px;justify-content:space-between;padding:18px clamp(16px,4vw,40px);border-top:1px solid var(--line);color:var(--muted);font-size:13px}.display{font:var(--display-weight) clamp(28px,4vw,44px) / 1.08 var(--font-display);letter-spacing:var(--display-tracking);margin:0 0 14px}.eyebrow{margin:0 0 10px;color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.lead{font-size:17px;color:var(--muted);max-width:46ch;margin:0 0 28px}.label{font:700 11.5px/1 var(--font-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:26px 0 10px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger);font-size:13px;margin:6px 0 0}.text-link{color:var(--accent);font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}button{cursor:pointer;background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-small);padding:7px 12px;font-weight:600;font-size:13.5px;transition:background-color .15s,border-color .15s}button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.primary,.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.primary:hover{filter:brightness(1.06);background:var(--accent)}.segmented{display:inline-flex;border-bottom:1px solid var(--line);gap:18px}.segmented.wrap{flex-wrap:wrap;row-gap:4px}.segmented label{cursor:pointer;padding:6px 0 8px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.segmented label.on{color:var(--text);border-bottom-color:var(--accent)}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.field{display:block;border:0;padding:0;margin:0 0 24px;min-width:0}.field.inline{display:flex;align-items:center;gap:14px;margin-top:16px}.field-label{display:block;font-weight:600;margin-bottom:8px;padding:0}.field.inline .field-label{margin:0}input[type=range]{accent-color:var(--accent);width:100%;max-width:320px}.toggle{display:flex;align-items:center;gap:12px;padding:7px 0;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle-track{width:34px;height:20px;border-radius:10px;background:var(--line-strong);position:relative;flex:none;transition:background-color .2s}.toggle-track:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--surface);transition:transform .2s var(--ease)}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:after{transform:translate(14px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--focus);outline-offset:2px}.board-frame{position:relative;container-type:inline-size;border-radius:4px;box-shadow:var(--board-shadow)}.board-host{width:100%}.promotion,.toast{position:absolute;left:50%;translate:-50% 0;z-index:20;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 10px 40px -8px #00000073}.promotion{top:50%;translate:-50% -50%;padding:14px 16px;text-align:center}.promotion p{margin:0 0 8px;font-weight:700}.promotion div{display:flex;gap:6px}.promotion button{width:64px;height:64px;padding:6px;border-color:var(--line)}.promotion img{width:100%;height:100%}.toast{top:14px;padding:9px 16px;font-weight:700;white-space:nowrap;animation:toast-in .35s var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,80px);align-items:center;max-width:1180px;margin:0 auto;min-height:70dvh}.home-board{max-width:560px;width:100%;justify-self:end}.choices{display:flex;flex-direction:column;border-top:1px solid var(--line);margin:28px 0 22px}.choice{display:flex;align-items:center;gap:14px;padding:17px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .2s var(--ease),color .2s}.choice:hover{padding-left:12px;color:var(--accent)}.choice-icon{color:var(--accent);flex:none}.choice-title{font-weight:700;font-size:18px}.choice-arrow{margin-left:auto;color:var(--muted);transition:transform .2s var(--ease)}.choice:hover .choice-arrow{transform:translate(3px);color:var(--accent)}.with-icon{display:inline-flex;align-items:center;gap:8px}.setup{max-width:520px;margin:4vh auto 0}.setup-form{margin-top:28px}.setup-form .primary{margin-top:8px;padding:11px 22px;font-size:15px}.play{display:grid;grid-template-columns:minmax(0,auto) minmax(260px,340px);gap:clamp(20px,3vw,44px);justify-content:center;align-items:start}.play-board{width:min(calc(100dvh - 210px),calc(100vw - 460px),760px);min-width:280px}.player{display:flex;align-items:center;gap:10px;padding:9px 2px;min-height:44px}.player-name{font-weight:700}.player .dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--text)}.player .dot.white{background:#fff}.player .dot.black{background:#111}.player.active .player-name{color:var(--accent)}.thinking{color:var(--muted);font-size:13px;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.4}}.clock{margin-left:auto;font:700 22px/1 var(--font-ui);font-variant-numeric:tabular-nums;padding:6px 12px;border-radius:var(--radius-small);color:var(--muted)}.clock.running{color:var(--text);background:var(--accent-soft)}.clock.low{color:var(--danger)}.inspector{border-left:1px solid var(--line);padding-left:clamp(16px,2.5vw,32px);min-height:60vh}.inspector .label:first-of-type{margin-top:18px}.status{font-size:18px;font-weight:700;margin:48px 0 14px;min-height:1.5em}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:6px}.toolbar .primary{margin-left:auto}.inspector .label-row{margin:22px 0 10px}.moves{list-style:none;margin:0;padding:0;max-height:38vh;overflow-y:auto;font-variant-numeric:tabular-nums;border-top:1px solid var(--line)}.moves li{display:grid;grid-template-columns:38px 1fr 1fr;padding:4px 0;border-bottom:1px solid var(--line)}.moves .num{color:var(--muted)}.moves .san{font-weight:600;font-size:15px;border:0;padding:0 6px;margin-left:-6px;border-radius:4px;text-align:left;justify-self:start}.moves .san:hover{background:var(--accent-soft)}.moves .san.current{color:var(--accent)}.moves .fig{width:1.25em;height:1.25em;vertical-align:-.28em;margin-right:1px}.type-move label{display:block}.type-move{margin-top:14px}.type-move input{width:100%;margin-top:2px;background:transparent;border:0;border-bottom:1px solid var(--line-strong);padding:8px 0;font-size:16px;font-weight:600}.type-move input:focus{outline:none;border-bottom-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.confirm-bar{display:flex;align-items:center;gap:10px;margin-top:16px}.confirm-bar span{font-weight:800;font-size:18px;margin-right:auto}.settings{display:grid;grid-template-columns:minmax(260px,440px) minmax(0,620px);gap:clamp(28px,5vw,72px);justify-content:center;align-items:start}.settings-preview{position:sticky;top:24px}.settings-preview p{text-align:center;margin-top:10px}.settings-list section{padding-bottom:16px;border-bottom:1px solid var(--line)}.settings-list .label-row{margin:26px 0 12px}.settings-list section:last-child{border-bottom:0}.design-list{display:flex;flex-wrap:wrap;gap:6px 22px}.design-option{display:inline-flex;align-items:center;gap:9px;border:0;padding:6px 0;border-radius:0;color:var(--muted);border-bottom:2px solid transparent}.design-option:hover:not(:disabled){background:transparent;color:var(--text)}.design-option.on{color:var(--text);border-bottom-color:var(--accent)}.swatch{width:18px;height:18px;border-radius:4px;background:repeating-conic-gradient(var(--ob-dark) 0 25%,var(--ob-light) 0 50%) 0 0 / 50% 50%}.board-list{display:flex;flex-wrap:wrap;gap:10px}.board-option{width:44px;height:44px;padding:0;border-radius:var(--radius-small);border:2px solid transparent;background:repeating-conic-gradient(var(--ob-dark) 0 25%,var(--ob-light) 0 50%) 0 0 / 50% 50%!important}.board-option.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.piece-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px 10px}.piece-option{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border:1px solid transparent;border-radius:var(--radius-small);padding:8px 6px}.piece-option.on{border-color:var(--accent);background:var(--accent-soft)}.piece-sample{display:flex;border-radius:4px;overflow:hidden;background:var(--ob-light)}.piece-sample img{width:38px;height:38px}.piece-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.prose{max-width:720px;margin:0 auto}.prose li{margin:6px 0}.prose a{color:var(--accent)}@media(max-width:900px){.home{grid-template-columns:1fr;min-height:0}.home-board{justify-self:center;max-width:480px}.play{grid-template-columns:minmax(0,1fr)}.play-board{width:min(100%,calc(100dvh - 190px));margin:0 auto}.inspector{border-left:0;padding-left:0;min-height:0}.status{margin-top:4px}.settings{grid-template-columns:minmax(0,1fr)}.settings-preview{position:static;width:100%;max-width:360px;margin:0 auto}}@media(max-width:520px){.topbar{gap:14px}.mainnav{gap:14px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.wordmark,.lang{flex:none}.lang select{padding:4px}.mainnav a{white-space:nowrap;font-size:14px}.wordmark{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.pack-wrap{position:relative;display:inline-flex}.piece-list .pack-wrap{display:flex}.piece-list .pack-wrap .piece-option{flex:1}.delete-pack{position:absolute;top:-6px;right:-6px;width:20px;height:20px;padding:0;line-height:1;border-radius:50%;background:var(--surface);font-size:14px;display:grid;place-items:center}.custom-block{padding:6px 0 18px}.sub{font-size:15px;margin:14px 0 4px}.file-button{display:inline-block;cursor:pointer;font-weight:700;color:var(--accent);border-bottom:1px solid currentColor;padding:2px 0;margin:4px 0}.file-button input{position:absolute;opacity:0;width:1px;height:1px}.file-button:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.custom-preview{display:grid;grid-template-columns:repeat(6,1fr);max-width:330px;margin:14px 0;border-radius:4px;overflow:hidden;background:repeating-conic-gradient(var(--ob-dark) 0 25%,var(--ob-light) 0 50%) 0 0 / 33.333% 100%}.custom-preview img{width:100%;aspect-ratio:1}.custom-preview img.fallback{opacity:.35}.custom-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;max-width:460px;margin-bottom:6px}.line-input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-strong);padding:6px 0;font-weight:600}.line-input:focus{outline:none;border-bottom-color:var(--accent)}select.line-input option{background:var(--surface)}.custom-block>.primary{margin-top:8px}.custom-board{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:8px}.custom-board .line-input{width:150px}.board-option.big{width:56px;height:56px;border-radius:var(--radius-small)}.color-field{display:inline-flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.color-field input{width:30px;height:30px;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:none;cursor:pointer}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:0;border-radius:50%}.viewing{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}:root[data-focus=on] .topbar,:root[data-focus=on] .footer,:root[data-focus=on] .tabbar{display:none}.play.focus .play-board{width:min(calc(100dvh - 110px),calc(100vw - 420px),980px)}.play.focus .inspector .type-move{display:none}@media(max-width:900px){.play.focus .play-board{width:min(100%,calc(100dvh - 120px))}}.net{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}.net:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:currentColor;vertical-align:1px}.net.good{color:var(--accent)}.net.slow{color:#d99a2b}.net.gone{color:var(--danger)}.notice{margin:10px 0 0;font-weight:600;color:var(--accent)}.seeking{display:flex;align-items:center;gap:16px}.seeking .thinking{font-size:15px;font-weight:600;margin:0}.invite{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.invite .sub,.invite p{flex-basis:100%;margin:0}.invite-link{font:600 14px/1.4 ui-monospace,monospace;padding:8px 0;border-bottom:1px solid var(--line-strong);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.infotip{position:relative;display:inline-flex;vertical-align:middle;margin-left:6px}.infotip-btn{border:0;padding:2px;border-radius:50%;color:var(--muted);background:transparent;display:inline-grid;place-items:center}.infotip-btn:hover:not(:disabled),.infotip-btn[aria-expanded=true]{color:var(--accent);background:transparent}.infotip-pop{position:absolute;z-index:40;top:calc(100% + 6px);left:-8px;width:max-content;max-width:min(280px,80vw);padding:10px 12px;border-radius:var(--radius-small);background:var(--surface);color:var(--text);border:1px solid var(--line-strong);box-shadow:0 12px 32px -12px #00000073;font:500 13px/1.45 var(--font-ui);letter-spacing:0;text-transform:none;white-space:normal;animation:toast-in .18s var(--ease)}.icon-btn{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;padding:0}.icon-btn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50% 0;padding:4px 8px;border-radius:4px;background:var(--text);color:var(--bg);font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:30;display:none;animation:tip-in .15s .25s both}@keyframes tip-in{0%{opacity:0}}@media(hover:hover){.icon-btn[data-tip]:hover:after{display:block}}.icon-btn[data-tip]:focus-visible:after{display:block}.label-row{display:flex;align-items:center}.label-row .label{margin:0}.with-tip{display:flex;align-items:center;gap:2px}.segmented button{border:0;border-radius:0;padding:6px 0 8px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--muted);font-size:inherit}.segmented button:hover:not(:disabled){background:transparent;color:var(--text)}.segmented button.on{color:var(--text);border-bottom-color:var(--accent)}.segmented.big{font-size:20px;gap:26px;margin-bottom:26px}.account{max-width:420px}.account-form .submit{width:100%;padding:12px;font-size:15px;margin-top:10px}.account-form .toggle{margin:4px 0 8px}.level-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.level-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-color:transparent;font-size:13px}.level-option img{width:40px;height:40px}.level-option.on{border-color:var(--accent);background:var(--accent-soft)}.tc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);max-width:420px}.tc{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 6px;cursor:pointer;font-weight:700;font-variant-numeric:tabular-nums;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);transition:background-color .15s,color .15s}.tc input{position:absolute;opacity:0;pointer-events:none}.tc:hover{color:var(--text)}.tc.on{color:var(--accent);background:var(--accent-soft)}.tc:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}.live-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.live-list li{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.live-players{font-weight:600;margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-list .icon-btn{border-color:transparent}.player-rating{font-size:14px;font-variant-numeric:tabular-nums}.diff{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.diff.up{color:var(--accent)}.diff.down{color:var(--danger)}.icon-btn.attention{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.button-like{border:1px solid var(--line-strong);border-radius:var(--radius-small);color:inherit}.button-like:hover{background:var(--accent-soft);border-color:var(--accent)}.profile{max-width:760px;margin:0 auto}.profile-head{margin-bottom:24px}.profile-head .display{margin-bottom:2px}.ratings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rating{display:flex;flex-direction:column;gap:2px;padding:16px 4px}.rating+.rating{border-left:1px solid var(--line);padding-left:16px}.rating-cat{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;font-size:13px}.rating-value{font:800 30px/1.1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.provisional{color:var(--muted);font-size:20px;margin-left:2px}.ratings .infotip{margin:16px 0 0 6px}.game-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.game-row{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);text-decoration:none}.game-row:hover{background:var(--accent-soft)}.outcome{width:4px;height:22px;border-radius:2px;background:var(--muted);flex:none}.outcome.win{background:var(--accent)}.outcome.loss{background:var(--danger)}.game-row .dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--text);flex:none}.game-row .dot.white{background:#fff}.game-row .dot.black{background:#111}.opponent{font-weight:700;margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-meta{display:inline-flex;align-items:center;gap:4px}@media(max-width:620px){.ratings{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.rating:nth-child(3){border-left:0;padding-left:4px}.account-label{display:none}.game-row>.muted.small:last-child{display:none}}.analysis-board{display:flex;gap:10px;align-items:stretch}.analysis .play-board{width:min(calc(100dvh - 170px),calc(100vw - 500px),760px)}.eval-bar{position:relative;width:22px;flex:none;border-radius:4px;overflow:hidden;background:#2b2f36;display:flex;flex-direction:column-reverse}.eval-bar.black{flex-direction:column}.eval-white{display:block;background:#f2f2ee;transition:height .35s var(--ease)}.eval-text{position:absolute;left:0;right:0;text-align:center;font:800 10px/1 var(--font-ui);font-variant-numeric:tabular-nums}.eval-bar.white .eval-text.on-white,.eval-bar.black .eval-text.on-black{bottom:4px}.eval-bar.white .eval-text.on-black,.eval-bar.black .eval-text.on-white{top:4px}.eval-text.on-white{color:#222}.eval-text.on-black{color:#eee}.analysis-head{margin-top:0;gap:2px}.analysis-head .sub{margin:0;font-size:20px}.spacer{flex:1}.progress{position:relative;padding:10px 0 12px}.progress-line{position:absolute;left:0;bottom:4px;height:2px;background:var(--accent);transition:width .25s}.summary{margin:12px 0 8px;border-top:1px solid var(--line)}.summary-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.summary-row .dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--text);flex:none}.summary-row .dot.white{background:#fff}.summary-row .dot.black{background:#111}.summary-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-acc{margin-left:auto;font:800 20px/1 var(--font-display);font-variant-numeric:tabular-nums}.summary-acc small{font-size:12px;color:var(--muted);margin-left:1px}.summary-counts{display:flex;gap:8px;min-width:92px;justify-content:flex-end}.mark{font-weight:800;font-size:.85em;margin-left:3px}.mark.brilliant{color:#1fb7a6}.mark.great{color:#4c8dff}.mark.best{color:#8bb34a}.mark.inaccuracy{color:#e2b02f}.mark.mistake{color:#e5862a}.mark.blunder{color:#e04b3c}.mark.forced{color:var(--muted)}.eval-graph{width:100%;height:76px;display:block;margin:8px 0 4px;cursor:pointer;border-radius:4px;background:#2b2f36;touch-action:none}.eval-area{fill:#f2f2ee}.eval-mid{stroke:#80808080;stroke-width:.4}.eval-line{fill:none;stroke:var(--accent);stroke-width:1.5}.eval-cursor{stroke:var(--accent);stroke-width:2}.eval-dot{stroke:none}.eval-dot.blunder{fill:#e04b3c}.eval-dot.mistake{fill:#e5862a}.eval-dot.brilliant{fill:#1fb7a6}.move-verdict{min-height:1.6em;font-weight:700;margin:8px 0 0}.move-verdict .mark{font-size:1em;margin:0 2px 0 0}.class-badge{position:absolute;z-index:15;min-width:1.6em;height:1.6em;padding:0 .3em;border-radius:.8em;display:grid;place-items:center;font:800 clamp(10px,2.4cqw,15px) / 1 var(--font-ui);color:#fff;box-shadow:0 2px 6px #00000059;pointer-events:none;animation:badge-pop .32s var(--ease)}.class-badge.brilliant{background:#1fb7a6;animation:badge-pop .32s var(--ease),badge-glow 1.4s ease-out}.class-badge.great{background:#4c8dff}.class-badge.best{background:#8bb34a}.class-badge.inaccuracy{background:#e2b02f}.class-badge.mistake{background:#e5862a}.class-badge.blunder{background:#e04b3c}.class-badge.forced{background:#7a7f88}@keyframes badge-pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15)}}@keyframes badge-glow{0%{box-shadow:0 0 #1fb7a6cc}to{box-shadow:0 0 0 18px #1fb7a600}}.pgn-input{width:100%;font:13px/1.5 ui-monospace,monospace;padding:10px;margin-bottom:12px;resize:vertical;background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-small)}.pgn-input:focus{outline:none;border-color:var(--accent)}@media(max-width:900px){.analysis .play-board{width:min(100%,calc(100dvh - 190px))}.analysis-board{justify-content:center}}.practise{margin:6px 0 2px}.training-empty{text-align:center;padding-top:6vh}.training-empty .display{justify-content:center}.empty-icon{color:var(--accent);margin-bottom:8px}.training-result{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;margin:0 0 12px;color:#fff;animation:badge-pop .3s var(--ease)}.training-result.ok{background:var(--accent)}.training-result.bad{background:var(--danger)}.settings-link{color:var(--muted)}.settings-link.active{color:var(--accent)}.tabbar{display:none}@media(max-width:620px){.mainnav{display:none}.tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:50;left:0;right:0;bottom:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;text-decoration:none;color:var(--muted);font-size:11px;font-weight:700}.tabbar a.active{color:var(--accent)}.shell{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}.puzzle-tabs{font-size:18px;font-weight:800;gap:18px}.puzzle-tabs a{text-decoration:none;color:var(--muted);padding:4px 0 6px;border-bottom:2px solid transparent;margin-bottom:-1px}.puzzle-tabs a.on{color:var(--text);border-bottom-color:var(--accent)}.puzzle-rating{display:flex;align-items:baseline;gap:14px;margin-top:18px}.puzzle-rating .rating-value{font-size:40px}.stake{display:inline-flex;gap:8px}.small-badge{width:26px;height:26px;margin:0 8px 0 0;vertical-align:middle}.sprint-cover{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:6px;color:var(--accent)}.sprint-cover .muted{color:var(--muted)}.sprint-score{font:800 34px/1 var(--font-display);color:var(--text);margin:6px 0 0}.sprint-stats{display:flex;align-items:center;justify-content:space-between;margin:24px 0 8px}.sprint-clock{display:inline-flex;align-items:center;gap:8px;font:800 30px/1 var(--font-ui);font-variant-numeric:tabular-nums}.sprint-clock.low{color:var(--danger)}.sprint-solved{font:800 48px/1 var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums}.side-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--text);margin-right:8px;flex:none}.side-dot.white{background:#fff}.side-dot.black{background:#111}.status.with-icon{display:flex;align-items:center}.opening{margin:10px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opening .eco{font-weight:800;color:var(--text);margin-right:4px;font-variant-numeric:tabular-nums}.explanation{margin:4px 0 0;font-size:14px;color:var(--text)}.chat{margin-top:18px}.chat .label-row{margin:0 0 6px}.icon-btn.quiet{border-color:transparent;width:32px;height:32px;color:var(--muted)}.icon-btn.quiet:hover:not(:disabled){color:var(--text);background:transparent}.icon-btn.quiet[aria-pressed=true]{color:var(--accent)}.chat-lines{list-style:none;margin:0;padding:0;max-height:150px;overflow-y:auto;border-top:1px solid var(--line)}.chat-lines li{display:flex;align-items:baseline;gap:8px;padding:5px 0;font-size:14px;overflow-wrap:anywhere}.chat-lines li.mine{color:var(--muted)}.chat-lines .dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--text);flex:none;transform:translateY(-1px)}.chat-lines .dot.white{background:#fff}.chat-lines .dot.black{background:#111}.chat-presets{display:flex;flex-wrap:wrap;gap:4px 14px;padding:8px 0 4px;border-top:1px solid var(--line)}.chat-presets button{border:0;padding:2px 0;font-size:13px;color:var(--muted)}.chat-presets button:hover:not(:disabled){background:transparent;color:var(--accent)}.chat form .line-input{margin-top:4px}.report{display:grid;gap:10px;padding:10px 0 12px;border-top:1px solid var(--line)}.report .primary{justify-self:start}.profile-games-head{margin:26px 0 10px}.bot-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.bot-option{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 6px 8px 10px;text-align:left;position:relative}.bot-option img{width:34px;height:34px;flex:none}.bot-icon{width:34px;flex:none;color:var(--muted)}.bot-option:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:transparent}.bot-option.on:before{background:var(--accent)}.bot-option.on{background:var(--accent-soft)}.bot-option:hover:not(:disabled){border-color:var(--line)}.bot-name{font-weight:700;font-size:15px}.bot-villain{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--danger)}.bot-elo{margin-left:auto;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.bot-says{margin:-4px 0 8px 22px;padding:7px 12px;border-radius:12px 12px 12px 3px;background:var(--surface);border:1px solid var(--line-strong);font-size:14px;width:fit-content;max-width:90%;animation:toast-in .25s var(--ease)}.streak-link{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--muted);text-decoration:none;font-weight:800;font-variant-numeric:tabular-nums}.streak-link .lit,.streak-row .lit{color:#f08a24}.streak-link.active{color:var(--text)}.streak-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}.streak-row .rating-value{font-size:32px}.ach-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.ach-list li{display:grid;grid-template-columns:24px minmax(0,auto) 1fr auto;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);color:var(--muted)}.ach-list li.done{color:var(--text)}.ach-list li.done svg{color:#e2b02f}.ach-name{font-weight:700}.ach-desc{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toasts{position:fixed;z-index:60;right:16px;bottom:16px;display:grid;gap:8px}.corner-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);min-width:240px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 16px 40px -16px #00000080;animation:toast-in .3s var(--ease)}.corner-toast svg{color:#e2b02f;flex:none}.corner-toast div{display:grid}.corner-toast strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}@media(max-width:620px){.toasts{left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom))}.ach-list li{grid-template-columns:24px 1fr auto}.ach-desc{display:none}}.achievements .ach-list{border-top:0}.account-notice{display:flex;align-items:flex-start;gap:12px;padding:12px clamp(16px,4vw,40px);border-bottom:1px solid var(--line)}.account-notice.ban{background:color-mix(in srgb,var(--danger) 12%,var(--bg))}.account-notice.ban svg{color:var(--danger);flex:none;margin-top:2px}.account-notice.warning{background:color-mix(in srgb,#e2b02f 12%,var(--bg))}.account-notice.warning svg{color:#e2b02f;flex:none;margin-top:2px}.account-notice>div{flex:1;min-width:0}.account-notice p{margin:2px 0 6px}.account-notice form{display:flex;gap:10px;align-items:center;max-width:560px}.report-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.report-item{padding:14px 0;border-bottom:1px solid var(--line)}.report-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.report-head a{font-weight:700}.report-reason{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--danger)}.report-reason.appeal{color:var(--accent)}.report-note{margin:4px 0}.chat-lines.evidence{max-height:none;margin:6px 0}.statement{margin:8px 0 0}.report-item .actions{margin-top:8px;align-items:center}.line-input.days{width:auto}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger)}.link-button{border:0;padding:0;background:none}.link-button:hover:not(:disabled){background:none;text-decoration:underline}.tour-create{display:grid;gap:12px;padding:10px 0 16px;border-bottom:1px solid var(--line);margin-bottom:8px}.tour-create-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.tour-create-row select{width:auto}.tour-list li{padding:0}.tour-row{display:flex;align-items:center;gap:12px;padding:9px 0;text-decoration:none;width:100%}.tour-row:hover .live-players{color:var(--accent)}.tour-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.tour-dot.running{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.standings{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--line)}.standings li{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto 44px;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line)}.standings li.me{background:var(--accent-soft)}.standings li.paused{opacity:.55}.rank{color:var(--muted);font-weight:800;font-variant-numeric:tabular-nums}.rank svg{color:#e2b02f}.standing-name{font-weight:700;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;display:inline-flex;align-items:center;gap:4px;letter-spacing:.04em}.sheet .lit{color:#f08a24}.standing-points{font:800 18px/1 var(--font-display);text-align:right;font-variant-numeric:tabular-nums}@media(max-width:620px){.standings li{grid-template-columns:28px minmax(0,1fr) auto 36px}.standings .sheet{display:none}.tour-row .muted.small:last-child{display:none}}.setup>.label-row{margin:30px 0 10px}.incoming{position:fixed;z-index:70;left:50%;translate:-50% 0;top:72px;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--accent);box-shadow:0 18px 50px -16px #0009;animation:toast-in .3s var(--ease);max-width:calc(100vw - 32px)}.incoming svg{color:var(--accent);flex:none}.incoming div{display:grid}.profile-online{width:10px;height:10px;margin-left:10px}.profile-head button{margin-top:10px}.variant-list{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-bottom:18px}.variant-option{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:14px;align-items:center;padding:10px 6px;border-bottom:1px solid var(--line);cursor:pointer;transition:padding-left .2s var(--ease),color .15s}.variant-option input{position:absolute;opacity:0;pointer-events:none}.variant-option svg{color:var(--muted);grid-row:span 2}.variant-option .variant-name{font-weight:700}.variant-option:hover{padding-left:12px}.variant-option.on{color:var(--accent);padding-left:12px}.variant-option.on svg{color:var(--accent)}.variant-option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}.variant-960{display:flex;align-items:center;gap:8px;margin:-6px 0 14px}.variant-960 .icon-btn{border-color:transparent}.variant-head{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--accent)}.variant-head strong{color:var(--text)}.checks{display:flex;gap:18px;letter-spacing:1px;margin:0 0 10px}.pocket{display:flex;gap:2px;margin:4px 0;min-height:40px}.pocket-piece{position:relative;width:40px;height:40px;padding:2px;border:1px solid transparent;border-radius:var(--radius-small);background:none}.pocket-piece img{width:100%;height:100%}.pocket-piece:disabled{cursor:default}.pocket-piece.empty{opacity:.3}.pocket-piece:not(:disabled):hover{border-color:var(--line-strong)}.pocket-piece.on{border-color:var(--accent);background:var(--accent-soft)}.pocket-count{position:absolute;right:1px;bottom:0;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.fog-cover{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:8px;background:var(--bg);border:0;border-radius:0;color:var(--text)}.fog-cover svg{color:var(--accent)}.board-frame-3d{box-shadow:none}.board-3d-host{aspect-ratio:1;position:relative}.board-3d-host canvas{display:block;max-width:100%;cursor:pointer;touch-action:none}.board-frame-3d,.board-3d-host{min-width:0;max-width:100%}.wrapped{max-width:560px;margin:2vh auto 0;display:flex;flex-direction:column;min-height:min(78vh,720px)}.wrapped-progress{display:flex;gap:4px}.wrapped-progress span{flex:1;height:2px;background:var(--line);border-radius:1px;transition:background-color .3s var(--ease)}.wrapped-progress span.done{background:var(--accent)}.wrapped-stage{flex:1;display:grid;align-items:center;padding:6vh 0 3vh}.wrapped-slide{display:grid;gap:10px;justify-items:start;animation:toast-in .35s var(--ease)}.wrapped-big{font-family:var(--font-display, inherit);font-weight:700;font-size:clamp(56px,16vw,132px);line-height:.95;margin:0;letter-spacing:-.02em;overflow-wrap:anywhere;color:var(--text)}.wrapped-line{font-size:clamp(18px,3.4vw,22px);font-weight:650;margin:0;max-width:30ch}.wrapped-icon{color:var(--accent)}.wrapped-piece{width:72px;height:72px}.wrapped-extras{list-style:none;margin:8px 0 12px;padding:0;width:100%;border-top:1px solid var(--line)}.wrapped-extras li{display:flex;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.wrapped-count{font-family:var(--font-display, inherit);font-weight:700;font-size:30px;min-width:2.6em;font-variant-numeric:tabular-nums;color:var(--accent)}.wrapped-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.wrapped-link{display:inline-flex;margin-top:6px}.race-count{font-family:var(--font-display, inherit);font-weight:700;font-size:clamp(80px,22vw,160px);line-height:1;margin:0;color:var(--accent)}.race-invite{display:grid;gap:8px;margin:4px 0 18px;justify-items:start}.race-board{list-style:none;margin:8px 0 16px;padding:0;border-top:1px solid var(--line)}.race-board li{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr) 2.5em;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.race-board li.me .race-name{color:var(--accent);font-weight:800}.race-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-bar{height:2px;background:var(--line);border-radius:1px;overflow:hidden}.race-bar span{display:block;height:100%;background:var(--accent);transition:width .4s var(--ease)}.race-solved{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.board-frame.hide-all .ob-piece:not(.dragging),.board-frame.hide-w .ob-piece[data-piece^=w]:not(.dragging),.board-frame.hide-b .ob-piece[data-piece^=b]:not(.dragging){opacity:0}.board-frame .ob-piece{transition:opacity .25s var(--ease)}.rep-switches{display:flex;flex-wrap:wrap;gap:8px 22px;margin:4px 0 14px}.training-empty .puzzle-tabs{margin-bottom:26px}.pairings{list-style:none;margin:0 0 22px;padding:0;border-top:1px solid var(--line)}.pairings li{display:grid;grid-template-columns:minmax(0,1fr) 4.5em minmax(0,1fr);align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.pairings .pair-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.pairings .pair-name:last-child{text-align:right}.pair-result{text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.tournament.swiss .standings li{grid-template-columns:34px minmax(0,1fr) auto auto auto 44px}.club-search{display:flex;align-items:center;gap:10px;color:var(--muted)}.club-search input{flex:1}.club-members li{grid-template-columns:34px minmax(0,1fr) auto 44px}.club-role{color:var(--accent);margin-left:6px;flex:none}.my-clubs{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 18px}.club .lead{margin:6px 0 4px}.clip-maker{display:grid;gap:10px;justify-items:start;margin:4px 0 20px}.clip-maker .label-row{width:100%}.clip-progress{display:block;width:100%;height:2px;background:var(--line);border-radius:1px;overflow:hidden}.clip-progress span{display:block;height:100%;background:var(--accent)}.variation{display:flex;align-items:center;gap:10px;margin:6px 0 12px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.variation-line{flex:1;margin:0;font-weight:700}.variation .icon-btn{border-color:transparent}.move-time{margin:2px 0}.insight{margin:2px 0 10px;color:var(--accent);font-weight:650}.chat-emotes{display:flex;gap:2px;margin:8px 0 4px}.chat-emotes button{border:0;background:none;font-size:22px;line-height:1;padding:4px 6px;border-radius:var(--radius-small);transition:transform .15s var(--ease)}.chat-emotes button:hover{transform:scale(1.2);background:var(--accent-soft)}.chat-emote{font-size:22px;line-height:1}.guess-form,.guess-reveal{display:grid;gap:12px;justify-items:start;margin:8px 0 18px}.guess-form input[type=range]{width:100%}.guess-big{font-family:var(--font-display, inherit);font-weight:700;font-size:56px;line-height:1;margin:0;font-variant-numeric:tabular-nums}.guess-points{color:var(--accent);font-weight:700;margin:0}.editor{display:grid;gap:14px;margin:8px 0 18px}.editor-preview{aspect-ratio:1;max-width:300px}.editor-controls{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}.editor-controls label:not(.color-field){display:grid;gap:4px;width:100%}.editor-controls .line-input{flex:1 1 200px}.gallery-list{list-style:none;margin:8px 0 24px;padding:0;border-top:1px solid var(--line)}.gallery-list li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.gallery-list .icon-btn{border-color:transparent}.gallery-item{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;color:inherit;text-decoration:none;min-width:0}.gallery-item>:first-child{grid-row:span 2}.gallery-name{font-weight:700}.gallery-preview{max-width:360px;margin:6px 0 18px}.share-pack{position:absolute;right:26px;top:-6px;width:24px;height:24px;padding:0;border-color:transparent;background:var(--surface)}.share-link{position:absolute;left:0;top:100%;z-index:5;padding:4px 6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-small);-webkit-user-select:all;user-select:all;white-space:nowrap}.board-option.locked{opacity:.45;cursor:not-allowed;display:grid;place-items:center;color:#fff}.board-option.locked svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.ach-reward{color:var(--accent)}.profile{--profile-accent: var(--accent)}.profile .profile-head .display{text-decoration:underline;text-decoration-color:var(--profile-accent);text-decoration-thickness:4px;text-underline-offset:8px}.profile-bio{margin:10px 0 4px;max-width:46ch}.showcase{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0;color:var(--profile-accent);font-weight:650}.look-editor{display:grid;gap:10px;margin:12px 0;max-width:520px}.look-editor textarea{resize:vertical;min-height:2.6em;font:inherit;color:inherit}.accent-list{display:flex;gap:8px}.accent{width:28px;height:28px;border-radius:50%;border:2px solid transparent;padding:0;display:grid;place-items:center;color:#fff}.accent.on{border-color:var(--text)}.accent:disabled{opacity:.4;cursor:not-allowed}.showcase-pick{display:flex;flex-wrap:wrap;gap:6px 14px}.chip-check{display:inline-flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.chip-check.on{color:var(--accent);font-weight:650}.hb-call{display:flex;align-items:center;gap:10px;margin:6px 0 10px}.hb-call img{width:28px;height:28px}.hb-pick{display:grid;gap:6px;margin:6px 0 12px}.hb-pieces{display:flex;gap:4px}.hb-piece{width:44px;height:44px;padding:4px;border:0;border-bottom:2px solid transparent;background:none;border-radius:0}.hb-piece img{width:100%;height:100%}.hb-piece:hover:not(:disabled),.hb-piece.on{border-bottom-color:var(--accent)}.hb-piece:disabled{opacity:.3}.choice-note{margin-left:auto;margin-right:8px}.run .run-head{margin-bottom:14px}.run-line{display:flex;align-items:center;gap:10px;margin:4px 0 10px}.lives{display:inline-flex;gap:3px;color:#e5534b}.lives svg{fill:currentColor}.ladder{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:10px 0 22px}.ladder li{position:relative;width:44px;height:44px;border-bottom:2px solid transparent}.ladder li img{width:100%;height:100%}.ladder li.ahead{opacity:.35}.ladder li.done img{opacity:.55}.ladder li.now{border-bottom-color:var(--accent)}.ladder-check{position:absolute;right:0;bottom:2px;color:var(--accent)}.run-result{font-size:1.15rem;font-weight:600;margin:4px 0 16px}.run-chapter{font-size:1.3rem;margin:18px 0 6px}.milestones{list-style:none;display:flex;flex-wrap:wrap;gap:4px 16px;padding:0;margin:0;font-size:.9rem}.milestones li{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}.milestones li.now{color:var(--text);font-weight:600;border-bottom:2px solid var(--accent)}.milestones li.done{color:var(--text)}.run-table{border-collapse:collapse;margin:6px 0 10px;min-width:260px}.run-table th{text-align:left;font-weight:500;color:var(--muted);font-size:.8rem;padding:4px 12px 4px 0}.run-table td{padding:7px 12px 7px 0;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.run-table tr.me td{font-weight:700}.others{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:2px}.perks{list-style:none;display:flex;flex-wrap:wrap;gap:4px 16px;padding:0;margin:-8px 0 18px}.perks li{display:inline-flex;align-items:center;gap:6px}.perk-icon{width:24px;height:24px;flex:none}.offer-list{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-bottom:18px}.offer{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:12px 4px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;color:inherit;cursor:pointer}.offer .perk-icon{grid-row:span 2;width:30px;height:30px}.offer-name{font-weight:600}.offer:hover .offer-name,.offer:focus-visible .offer-name{color:var(--accent)}.signals{list-style:none;padding:0;margin:8px 0;display:grid;gap:4px}.signals li{display:flex;align-items:baseline;gap:10px}.signals strong{font-variant-numeric:tabular-nums}.checklist{border:0;padding:0;margin:8px 0 10px;display:grid;gap:6px}.checklist .check{display:flex;align-items:center;gap:8px}.online-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:-6px 0 14px}.corr-games,.corr-seeks{list-style:none;padding:0;margin:0 0 22px;border-top:1px solid var(--line)}.corr-games li a{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.corr-games li.your-move .corr-opponent{font-weight:700}.corr-games li.your-move a{box-shadow:inset 3px 0 0 var(--accent);padding-left:10px}.corr-left{margin-left:auto}.corr-seeks li{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line)}.corr-seeks li button{margin-left:auto}.corr-new{margin-bottom:24px}.corr-vacation{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.corr-vacation .days{width:72px}.team-table{list-style:none;margin:14px 0 6px;padding:0;border-top:1px solid var(--line)}.team-table li{display:grid;grid-template-columns:34px minmax(0,1fr) auto 44px;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line)}.team-table .standing-points{text-align:right}.league{margin:4px 0 22px}.rivals{display:grid;gap:6px}.rival-list,.rival-found{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 14px}.rival-list li{display:inline-flex;align-items:center;gap:2px;font-weight:600}.room-code{letter-spacing:.12em;margin:-4px 0 8px}.room-members{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:4px 14px}.room-members li{display:inline-flex;align-items:center;gap:4px}.room-members svg{color:var(--accent)}.embed-code{margin-top:10px}.embed{max-width:560px;margin:0 auto;padding:8px}.embed-player{display:flex;align-items:center;gap:8px;margin:4px 0;font-weight:600}.embed-bar{display:flex;align-items:center;gap:6px;margin-top:6px}.embed-link{margin-left:auto}.tandem{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}.tandem-side{display:grid;gap:12px}.tandem-link{display:inline-flex;margin-top:4px}@media(max-width:820px){.tandem{grid-template-columns:minmax(0,1fr)}}.sound-events{list-style:none;padding:0;margin:10px 0 12px;border-top:1px solid var(--line)}.sound-events li{border-bottom:1px solid var(--line)}.sound-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:4px 0}.sound-name{font-weight:600}.sound-controls{display:grid;gap:8px;padding:4px 0 12px}.sound-controls .field.inline input[type=range]{flex:1}.fx-editor{display:grid;gap:8px}.fx-toggles{display:grid;gap:2px}.fx-palettes{display:flex;gap:14px;flex-wrap:wrap}.fx-palette{display:inline-flex;gap:2px;padding:4px 0;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;cursor:pointer}.fx-palette span{width:12px;height:12px;border-radius:50%}.fx-palette.on{border-bottom-color:var(--accent)}.sound-controls .field.inline{margin:0}.stats-panel{margin:8px 0 24px}.stats-days{list-style:none;padding:0;margin:8px 0 14px;display:grid;gap:3px}.stats-days li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px}.stats-bar{height:6px;border-radius:3px;background:var(--accent);min-width:2px}.stats-tops{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stats-tops ol{margin:0;padding-left:20px;display:grid;gap:2px}.broadcast-games{list-style:none;padding:0;margin:4px 0 12px;border-top:1px solid var(--line)}.bc-game{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;width:100%;text-align:left;padding:8px 2px;border-bottom:1px solid var(--line);color:inherit}.bc-game.on{box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.live-icon{color:#e5534b}.broadcast-admin{display:grid;gap:6px;margin-top:16px}.engine-check{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:6px 0}.engine-check p{flex-basis:100%;margin:0}.scan-pick{display:inline-flex;margin-top:8px}.scan-sheet{position:relative;max-width:560px;margin:8px 0 14px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.scan-sheet img{display:block;width:100%;height:auto;border-radius:4px}.scan-area{position:absolute;outline:2px solid var(--accent);background:#7cc68d14;pointer-events:none}.scan-split{position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed var(--accent)}.scan-row{position:absolute;height:0;border-top:1px solid rgba(76,141,255,.7);pointer-events:none}.scan-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:12px}.scan-controls .days{width:72px}.scan-cell{display:block;max-width:100%;max-height:110px;background:#fff;border-radius:4px;margin:4px 0}.scan-read{margin:2px 0 8px}.scan-suggest{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.scan-suggest button{min-width:64px;font-weight:600}.sound-sample{display:inline-grid;place-items:center;width:44px;height:44px;color:var(--accent)}.gallery-sounds{max-width:420px}.tandem-partner-online{max-width:380px;margin:18px auto 0}@media(min-width:1280px){.tandem-online{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.tandem-partner-online{margin:0}}.password-row{display:flex;align-items:center;gap:4px}.password-row .line-input{flex:1;min-width:0}.name-suggest{justify-self:start;align-self:start;margin-top:2px}.learn-next{display:inline-flex;margin:6px 0 10px}.learn-unit{margin-top:18px}.learn-lessons{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.learn-lesson{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.learn-lesson:hover .learn-name{color:var(--accent)}.learn-name{font-weight:600;flex:1}.learn-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--line-strong);display:grid;place-items:center;color:var(--accent-ink);flex:none}.learn-dot.done{background:var(--accent);border-color:var(--accent)}.learn-stars-row{display:inline-flex;gap:1px;color:var(--line-strong)}.learn-stars-row .on{color:#f2b53a;fill:#f2b53a}.learn-more{margin-top:6px}.learn-progress{list-style:none;display:flex;gap:4px;padding:0;margin:4px 0 14px}.learn-progress li{flex:1;height:4px;border-radius:2px;background:var(--line)}.learn-progress li.done{background:var(--accent)}.learn-progress li.now{background:var(--accent);opacity:.45}.learn-text{font-size:1.05rem;line-height:1.5;margin:0 0 10px}.learn-board .actions{margin-top:14px}.learn-feedback{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-weight:600}.learn-feedback.good{color:var(--accent)}.learn-feedback.hint{color:#d98a1c}.learn-count{margin:8px 0 0}.learn-star-layer{position:absolute;inset:0;pointer-events:none;z-index:15}.learn-star{position:absolute;width:12.5%;height:12.5%;display:grid;place-items:center;color:#f2b53a;filter:drop-shadow(0 0 6px rgba(242,181,58,.8))}.learn-star svg{width:55%;height:55%;fill:#f2b53a;animation:learn-twinkle 1.6s ease-in-out infinite}@keyframes learn-twinkle{50%{transform:scale(1.15) rotate(8deg)}}@media(prefers-reduced-motion:reduce){.learn-star svg{animation:none}}.learn-options{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:14px}.learn-option{text-align:left;padding:12px 4px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;color:inherit;font-weight:600;cursor:pointer}.learn-option:hover:not(:disabled){color:var(--accent)}.learn-option.right{color:var(--accent)}.learn-option.wrong{color:#d9534f;text-decoration:line-through;opacity:.7}.learn-finished{display:grid;gap:10px;justify-items:start}@media(max-width:900px){.learn-lesson-page .inspector{order:-1}}.coach-tip{display:flex;align-items:flex-start;gap:8px;margin:6px 0 10px;color:#d98a1c;font-weight:600;font-size:.95rem}.coach-tip svg{flex:none;margin-top:2px}.meme-list{list-style:none;padding:0;margin:8px 0 0;border-top:1px solid var(--line);max-height:420px;overflow-y:auto}.meme-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.meme-pic{width:32px;height:32px;flex:none}.meme-pic img,.meme-pic video{width:32px;height:32px;object-fit:cover;border-radius:4px;display:block}.meme-name{flex:1;min-width:0;display:flex;flex-direction:column;font-weight:600}.meme-name small{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label.icon-btn{cursor:pointer}.credit-list{font-size:.85rem;max-height:320px;overflow-y:auto}.meme-actions{display:flex;flex-wrap:wrap;gap:4px 18px;margin:6px 0 8px}.meme-actions .link-button{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.meme-unmatched{list-style:none;padding:0;margin:6px 0;border-top:1px solid var(--line)}.meme-unmatched li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.meme-unmatched span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.kauz{flex:none;overflow:visible}.kauz-body{transform-origin:60px 124px;animation:kauz-bob 3.8s ease-in-out infinite}@keyframes kauz-bob{50%{transform:translateY(-2px) rotate(-1.2deg)}}.kauz-blink{transform-box:fill-box;transform-origin:top;transform:scaleY(0);animation:kauz-blink 4.9s infinite}@keyframes kauz-blink{0%,93%,to{transform:scaleY(0)}96%{transform:scaleY(1)}}.kauz-lid{transition:height .25s var(--ease)}.kauz-pupil{transition:cx .3s var(--ease),cy .3s var(--ease),r .3s var(--ease)}.kauz.talking .kauz-beak-low{transform-box:fill-box;transform-origin:top;animation:kauz-talk .2s ease-in-out infinite alternate}@keyframes kauz-talk{to{transform:translateY(2.5px) scaleY(1.35)}}.kauz-tassel{transform-origin:60px 22px;animation:kauz-tassel 3.8s ease-in-out infinite}@keyframes kauz-tassel{50%{transform:rotate(4deg)}}.kauz-wing{transform-box:fill-box;transition:transform .35s var(--ease)}.kauz-wing.left{transform-origin:90% 10%}.kauz-wing.right{transform-origin:10% 10%}.kauz.mood-happy .kauz-wing.left{animation:kauz-flap-l .5s ease-in-out 3 alternate}.kauz.mood-happy .kauz-wing.right{animation:kauz-flap-r .5s ease-in-out 3 alternate}@keyframes kauz-flap-l{to{transform:rotate(28deg)}}@keyframes kauz-flap-r{to{transform:rotate(-28deg)}}.kauz.mood-proud .kauz-wing.left{transform:rotate(22deg)}.kauz.mood-proud .kauz-wing.right{transform:rotate(-22deg)}.kauz.mood-thinking .kauz-body{animation:none;transform:rotate(-5deg);transition:transform .4s var(--ease)}.kauz.mood-worried .kauz-wing{transform:rotate(0) scaleY(.92)}.kauz.mood-surprised .kauz-body{animation:kauz-jump .45s var(--ease) 1}@keyframes kauz-jump{40%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.kauz *,.kauz{animation:none!important;transition:none!important}}.teacher{display:flex;align-items:flex-start;gap:12px;margin:4px 0 14px}.teacher-bubble{position:relative;flex:1;min-width:0;padding:11px 15px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin-top:6px}.teacher-bubble:before{content:"";position:absolute;left:-7px;top:22px;width:12px;height:12px;background:var(--surface);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.teacher-text{margin:0;line-height:1.5;font-size:1rem}.teacher-ghost{color:transparent}.teacher-actions{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;align-items:center}.teacher.compact .teacher-text{font-size:.95rem}.teacher-hub{margin:10px 0 8px}.teacher-plan{margin:6px 0 14px}button.choice{width:100%;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.teacher-profile{margin:4px 0 18px}.teacher-profile summary{cursor:pointer;font-weight:600;padding:6px 0}.teacher-profile>.text-link,.teacher-profile>button{margin-right:16px}.skill-bars{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:8px}.skill-bars li{display:grid;grid-template-columns:9.5em 1fr 5.5em;align-items:center;gap:10px}.skill-track{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.skill-fill{display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .6s var(--ease)}.skill-value{text-align:right}.learn-all{margin-top:22px}.learn-task{display:block;margin-top:-2px}.teacher-game .teacher{margin:8px 0 10px}@media(max-width:900px){.learn-teacher{margin-bottom:4px}}.learn .label-row{gap:10px;align-items:baseline}.goal-chips{display:flex;flex-direction:column;border-top:1px solid var(--line);margin:6px 0 4px}.goal-chip{display:flex;align-items:center;gap:10px;width:100%;padding:9px 2px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer}.goal-chip:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--line-strong);flex:none}.goal-chip.on{color:var(--accent)}.goal-chip.on:before{display:none}.goal-chip svg{flex:none;width:16px;height:16px;padding:2px;border-radius:50%;background:var(--accent);color:var(--accent-ink);box-sizing:border-box}.teacher-offer{margin-top:-4px}.teacher-help{display:flex;flex-direction:column;border-top:1px solid var(--line);margin:6px 0 4px}.teacher-help label{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);cursor:pointer;font-weight:600}.teacher-help label.on{color:var(--accent)}.teacher-help input{accent-color:var(--accent);margin:0}.teacher-bubble{padding-right:38px}.teacher-voice{position:absolute;top:8px;right:8px;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}.teacher-voice:hover,.teacher-voice[aria-pressed=true]{color:var(--accent)}.teacher-game .play-board>.teacher{margin:0 0 8px}.teacher-game .play-board>.teacher .teacher-actions button{padding:6px 10px}.piece-slots{display:grid;grid-template-columns:repeat(6,1fr);max-width:420px;border-radius:var(--radius-small);overflow:hidden;margin:8px 0 6px}.piece-slot{position:relative;aspect-ratio:1;display:grid;place-items:center;cursor:pointer;background:var(--ob-light)}.piece-slot:nth-child(12n+2),.piece-slot:nth-child(12n+4),.piece-slot:nth-child(12n+6),.piece-slot:nth-child(12n+7),.piece-slot:nth-child(12n+9),.piece-slot:nth-child(12n+11){background:var(--ob-dark)}.piece-slot img{width:86%;height:86%;object-fit:contain;opacity:.55;transition:opacity .2s,transform .2s var(--ease)}.piece-slot.own img{opacity:1}.piece-slot.own:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.piece-slot:hover img,.piece-slot:focus-within img{transform:scale(1.08);opacity:1}.piece-slot:focus-within{outline:2px solid var(--focus);outline-offset:-2px}.file-link{cursor:pointer;display:inline-block;margin:2px 16px 6px 0}.unplaced-pic{width:32px;height:32px;object-fit:contain;flex:none}.ob-board{position:relative;width:100%;aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:var(--ob-radius, 4px);overflow:hidden;background:var(--ob-texture, none) center / cover,repeating-conic-gradient(var(--ob-dark) 0 25%,var(--ob-light) 0 50%) 0 0 / 25% 25%;outline:none}.ob-board:focus-visible{box-shadow:0 0 0 3px var(--ob-focus, #4c8dff)}.ob-squares,.ob-pieces,.ob-coords{position:absolute;inset:0}.ob-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ob-sq,.ob-piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%}.ob-sq.last-move{background:var(--ob-mark-last, rgba(255, 214, 92, .42))}.ob-sq.selected{background:var(--ob-mark-selected, rgba(76, 141, 255, .45))}.ob-sq.premove{background:var(--ob-mark-premove, rgba(140, 110, 220, .45))}.ob-sq.marked{box-shadow:inset 0 0 0 4px var(--ob-mark-user, rgba(230, 120, 40, .85))}.ob-sq.check{background:radial-gradient(circle,var(--ob-mark-check, rgba(255, 70, 50, .9)) 0%,transparent 72%)}.ob-sq.move-dest{background:radial-gradient(circle,var(--ob-mark-dest, rgba(20, 30, 50, .28)) 17%,transparent 19%)}.ob-sq.capture-dest{background:radial-gradient(circle,transparent 72%,var(--ob-mark-dest, rgba(20, 30, 50, .28)) 74%)}.ob-sq.zone{box-shadow:inset 0 0 0 3px var(--ob-mark-zone, rgba(63, 155, 92, .75))}.ob-sq.fog{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.07),transparent 60%),var(--ob-fog, #3b4150)}.ob-sq.pending-dest{box-shadow:inset 0 0 0 4px var(--ob-mark-selected, rgba(76, 141, 255, .9));background:var(--ob-mark-premove, rgba(76, 141, 255, .25))}.ob-sq.ob-hover{box-shadow:inset 0 0 0 3px var(--ob-mark-hover, rgba(255, 255, 255, .65))}.ob-piece{background-size:100% 100%;background-repeat:no-repeat;cursor:grab;will-change:transform}.ob-piece[data-piece$=C]{background-size:70% 70%,62% 62%;background-position:100% 0,0 100%}.ob-piece.animating{transition:transform var(--ob-anim) cubic-bezier(.25,.8,.35,1)}.ob-piece.dragging{z-index:10;cursor:grabbing;transform-origin:center;scale:1.08;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.ob-piece.captured{transition:opacity var(--ob-anim);opacity:0}.ob-coord{position:absolute;font:700 clamp(9px,2.3cqw,14px) / 1 var(--ob-coord-font, system-ui, sans-serif);pointer-events:none}.ob-coord.file{bottom:2px;width:12.5%;text-align:right;padding-right:3px;box-sizing:border-box}.ob-coord.rank{left:3px;padding-top:3px}.ob-coord.on-light{color:var(--ob-dark)}.ob-coord.on-dark{color:var(--ob-light)}.ob-arrow{stroke-width:.17;stroke-linecap:round;opacity:.82}.ob-arrow.main{stroke:var(--ob-arrow-main, #3f9b5c)}.ob-arrow.alt{stroke:var(--ob-arrow-alt, #d2852a)}.ob-arrow.engine{stroke:var(--ob-arrow-engine, #4c8dff)}.ob-arrow-head.main{fill:var(--ob-arrow-main, #3f9b5c)}.ob-arrow-head.alt{fill:var(--ob-arrow-alt, #d2852a)}.ob-arrow-head.engine{fill:var(--ob-arrow-engine, #4c8dff)}@media(prefers-reduced-motion:reduce){.ob-piece.animating,.ob-piece.captured{transition:none}}.ob-fx{position:absolute;inset:0;pointer-events:none;z-index:20}.ob-fx-box{position:absolute;width:12.5%;height:12.5%}.ob-fx-canvas{position:absolute;inset:0;width:100%;height:100%}.ob-fx-shard{position:absolute;inset:0;background-size:100% 100%;will-change:transform,opacity;backface-visibility:visible}.ob-fx-cracks{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ob-fx-cracks path{fill:none;stroke:#fff6e0;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 2px #ff6a3a) drop-shadow(0 0 5px #ff3b1f)}.ob-fx-dim{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#0a081426,#0a081480)}.ob-fx-bubble{position:absolute;left:50%;bottom:72%;white-space:nowrap;transform-origin:50% 100%;padding:.38em .8em .42em;border-radius:1.1em;color:#17181b;background:linear-gradient(180deg,#fff,#fff6dc);border:2.5px solid #17181b;font:900 clamp(12px,2.8cqw,18px) / 1.1 var(--ob-coord-font, system-ui, sans-serif);letter-spacing:.01em;box-shadow:3px 4px #17181b,0 10px 24px -8px #0000008c}.ob-fx-bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:14px;margin-left:-7px;background:#fff6dc;border-right:2.5px solid #17181b;border-bottom:2.5px solid #17181b;transform:rotate(45deg) skew(8deg,8deg)}.ob-piece.ob-gone{opacity:0}.ob-fx-rocket{position:absolute;left:50%;top:50%;line-height:1;filter:drop-shadow(0 0 6px rgba(255,170,60,.9)) drop-shadow(0 3px 4px rgba(0,0,0,.45))}.ob-fx-meme-tile{display:grid;place-items:center;overflow:hidden;background:#101114;box-shadow:0 0 0 2px #ffffffd9,0 8px 22px -6px #000000b3;z-index:2}.ob-fx-meme-tile img,.ob-fx-meme-tile video{width:100%;height:100%;object-fit:cover;display:block}.ob-fx-caption{position:absolute;left:50%;max-width:92%;text-align:center;z-index:3;font:400 clamp(20px,7.2cqw,46px) / 1.02 Impact,"Anton","Haettenschweiler","Arial Narrow Bold","Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#fff;-webkit-text-stroke:.06em #000;paint-order:stroke fill;text-shadow:0 .06em 0 #000,0 .12em .4em rgba(0,0,0,.6)}.ob-fx-caption.top{top:4%}.ob-fx-caption.bottom{bottom:5%}.ob-fx-mood{position:absolute;inset:0;z-index:1}.ob-fx-mood.sad{-webkit-backdrop-filter:grayscale(1) brightness(.8);backdrop-filter:grayscale(1) brightness(.8);background:#283c6e47}.ob-fx-mood.shock{background:radial-gradient(circle at 50% 50%,transparent 30%,rgba(0,0,0,.7) 100%)}.ob-fx-mood.hype{background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,214,90,.22) 0deg 9deg,transparent 9deg 22deg)}