.overlay{z-index:900;-webkit-backdrop-filter:blur(4px);background:#0f172a66;place-items:center;padding:16px;animation:.22s ease-out both fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);animation:modal-in .38s var(--ease) both;position:relative;overflow:auto}.modal--sm{max-width:420px}.modal--md{max-width:520px}.modal--lg{max-width:720px}.modal__head{justify-content:space-between;align-items:center;padding:22px 22px 6px 28px;display:flex}.modal__head h3{font-size:20px;font-weight:800}.modal__head .icon-btn,.result__close{background:#fff;border-radius:50%;border:1px solid var(--line)!important}.modal__head .icon-btn:hover,.result__close:hover{color:#f43f5e;background:#fff1f2;transform:rotate(90deg);border-color:#fecdd3!important}.modal__body{padding:16px 28px 28px}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.overlay--sheet{place-items:end stretch;padding:0}.sheet{background:var(--surface);width:100%;max-height:82dvh;padding-bottom:env(safe-area-inset-bottom);animation:sheet-in .38s var(--ease) both;transition:transform .26s var(--ease);border-radius:24px 24px 0 0;flex-direction:column;display:flex;box-shadow:0 -20px 50px -12px #0f172a40}.sheet__handle{cursor:grab;touch-action:none;padding:10px 20px 8px}.sheet__handle span{background:var(--line-strong);border-radius:999px;width:44px;height:5px;margin:0 auto 12px;display:block}.sheet__handle h3{font-size:18px}.sheet__body{padding:4px 20px 24px;overflow:auto}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}.overlay--drawer{place-items:stretch start;padding:0}.drawer{background:var(--surface);width:min(300px,84vw);height:100%;padding-top:env(safe-area-inset-top);animation:drawer-in .32s var(--ease) both;flex-direction:column;display:flex;box-shadow:20px 0 50px -12px #0f172a40}.drawer__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 12px 10px 18px;display:flex}.drawer__head h3{font-size:18px}.drawer__body{padding:12px 12px calc(24px + env(safe-area-inset-bottom));flex:1;overflow:auto}.drawer__body:has(+.drawer__foot){padding-bottom:12px}.drawer__foot{padding:12px 12px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:none}}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:950;color:#fff;box-shadow:var(--shadow-lg);animation:toast-in .32s var(--ease) both;background:#1e293b;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.toast svg{color:#93c5fd;width:18px;height:18px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.loader{border:2px solid var(--accent-line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.site-header{z-index:50;height:var(--header-h);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffc;position:sticky;top:0}.site-header__inner{align-items:center;gap:24px;width:min(1560px,100% - 32px);height:100%;margin:0 auto;display:flex}.logo{align-items:center;gap:10px;display:inline-flex}.logo__mark{background:var(--accent);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 4px 6px -1px #bfdbfecc}.logo__mark img{filter:drop-shadow(0 1px 1px #0003);width:26px;height:26px}.logo__word{letter-spacing:-.02em;color:#1e293b;font-size:19px;font-weight:800}.logo__word em{color:var(--accent);margin-left:4px;font-style:normal}.site-nav{gap:4px;margin-left:12px;display:flex}.site-nav__link{color:var(--text-2);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600;transition:color .16s,background-color .16s}.site-nav__link:hover{color:var(--accent);background:var(--accent-soft)}.site-nav__link.active{background:var(--accent);color:#fff;font-weight:700;box-shadow:0 1px 2px #0000000d,0 0 0 1px #1d4ed8}.site-header__actions{align-items:center;gap:6px;margin-left:auto;display:flex}.header-profile{background:var(--accent-soft);border:1px solid #dbeafe;border-radius:12px;align-items:center;gap:10px;padding:4px 14px 4px 4px;transition:border-color .16s,background-color .16s;display:flex}.header-profile:hover{border-color:var(--accent-line)}.header-profile__avatar{border-radius:9px;width:32px;height:32px;font-size:13px}.header-profile__meta{flex-direction:column;line-height:1.15;display:flex}.header-profile__meta strong{color:#334155;font-size:13px;font-weight:700}.header-profile__meta span{color:var(--accent);font-size:12px;font-weight:700}.site-header .header-logout{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border-color:#dbeafe;border-radius:12px}.site-header .header-logout:hover{border-color:var(--accent-line)}.site-header .header-login{gap:6px}.site-header .header-login svg{width:16px;height:16px}.site-header .header-demo{gap:6px}.site-header .header-demo svg{width:16px;height:16px}.site-header .site-header__menu{display:none}.sheet-nav{gap:4px;display:grid}.sheet-nav a,.sheet-nav button{width:100%;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:14px 12px;font-weight:600;display:flex}.sheet-nav a svg,.sheet-nav button svg{color:#94a3b8;width:20px;height:20px}.sheet-nav a:hover,.sheet-nav button:hover{background:var(--accent-soft);color:var(--accent)}.sheet-nav a.active{background:var(--accent);color:#fff}.sheet-nav a.active svg{color:#fff}.sheet-nav .sheet-profile{gap:12px;padding-block:10px}.sheet-profile__meta{flex-direction:column;min-width:0;line-height:1.2;display:flex}.sheet-profile__meta strong{white-space:nowrap;text-overflow:ellipsis;color:#334155;font-size:15px;overflow:hidden}.sheet-profile__meta span{color:var(--accent);font-size:12px;font-weight:700}.sheet-nav a.active .sheet-profile__meta strong,.sheet-nav a.active .sheet-profile__meta span{color:#fff}.sheet-nav .sheet-profile.active .avatar{color:var(--accent);background:#fff;border-color:#fff}@media (width<=860px){.header-profile__meta{display:none}.header-profile{padding:3px}.site-header .header-logout{width:52px;height:52px}}@media (width<=780px){.site-header__inner{gap:16px}.site-nav__link{padding-inline:10px}.site-header .header-demo{width:38px;padding:0}.site-header .header-demo span{display:none}}@media (width<=480px){.site-header .header-login{width:38px;padding:0}.site-header .header-login span{display:none}}@media (width<=640px){.site-nav,.site-header .header-logout{display:none}.site-header .site-header__menu{margin-left:-6px;display:inline-grid}.site-header__menu+.logo{margin-left:-10px}}@media (width<=760px){.site-header--game{--header-h:56px}.site-header--game .logo__word{font-size:17px}.site-header--game .logo__mark{width:32px;height:32px}}@media (width<=380px){.site-header__inner{gap:10px;width:calc(100% - 24px)}.logo{gap:8px}.logo__word{font-size:17px}.logo__mark{width:34px;height:34px}.logo__mark img{width:23px;height:23px}.site-header__actions{gap:2px}.site-header__actions .icon-btn,.site-header .site-header__menu{width:36px;height:36px}.site-header__menu+.logo{margin-left:-4px}.site-header--game .logo__word{font-size:16px}}@media (width<=355px){.site-header--board .header-demo{display:none}}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop__light{border-radius:50%;position:absolute}.backdrop__light--a{background:radial-gradient(circle,#dbeafeb3,#0000 62%);width:70vw;height:70vw;top:-35vw;left:50%;transform:translate(-50%)}.backdrop__light--b{background:radial-gradient(circle,#fbf6eae6,#0000 65%);width:60vw;height:60vw;bottom:-35vw;right:-20vw}.backdrop__glyph{opacity:.035;animation:50s ease-in-out infinite alternate glyph-drift;position:absolute}.backdrop__grain{display:none}@keyframes glyph-drift{0%{transform:translate(0,0)rotate(-6deg)}50%{transform:translate(24px,-36px)rotate(4deg)}to{transform:translate(-18px,20px)rotate(-2deg)}}.site-footer{z-index:1;border-top:1px solid var(--line);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);color:var(--muted);margin-top:24px;font-size:14px;position:relative}.site-footer__inner{width:min(1480px,100% - 32px);margin:0 auto}.site-footer__grid{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px 48px;padding:48px 0 36px;display:grid}.site-footer__brand{align-content:start;justify-items:start;gap:14px;display:grid}.site-footer__brand p{max-width:340px;color:var(--muted);line-height:1.6}.site-footer__col{align-content:start;gap:14px;display:grid}.site-footer__col .eyebrow{margin:0}.site-footer__col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.site-footer__col a,.site-footer__col button{color:var(--text-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;transition:color .16s}.site-footer__col a:hover,.site-footer__col button:hover{color:var(--accent)}.site-footer__bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 0 24px;font-size:13px;display:flex}.site-footer__top{color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-weight:600;transition:color .16s,background-color .16s;display:inline-flex}.site-footer__top:hover{color:var(--accent);background:var(--accent-soft)}.site-footer__top svg{width:16px;height:16px}@media (width<=900px){.site-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:36px}.site-footer__brand{grid-column:1/-1}}@media (width<=520px){.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding:32px 0 28px}.site-footer__brand .btn{width:100%}}.settings-list{display:grid}.settings-list .toggle+.toggle{border-top:1px solid var(--line)}.appearance{border-bottom:1px solid var(--line);grid-template-columns:220px 1fr;gap:24px;margin-bottom:4px;padding-bottom:20px;display:grid}.appearance__note{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-strong);border:1px solid #dbeafe;grid-column:1/-1;padding:10px 14px;font-size:13px;font-weight:600}.appearance__preview .chess-board{border-width:5px;border-radius:12px;max-width:220px;animation:none}.appearance__controls{align-content:start;gap:18px;display:grid}.appearance__controls .eyebrow{margin-bottom:10px;display:block}.theme-grid,.piece-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.theme-option,.piece-option{border:1px solid var(--line);color:var(--text-2);cursor:pointer;background:#fff;border-radius:12px;justify-items:center;gap:6px;padding:8px 6px;font-size:12px;font-weight:600;transition:border-color .15s,box-shadow .15s,background-color .15s;display:grid}.theme-option:hover,.piece-option:hover{border-color:var(--accent-line)}.theme-option[aria-checked=true],.piece-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-swatch{border-radius:8px;grid-template-columns:1fr 1fr;width:44px;height:44px;display:grid;overflow:hidden;box-shadow:0 0 0 1px #0f172a1f}.piece-option__art{border-radius:8px;justify-content:center;align-items:center;width:64px;height:44px;display:flex;box-shadow:0 0 0 1px #0f172a14}.piece-option__art img{width:30px;height:30px}.custom-colors{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.custom-colors label{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.custom-colors input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:38px;height:30px;padding:0}@media (width<=640px){.appearance{grid-template-columns:1fr}.appearance__preview .chess-board{max-width:260px;margin:0 auto}}:root{--board-light:#fbf6ea;--board-dark:#d9b46c;--board-frame:#7a5a2b;--board-edge:#3e2a12;--board-coord-on-light:#a67c32;--board-coord-on-dark:#fffaf0;--board-selected:#7eb80080;--board-last-move:#7eb80080;--board-hint:#7a5a2b59;--board-coach:#b8862a;--board-best:#5f9a4a;--board-check:radial-gradient(circle, #e05c46cc 0%, #e05c464d 50%, transparent 72%)}.chess-board{aspect-ratio:1;border:6px solid var(--board-frame);background:var(--board-frame);-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;max-width:min(92vw,520px);animation:board-enter .7s var(--ease,ease) both;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a4d,0 0 0 1px #0f172a14}.chess-board--interactive .chess-board__grid{touch-action:none}.chess-board__grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.chess-square{justify-content:center;align-items:center;transition:background-color .15s,box-shadow .15s;display:flex;position:relative}.chess-board--interactive .chess-square{cursor:pointer}.chess-square--light{background-color:var(--board-light)}.chess-square--dark{background-color:var(--board-dark)}.chess-square--last-move{box-shadow:inset 0 0 0 999px var(--board-last-move)}.chess-square--selected{box-shadow:inset 0 0 0 999px var(--board-selected)}.chess-square--check{background-image:var(--board-check)}.chess-square--hint-to{box-shadow:inset 0 0 0 999px #ecc97e52}.chess-square[class*=chess-square--mark-]:after{content:"";z-index:2;border:4px solid var(--mark);background:color-mix(in srgb, var(--mark) 16%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:5%}.chess-square--mark-target{--mark:#2563eb}.chess-square--mark-good{--mark:#10b981}.chess-square--mark-bad{--mark:#ef4444}.chess-square--mark-pick{--mark:#f59e0b}.chess-square--mark-bad:after{animation:.36s ease-in-out mark-shake}@keyframes mark-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.chess-square--hint-from .chess-piece{filter:drop-shadow(0 0 6px #ffdc8cf2)drop-shadow(0 2px 2px #0003)}.chess-square__coord{z-index:1;font-family:var(--font-ui,sans-serif);pointer-events:none;font-size:11px;font-weight:700;line-height:1;position:absolute}.chess-square__coord--rank{top:4px;left:6px}.chess-square__coord--file{bottom:4px;right:6px}.chess-square--light .chess-square__coord{color:var(--board-coord-on-light)}.chess-square--dark .chess-square__coord{color:var(--board-coord-on-dark)}.chess-square__hint{z-index:2;background:var(--board-hint);pointer-events:none;border-radius:50%;width:28%;height:28%;position:absolute}.chess-square__hint--capture{border:5px solid var(--board-hint);background:0 0;width:88%;height:88%}.piece-slot{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.piece-slot--arriving{z-index:6;animation:piece-arrive calc(.26s + var(--dist,1) * 40ms) cubic-bezier(.45, 0, .25, 1) both}.piece-slot--arriving .chess-piece{animation:piece-lift calc(.26s + var(--dist,1) * 40ms) ease-in-out both}.piece-slot--ghost{opacity:.3}@keyframes piece-arrive{0%{transform:translate(calc(var(--dx) * 100%), calc(var(--dy) * 100%))}to{transform:none}}@keyframes piece-lift{0%,to{filter:drop-shadow(0 2px 2px #0003);transform:scale(1)}50%{filter:drop-shadow(0 10px 8px #0000004d);transform:scale(1.1)}}.chess-piece{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #0003);width:88%;height:88%;transition:transform .1s,filter .2s}.drag-piece{z-index:1000;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.drag-piece .chess-piece{filter:drop-shadow(0 10px 12px #00000059);width:100%;height:100%;transform:scale(1.12)}.move-indicator{z-index:7;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.move-indicator__ring{fill:none;stroke:var(--board-coach);stroke-width:.06px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite hint-ring}.move-arrow{animation:.32s ease-out both fade-in-arrow}.move-arrow__shaft{fill:none;stroke-width:.17px;stroke-linecap:round;stroke-linejoin:round;opacity:.78}.move-arrow__flow{fill:none;stroke:#ffffffbf;stroke-width:.05px;stroke-linecap:round;stroke-dasharray:.05 .3;animation:1.2s linear infinite arrow-flow}.move-arrow__head{opacity:.85}.move-arrow--hint .move-arrow__shaft{stroke:var(--board-coach)}.move-arrow--hint .move-arrow__head{fill:var(--board-coach)}.move-arrow--best .move-arrow__shaft{stroke:var(--board-best)}.move-arrow--best .move-arrow__head{fill:var(--board-best)}@keyframes hint-ring{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.45;transform:scale(.92)}}@keyframes arrow-flow{to{stroke-dashoffset:-.7px}}@keyframes fade-in-arrow{0%{opacity:0}to{opacity:1}}@keyframes board-enter{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.promotion{z-index:20;background:#0f172a59;animation:.16s ease-out both fade-in-arrow;position:absolute;inset:0}.promotion__picker{background:var(--board-light);border-radius:0 0 12px 12px;grid-template-rows:repeat(4,1fr);width:12.5%;height:50%;display:grid;position:absolute;top:0;overflow:hidden;box-shadow:0 12px 30px #00000073}.promotion__picker button{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:background-color .12s;display:grid}.promotion__picker button:hover{background:var(--board-dark)}.promotion__picker .chess-piece{width:82%;height:82%}.captured{align-items:center;min-height:20px;display:flex}.captured img{opacity:.9;width:20px;height:20px}.captured img.captured__stack{margin-left:-10px}.captured__adv{color:var(--muted,#8f8069);margin-left:6px;font-size:12px;font-weight:600}.chess-board--3d{max-width:none;transform-style:preserve-3d;box-shadow:0 2px 0 #8d6a36, 0 14px 0 var(--board-edge), 0 16px 0 #2b1d0c, 0 60px 90px -20px #0f172a73;border-width:10px;border-radius:18px;animation:none;overflow:visible}.chess-board--3d .chess-board__grid{transform-style:preserve-3d;border-radius:10px}.chess-board--3d .chess-square,.chess-board--3d .piece-slot{transform-style:preserve-3d}.chess-board--3d .chess-square:first-child{border-top-left-radius:8px}.chess-board--3d .chess-square:nth-child(8){border-top-right-radius:8px}.chess-board--3d .chess-square:nth-child(57){border-bottom-left-radius:8px}.chess-board--3d .chess-square:nth-child(64){border-bottom-right-radius:8px}.chess-board--3d .chess-piece{transform-origin:50% 88%;width:92%;height:92%;transform:rotateX(calc(var(--tilt,34deg) * -1)) translateY(-4%);filter:drop-shadow(0 6px 3px #28180659)}.chess-board--3d .piece-slot--arriving{animation-duration:.52s}@media (width>=640px){.chess-square__coord{font-size:14px}}.mode-grid{perspective:1200px;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mode-card{--tint:#eff6ff;--tint-2:#dbeafe;--icon:#2563eb;text-align:left;border-radius:var(--radius-xl);background:linear-gradient(135deg, #fff 40%, var(--tint) 100%);min-height:228px;box-shadow:var(--shadow-card);cursor:pointer;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .26s var(--ease), border-color .26s, box-shadow .26s;animation:page-in .6s var(--ease) both;border:1px solid #f1f5f9;flex-direction:column;align-items:flex-start;gap:28px;padding:24px;display:flex;position:relative;overflow:hidden}.mode-card:nth-child(2){--tint:#ecfdf5;--tint-2:#d1fae5;--icon:#059669}.mode-card:nth-child(3){--tint:#f5f3ff;--tint-2:#ede9fe;--icon:#7c3aed}.mode-card:nth-child(4){--tint:#fff7ed;--tint-2:#ffedd5;--icon:#ea580c}.mode-card:nth-child(5){--tint:#fdf8ec;--tint-2:#f6e7c3;--icon:#a67c32}.mode-card:nth-child(6){--tint:#f0f9ff;--tint-2:#e0f2fe;--icon:#0284c7}.mode-card:hover{border-color:var(--tint-2);box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000f}.mode-card__piece{opacity:.06;width:150px;transition:opacity .3s, transform .4s var(--ease);position:absolute;bottom:-26px;right:-18px;transform:translateZ(20px)}.mode-card:hover .mode-card__piece{opacity:.12;transform:translateZ(40px)translateY(-8px)rotate(-4deg)}.mode-card__icon{background:var(--tint);border:1px solid var(--tint-2);width:48px;height:48px;color:var(--icon);border-radius:14px;place-items:center;display:grid;transform:translateZ(30px)}.mode-card__icon svg{width:22px;height:22px}.mode-card__body{gap:6px;display:grid;transform:translateZ(24px)}.mode-card__meta{letter-spacing:.12em;text-transform:uppercase;color:var(--icon);font-size:11px;font-weight:700}.mode-card strong{letter-spacing:-.02em;color:#1e293b;font-size:21px;font-weight:800}.mode-card__text{color:var(--muted);max-width:30ch;font-size:14px}.mode-card__go{border:1px solid var(--line);color:#94a3b8;width:36px;height:36px;transition:all .26s var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:24px;right:24px}.mode-card__go svg{width:16px;height:16px}.mode-card:hover .mode-card__go{background:var(--accent);border-color:var(--accent);color:#fff;transform:translate(2px)}@media (width<=980px){.mode-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{flex-direction:row;align-items:center;gap:16px;min-height:0;padding:18px}.mode-card strong{font-size:18px}.mode-card__text{font-size:13px}.mode-card__go{flex:none;margin-left:auto;position:static}.mode-card__piece{width:100px;bottom:-30px;right:30px}}.setup-section+.setup-section{margin-top:24px}.setup-section>.eyebrow{margin-bottom:12px;display:block}.level-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.level-card{border-radius:var(--radius);border:1px solid var(--line);text-align:left;cursor:pointer;transition:all .18s var(--ease);background:#fff;gap:4px;padding:16px 14px;display:grid}.level-card:hover{border-color:var(--accent-line);background:var(--accent-soft)}.level-card[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.level-card strong{color:#1e293b;font-size:16px;font-weight:800}.level-card .num{color:var(--accent);font-size:13px;font-weight:700}.level-card small{color:var(--muted);font-size:12px;line-height:1.35}.color-pick{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.color-pick button{border-radius:var(--radius);border:1px solid var(--line);color:var(--text-2);cursor:pointer;transition:all .18s var(--ease);background:#fff;justify-items:center;gap:6px;padding:12px;font-size:13px;font-weight:700;display:grid}.color-pick button:hover{border-color:var(--accent-line)}.color-pick button img{width:40px;height:40px}.color-pick button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.color-pick__random{display:flex}.color-pick__random img{width:28px!important}@media (width<=520px){.level-grid{grid-template-columns:1fr}}.hero{z-index:1;width:min(1480px,100% - 32px);min-height:calc(100dvh - var(--header-h));grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center;gap:32px;margin:0 auto;padding:12px 0 24px;display:grid;position:relative}.hero__copy{animation:page-in .8s var(--ease) both}.hero__copy .eyebrow{background:var(--accent-soft);border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.hero__copy h1{letter-spacing:-.04em;text-transform:uppercase;color:#0f172a;margin:20px 0 22px;font-size:clamp(42px,5.2vw,72px);font-weight:800;line-height:1}.hero__copy h1 em{color:var(--accent);font-style:normal}.hero__copy>p{max-width:460px;color:var(--muted);font-size:18px}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero__points{color:var(--muted);flex-wrap:wrap;gap:10px 24px;margin:32px 0 0;padding:0;font-size:14px;font-weight:500;list-style:none;display:flex}.hero__points li{align-items:center;gap:8px;display:flex}.hero__points svg{width:18px;height:18px;color:var(--accent)}.hero__welcome{border-radius:var(--radius-lg);border:1px solid var(--line);width:fit-content;max-width:100%;box-shadow:var(--shadow-card);text-align:left;background:#ffffffd9;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:32px;padding:10px 10px 10px 12px;display:flex}.hero__welcome-text{gap:2px;margin-right:6px;display:grid}.hero__welcome-text strong{color:var(--text);font-size:15px}.hero__welcome-text span{color:var(--muted);font-size:13px;font-weight:600}.hero__welcome-links{flex-wrap:wrap;gap:8px;display:flex}.showcase{animation:showcase-in 1.2s var(--ease) .15s both;grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;display:grid;position:relative}.showcase__stage{--tilt:24deg;width:min(100%, 580px, calc((100dvh - var(--header-h) - 200px) * 1.05));perspective:2400px;perspective-origin:50% 40%;padding:12px 0 18px;position:relative}.showcase__canvas{width:min(100%, 900px, calc((100dvh - var(--header-h) - 104px) * 1.25));aspect-ratio:1/.8;position:relative}.showcase__canvas canvas{animation:fade-in .6s var(--ease) both;outline:none}.showcase__canvas .showcase__stage{width:78%;margin:4% auto 0}.showcase__drag{border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--muted);pointer-events:none;background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;animation:.6s ease-out 1.2s both fade-in;display:inline-flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%)rotate(0)}.showcase__drag svg{width:14px;height:14px;color:var(--accent);transform:rotate(90deg)}.showcase__board{transform:rotateX(calc(var(--tilt) + var(--px,0deg))) rotateZ(var(--py,0deg));transform-style:preserve-3d;transition:transform .9s var(--ease);animation:9s ease-in-out infinite board-float}.showcase__board .chess-board{--tilt:24deg;border-width:8px;margin:0 auto}.showcase__shadow{z-index:-1;filter:blur(18px);background:radial-gradient(closest-side,#0f172a38,#0000);height:22%;position:absolute;bottom:-4%;left:8%;right:8%}.showcase__caption{border:1px solid var(--line);box-shadow:var(--shadow-card);color:var(--text-2);background:#ffffffd9;border-radius:999px;align-items:center;gap:14px;padding:6px 6px 6px 14px;font-size:13px;font-weight:500;display:flex}.showcase__live{letter-spacing:.12em;text-transform:uppercase;color:var(--good);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.showcase__live span{background:var(--good);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b98166}.showcase__move{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:92px;padding:6px 14px;font-weight:700}@keyframes board-float{0%,to{translate:0}50%{translate:0 -8px}}@keyframes showcase-in{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:none}}.home-section{z-index:1;width:min(1480px,100% - 32px);margin:0 auto;padding:48px 0;position:relative}.section-head{text-align:center;margin-bottom:28px}.section-head h2{margin-top:10px;font-size:clamp(30px,3.6vw,40px)}.puzzle-band{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fff 30%,#fdf8ec 100%);border:1px solid #f1f5f9;grid-template-columns:400px minmax(0,1fr) 240px;align-items:center;gap:56px;padding:48px 56px;display:grid}.puzzle-band__board .chess-board{max-width:400px;animation:none}a.puzzle-band__board{transition:transform .2s var(--ease);display:block}a.puzzle-band__board:hover{transform:translateY(-3px)}.puzzle-band__copy h2{margin:12px 0 14px;font-size:clamp(28px,3.2vw,38px)}.puzzle-band__copy p{max-width:520px;color:var(--muted);font-size:17px}.puzzle-band__meta{flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 28px;display:flex}.puzzle-band__solvers{color:var(--muted);align-items:center;gap:6px;margin-left:6px;font-size:13px;font-weight:600;display:inline-flex}.puzzle-band__solvers svg{width:16px;height:16px;color:var(--accent)}.puzzle-band__actions{flex-wrap:wrap;gap:10px;display:flex}.badge--done{color:#047857;background:#d1fae5;border-color:#a7f3d0}.badge--done svg{width:12px;height:12px}.puzzle-band__stats{gap:12px;display:grid}.puzzle-band__note{color:var(--muted);margin:0;font-size:13px}.puzzle-band__note a{color:var(--accent);font-weight:600}.puzzle-band__note a:hover{text-decoration:underline}.coach-band{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fff 30%,#fdf8ec 100%);border:1px solid #f1f5f9;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 28px;display:grid}.coach-band__emblem{background:linear-gradient(145deg, var(--gold), var(--gold-deep));border-radius:17px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 10px 20px -10px #a67c32cc}.coach-band__emblem img{filter:drop-shadow(0 2px 2px #3e2a1259);width:36px;height:36px}.coach-band__copy h2{margin:6px 0 4px;font-size:clamp(22px,2.2vw,26px)}.coach-band__copy p{max-width:760px;color:var(--muted);font-size:15px}@media (width<=1280px){.puzzle-band{grid-template-columns:320px minmax(0,1fr);gap:24px 40px;padding:40px}.puzzle-band__board{grid-row:span 2}.puzzle-band__stats{grid-template-columns:repeat(2,minmax(0,1fr));align-self:start}.puzzle-band__note{grid-column:1/-1}}@media (width<=1020px){.hero__welcome{margin-inline:auto}.hero{text-align:center;grid-template-columns:minmax(0,1fr);gap:48px;min-height:0;padding-top:32px}.hero__copy>p{margin:0 auto}.hero__actions,.hero__points{justify-content:center}.showcase__stage{width:min(100%,520px)}.showcase__canvas{width:min(100%,560px)}}@media (width<=760px){.puzzle-band{grid-template-columns:1fr;gap:28px;padding:20px}.puzzle-band__board{grid-row:auto}.puzzle-band__board .chess-board{max-width:340px;margin-inline:auto}.puzzle-band__copy{text-align:center}.puzzle-band__copy p{margin:0 auto}.puzzle-band__meta,.puzzle-band__actions{justify-content:center}.puzzle-band__note{text-align:center}.coach-band{text-align:center;grid-template-columns:1fr;justify-items:center;gap:16px;padding:20px 16px}.coach-band__copy p{margin:0 auto}}@media (width<=520px){.hero{gap:28px;padding-top:16px}.hero__actions{grid-template-columns:1fr;display:grid}.coach-band .btn,.hero__welcome-links{width:100%}.hero__welcome-links .btn{flex:1}.showcase__stage{--tilt:20deg;width:100%}.showcase__board .chess-board{--tilt:20deg;border-width:6px}.showcase__title{display:none}}.showcase .chess-board,.puzzle-band .chess-board{--board-light:#fbf6ea;--board-dark:#d9b46c;--board-frame:#7a5a2b;--board-edge:#3e2a12;--board-coord-on-light:#a67c32;--board-coord-on-dark:#fffaf0;--board-last-move:#7eb80080;--board-selected:#7eb80080}.signup-prompt{text-align:center;border-radius:var(--radius-xl);background:linear-gradient(160deg, #fff 45%, var(--cream) 100%);width:min(560px,100%);box-shadow:var(--shadow-card);border:1px solid #f1f5f9;justify-items:center;gap:14px;margin:clamp(8px,6vh,64px) auto 0;padding:clamp(28px,5vw,44px) clamp(20px,5vw,40px);display:grid}.signup-prompt__emblem{background:linear-gradient(145deg, var(--gold), var(--gold-deep));border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:4px;display:grid;box-shadow:0 12px 24px -10px #a67c32cc}.signup-prompt__emblem img{filter:drop-shadow(0 2px 2px #3e2a1259);width:46px;height:46px}.signup-prompt h1{font-size:clamp(26px,4vw,34px)}.signup-prompt p{max-width:420px;color:var(--text-2)}.signup-prompt__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.signup-prompt--compact{text-align:left;border-radius:var(--radius);background:linear-gradient(135deg, #fffdf7 0%, var(--cream) 100%);width:auto;box-shadow:none;color:var(--text-2);border:1px solid #f3e3bf;align-items:center;gap:12px;margin:0;padding:12px 12px 12px 16px;font-size:14px;display:flex}.signup-prompt--compact>svg{width:20px;height:20px;color:var(--gold-deep);flex:none}.signup-prompt--compact>span{flex:1;min-width:0}.signup-prompt--compact strong{color:var(--walnut-deep)}.signup-prompt--compact .btn{flex:none}@media (width<=560px){.signup-prompt__actions>.btn{flex:100%}.signup-prompt--compact .hide-xs{display:none}}.play-hub__signup{max-width:760px;margin:-8px auto 28px}.match{min-height:calc(100dvh - var(--header-h) - 40px);text-align:center;place-items:center;display:grid}.match h1{margin:14px 0 10px;font-size:clamp(34px,4.6vw,50px)}.match__setup{justify-items:center;gap:8px;width:min(640px,100%);display:grid}.match__online{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:10px;margin:4px 0 6px;padding:6px 14px 6px 12px;font-size:13px;font-weight:600;display:inline-flex}.match__online strong{font-weight:800}.match__online .pulse-dot{width:8px;height:8px}.tc-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin:24px 0 28px;display:grid}.tc-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;transition:all .2s var(--ease);background:#fff;border:1px solid #f1f5f9;gap:2px;padding:18px 12px;display:grid}.tc-card strong{letter-spacing:-.02em;color:#1e293b;font-size:24px;font-weight:800}.tc-card span{letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:700}.tc-card:hover{border-color:var(--accent-line);transform:translateY(-2px)}.tc-card[aria-pressed=true]{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-accent)}.tc-card[aria-pressed=true] strong{color:#fff}.tc-card[aria-pressed=true] span{color:#bfdbfe}.match__search{animation:page-in .5s var(--ease) both;justify-items:center;gap:10px;display:grid}.match__search h2{margin-top:28px;font-size:clamp(26px,3.6vw,36px)}.match__line{color:var(--accent);animation:page-in .5s var(--ease) both;font-size:16px;font-weight:600}.radar{place-items:center;width:220px;height:220px;display:grid;position:relative}.radar__ring{border:1px solid var(--accent-line);animation:radar-ring 3s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}.radar__ring:nth-child(2){animation-delay:1s}.radar__ring:nth-child(3){animation-delay:2s}.radar__sweep{background:conic-gradient(#2563eb38,#0000 30%);border-radius:50%;animation:2.6s linear infinite spin;position:absolute;inset:12%}.radar__piece{background:var(--accent);border-radius:50%;width:84px;height:84px;padding:14px;animation:2.4s ease-in-out infinite breathe;position:relative;box-shadow:0 10px 15px -3px #bfdbfee6}@keyframes radar-ring{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.match__found{justify-items:center;gap:24px;display:grid}.versus{align-items:center;gap:clamp(20px,5vw,56px);display:flex}.versus__side{justify-items:center;gap:8px;display:grid}.versus__side .avatar{border-radius:28px;width:96px;height:96px;font-size:34px}.versus__side strong{color:#1e293b;font-size:18px}.versus__side .num{color:var(--accent);font-weight:700}.versus__side--left{animation:slide-l .7s var(--ease) both}.versus__side--right{animation:slide-r .7s var(--ease) both}.versus__vs{color:#cbd5e1;text-transform:uppercase;animation:count-pop-in .7s var(--ease) .25s both;font-size:40px;font-weight:800}@keyframes slide-l{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}@keyframes slide-r{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@keyframes count-pop-in{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:none}}.server-note{border-radius:var(--radius);color:#9a3412;text-align:left;background:#fff7ed;border:1px solid #fed7aa;justify-items:start;gap:6px;width:100%;margin-bottom:20px;padding:14px 16px;font-size:14px;display:grid}.server-note span{color:#c2410c}.match__quiet{border-color:var(--line);background:var(--surface-2);color:#1e293b;max-width:420px;margin:10px 0 4px}.match__quiet span{color:var(--text-2)}.invite{min-height:calc(100dvh - var(--header-h) - 40px);place-items:center;display:grid}.invite__card{border-radius:var(--radius-xl);width:min(620px,100%);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#fff 50%,#eff6ff 100%);border:1px solid #f1f5f9;grid-template-columns:minmax(0,1fr);gap:18px;padding:clamp(24px,5vw,44px);display:grid;position:relative;overflow:hidden}.invite__card h1{font-size:clamp(32px,4.6vw,46px)}.invite__card>p{margin-top:-8px}.invite__options{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:20px;padding-top:8px;display:grid}.invite__options .eyebrow{margin:12px 0 10px;display:block}.invite__rules{margin-top:8px;font-size:13px}.invite__card--form{gap:14px;width:min(720px,100%);padding:clamp(20px,4vw,36px)}.invite__card--form h1{font-size:clamp(28px,3.4vw,36px)}.invite__card--form>p{margin-top:-6px}.invite__card--form .invite__options{gap:16px;padding-top:16px}.invite__card--form .invite__options .eyebrow,.invite__card--form .name-field .eyebrow{margin:0 0 8px}.invite__card--form .name-field{gap:0}.invite__card--form .name-field input,.invite__card--form .invite__join-row input{min-height:44px}.invite__card--form .name-field__error{margin-top:6px}.invite__pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 24px;display:grid}.invite__card--form .color-pick button{grid-auto-flow:column;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:6px 12px}.invite__card--form .color-pick button img{width:24px;height:24px}.invite__card--form .color-pick__random img{height:20px;width:20px!important}.invite__summary{margin-top:-4px}.invite__actions{flex-wrap:wrap;gap:10px;display:flex}.invite__actions>:first-child{flex:240px}@media (width<=600px){.invite__pair{grid-template-columns:minmax(0,1fr)}.invite__actions>*{flex:100%}.invite__card--form .color-pick button{grid-auto-flow:row;justify-items:center;gap:4px;padding:8px}}.name-field{gap:8px;width:100%;display:grid}.name-field .eyebrow{margin:12px 0 2px}.invite__card--join .name-field .eyebrow{margin-top:4px}.name-field input{border-radius:var(--radius);border:1px solid var(--line);color:#1e293b;width:100%;min-height:48px;font:600 16px var(--font-ui);background:#fff;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s}.name-field input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61a}.name-field input[aria-invalid=true]{border-color:#fca5a5}.name-field__error{color:#dc2626;font-size:13px}.invite__join-row{gap:10px;display:flex}.invite__join-row input{border-radius:var(--radius);border:1px solid var(--line);color:#1e293b;width:0;min-width:0;min-height:48px;font:800 20px var(--font-ui);letter-spacing:.3em;background:#fff;outline:none;flex:1 1 0;padding:0 16px}.invite__join-row input::placeholder{letter-spacing:normal;color:#94a3b8;font-size:15px;font-weight:600}.invite__join-row input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61a}.invite__join-row input[aria-invalid=true]{border-color:#fca5a5}.invite__join-error{color:#dc2626}.invite__divider{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.invite__divider:before,.invite__divider:after{content:"";background:var(--line);flex:1;height:1px}.invite__code{border-radius:var(--radius);border:1px dashed var(--accent-line);background:var(--accent-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:16px 18px;display:flex}.invite__code .eyebrow{display:block}.invite__digits{letter-spacing:.12em;color:#1e293b;margin-top:4px;font-size:36px;font-weight:800;display:block}.invite__copy{border:1px solid var(--accent-line);background:var(--surface);width:52px;height:52px;color:var(--accent);cursor:pointer;border-radius:14px;place-items:center;transition:background-color .2s,color .2s,transform .15s;display:grid}.invite__copy:hover{background:var(--accent);color:#fff}.invite__copy:active{transform:scale(.94)}.invite__copy--done,.invite__copy--done:hover{color:var(--good);background:#ecfdf5;border-color:#a7f3d0}.invite__copy svg{width:22px;height:22px}.invite__code-help{overflow-wrap:anywhere;margin-top:-8px}@media (width<=480px){.invite__code{flex-wrap:nowrap}.invite__code>div{min-width:0}.invite__digits{letter-spacing:.08em;font-size:30px}}@media (width<=380px){.invite__code{gap:10px;padding:14px}.invite__digits{font-size:26px}.invite__copy{flex:none;width:44px;height:44px}.invite__join-row{flex-direction:column}.invite__join-row input{flex:none;width:100%}}.move-time{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stepper{border-radius:var(--radius);border:1px solid var(--line);background:#fff;align-items:stretch;display:inline-flex;overflow:hidden}.stepper--on{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb14}.stepper button{min-width:40px;min-height:38px;color:var(--text-2);cursor:pointer;background:0 0;border:0;font-size:18px;font-weight:700}.stepper button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.stepper button:disabled{opacity:.35;cursor:default}.stepper .stepper__value{border-left:1px solid var(--line);border-right:1px solid var(--line);color:#1e293b;min-width:110px;padding:0 12px;font-size:14px}.stepper--on .stepper__value{color:var(--accent)}.invite__waiting{color:var(--text-2);align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.pulse-dot{background:var(--good);border-radius:50%;width:10px;height:10px;position:relative}.pulse-dot:after{content:"";border:1px solid var(--good);border-radius:50%;animation:2s ease-out infinite radar-ring;position:absolute;inset:-6px}.invite__local{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}.invite__local p{font-size:14px}.invite__buttons{gap:8px;display:flex}.invite__card--join{justify-items:start}.invite__knight{opacity:.06;width:240px;position:absolute;bottom:-40px;right:-30px}.join-meta{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:8px 0;display:grid}.join-meta div{border-radius:var(--radius);border:1px solid var(--line);background:#fff;padding:14px 16px}.join-meta dt{color:#94a3b8;font-size:12px;font-weight:600}.join-meta dd{color:#1e293b;margin:4px 0 0;font-weight:700}@media (width<=560px){.tc-grid{grid-template-columns:repeat(2,1fr)}.join-meta{grid-template-columns:1fr}}.player-card{border-radius:var(--radius-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-card);border:1px solid #f1f5f9;align-items:center;gap:14px;padding:10px 10px 10px 12px;transition:border-color .3s,background-color .3s,box-shadow .3s;display:flex}.player-card--active{border-color:var(--accent-line);box-shadow:0 0 0 3px #2563eb14, var(--shadow)}.player-card__main{flex:1;min-width:0}.player-card__name{align-items:baseline;gap:8px;min-width:0;display:flex}.player-card__name strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.player-card__rating{color:var(--muted);flex:none;font-size:13px;font-weight:600}.player-card__meta{align-items:center;gap:10px;min-height:20px;margin-top:3px;display:flex}.player-card__captured{margin-top:4px}.player-card__captured .captured{flex-wrap:wrap;row-gap:2px}.player-card__color{border:1px solid var(--line-strong);border-radius:3px;width:12px;height:12px}.player-card__color--w{background:#fff}.player-card__color--b{background:#1e293b;border-color:#1e293b}.conn{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.conn__dot{background:#94a3b8;border-radius:50%;width:7px;height:7px}.conn--good .conn__dot{background:var(--good);box-shadow:0 0 8px #10b98159}.conn--gold .conn__dot{background:var(--warn)}.conn--danger{color:#dc2626}.conn--danger .conn__dot{background:var(--danger)}.clock{background:var(--surface-3);border:1px solid var(--line);min-width:104px;color:var(--muted);text-align:right;transition:all .3s var(--ease);border-radius:12px;flex:none;padding:10px 14px;font-size:24px;font-weight:700;line-height:1}.clock--active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.clock--low{color:var(--danger)}.clock--active.clock--low{background:var(--danger-soft);color:#dc2626;box-shadow:none;border-color:#fecaca}.moves{flex-direction:column;flex:1;min-height:0;display:flex}.moves__list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;min-height:120px;padding:4px 12px;overflow-y:auto}.moves__empty{color:#94a3b8;text-align:center;padding:24px 8px;font-size:14px}.moves__row{grid-template-columns:40px 1fr 1fr;align-items:center;gap:4px;padding:2px 0;display:grid}.moves__row:nth-child(odd){background:var(--surface-2);border-radius:8px}.moves__num{color:#94a3b8;padding-left:8px;font-size:13px;font-weight:600}.moves__cell{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:14px;font-weight:600;transition:background-color .14s,color .14s;display:flex}.moves__cell:hover{background:var(--accent-soft);color:var(--accent)}.moves__cell--current{font-weight:700;background:var(--accent)!important;color:#fff!important}.moves__mark{font-size:12px;font-weight:800}.moves__cell--best .moves__mark,.moves__cell--excellent .moves__mark{color:var(--good)}.moves__cell--inaccuracy .moves__mark{color:var(--warn)}.moves__cell--mistake .moves__mark{color:var(--serious)}.moves__cell--blunder .moves__mark{color:var(--danger)}.moves__cell--current .moves__mark{color:inherit}.moves__nav{border-top:1px solid var(--line);justify-content:center;gap:4px;padding:8px;display:flex}.moves__nav .icon-btn:disabled{opacity:.3;cursor:default}.coach{gap:14px;padding:18px;display:grid}.coach__head{justify-content:space-between;align-items:center;margin:-6px -6px 0 0;display:flex}.coach__title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.coach__title img{background:var(--accent-soft);border-radius:8px;width:26px;height:26px;padding:3px}.coach__levels{width:100%}.coach__loading{place-items:center;padding:18px 0;display:grid}.coach__body{animation:page-in .38s var(--ease) both;gap:12px;display:grid}.coach__assessment{letter-spacing:-.01em;color:#1e293b;font-size:18px;font-weight:800;line-height:1.3}.coach__focus{color:var(--text-2)}.coach__focus strong{color:var(--text)}.coach__move{border-radius:var(--radius);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #dbeafe;align-items:center;gap:12px;padding:12px 16px;display:flex}.coach__move img{width:40px;height:40px}.coach__move span{letter-spacing:-.02em;color:var(--accent-strong);font-size:28px;font-weight:800}.coach__move small{color:var(--muted);margin-left:auto;font-size:13px;font-weight:600}.coach__why{color:var(--text-2);border-left:3px solid var(--accent);padding-left:12px;font-size:14px}.countdown{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f8fafc8c;border-radius:16px;place-items:center;animation:.3s ease-out both fade-in;display:grid;position:absolute;inset:0}.countdown__word{letter-spacing:-.04em;color:var(--accent);text-shadow:0 10px 30px #2563eb40;animation:count-pop .7s var(--ease) both;font-size:clamp(90px,18vw,180px);font-weight:800;line-height:1}.countdown__word--text{letter-spacing:.02em;text-transform:uppercase;color:#1e293b;text-shadow:0 6px 24px #ffffffe6;font-size:clamp(34px,6vw,60px)}@keyframes count-pop{0%{opacity:0;filter:blur(6px);transform:scale(1.35)}35%{opacity:1;filter:blur();transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.92)}}.result{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto}.result__close{z-index:2;position:absolute;top:14px;right:14px}.result__hero{text-align:center;background:linear-gradient(#eff6ff 0%,#fff 100%);padding:44px 28px 26px;position:relative}.result--loss .result__hero,.result--draw .result__hero{background:linear-gradient(#f8fafc 0%,#fff 100%)}.result__emblem{background:var(--accent);color:#fff;width:64px;height:64px;animation:emblem-in .7s var(--ease) .15s both;border-radius:20px;place-items:center;display:inline-grid;box-shadow:0 10px 15px -3px #bfdbfee6}.result--loss .result__emblem,.result--draw .result__emblem{color:var(--muted);box-shadow:var(--shadow-card);border:1px solid var(--line);background:#fff}.result__emblem svg{width:30px;height:30px}.result__title{letter-spacing:.01em;text-transform:uppercase;animation:result-title .9s var(--ease) .25s both;margin-top:18px;font-size:clamp(36px,7vw,52px);font-weight:800}.result__headline{color:#334155;margin-top:8px;font-size:17px;font-weight:600}.result__detail{margin-top:2px;font-size:14px}.result__rating{border:1px solid var(--line);background:var(--surface);color:var(--text-2);animation:fade-in .4s var(--ease) both;border-radius:999px;align-items:baseline;gap:8px;margin-top:14px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.result__rating strong{color:#1e293b;font-size:16px}.result__rating .up{color:var(--good)}.result__rating .down{color:var(--danger)}@keyframes emblem-in{0%{opacity:0;transform:scale(.4)rotate(-20deg)}to{opacity:1;transform:none}}@keyframes result-title{0%{opacity:0;letter-spacing:.3em;filter:blur(8px)}to{opacity:1;letter-spacing:.01em;filter:none}}.result__players{grid-template-columns:1fr 1fr;gap:12px;padding:0 28px;display:grid;position:relative}.result__player{border-radius:var(--radius-lg);border:1px solid var(--line);text-align:center;background:#fff;justify-items:center;gap:4px;padding:18px 12px 14px;display:grid;position:relative}.result__player strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.result__player span{font-size:12px}.result__player--winner{border-color:var(--accent-line);background:var(--accent-soft)}.result__crown{width:18px;height:18px;color:var(--warn);position:absolute;top:10px;right:12px}.result__score{color:#fff;background:#1e293b;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result__stats{border-radius:var(--radius);background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1px;margin:20px 28px 0;display:grid;overflow:hidden}.result__stats>div{background:var(--surface-2);gap:4px;padding:14px 16px;display:grid}.result__stats span{font-size:12px;font-weight:600}.result__stats strong{color:#1e293b;align-items:center;min-height:26px;font-size:20px;font-weight:800;display:flex}.result__stats .up{color:var(--good)}.result__stats .down{color:var(--danger)}.result__actions{grid-template-columns:1fr 1fr;gap:10px;padding:22px 28px 28px;display:grid}.result__signup{margin-top:-8px;padding:0 28px 28px}.confirm{gap:20px;display:grid}.confirm__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=480px){.clock{min-width:86px;padding:9px 11px;font-size:20px}.result__hero{padding:36px 20px 20px}.result__actions{gap:8px;padding:18px 20px 20px}.result__signup{padding:0 20px 20px}.result__actions .btn{padding-left:10px;padding-right:10px}.result__stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 20px 0}.result__stats>div{padding:12px}.result__players{padding:0 20px}}@media (height<=740px){.result__hero{padding-top:30px;padding-bottom:16px}.result__emblem{border-radius:16px;width:48px;height:48px}.result__emblem svg{width:24px;height:24px}.result__title{margin-top:10px;font-size:clamp(30px,7vw,40px)}.result__headline{margin-top:4px;font-size:16px}.result__player{padding:12px 10px 10px}.result__stats{margin-top:14px}.result__stats>div{padding:10px 12px}.result__stats strong{min-height:22px;font-size:18px}.result__actions{padding-top:14px;padding-bottom:16px}}@media (width<=340px){.result__actions{grid-template-columns:1fr}.result__stats>div{padding:10px 8px}}.player-card{position:relative}.speech{z-index:30;color:#fff;white-space:nowrap;box-shadow:var(--shadow);pointer-events:none;animation:speech 4s var(--ease) both;background:#1e293b;border-radius:14px;padding:8px 12px;font-size:14px;font-weight:700;position:absolute;left:12px}.speech:after{content:"";border:7px solid #0000;position:absolute;left:16px}.speech--below{top:calc(100% + 8px)}.speech--below:after{border-bottom-color:#1e293b;bottom:100%}.speech--above{bottom:calc(100% + 8px)}.speech--above:after{border-top-color:#1e293b;top:100%}@keyframes speech{0%{opacity:0;transform:scale(.85)}6%{opacity:1;transform:none}88%{opacity:1}to{opacity:0}}.quick-chat{gap:12px;display:grid}.quick-chat__log{overscroll-behavior:contain;flex-direction:column;gap:8px;max-height:132px;display:flex;overflow-y:auto}.quick-chat__empty{font-size:13px}.quick-chat__msg{justify-items:start;gap:2px;max-width:85%;display:grid}.quick-chat__msg small{color:var(--muted);font-size:11px;font-weight:600}.quick-chat__msg span{background:var(--surface-3);color:#1e293b;border-radius:12px 12px 12px 4px;padding:6px 11px;font-size:14px;font-weight:600}.quick-chat__msg--mine{align-self:flex-end;justify-items:end}.quick-chat__msg--mine span{background:var(--accent);color:var(--on-accent);border-radius:12px 12px 4px}.quick-chat__options{flex-wrap:wrap;gap:6px;display:flex}.quick-chat__options .chip{white-space:nowrap;min-height:34px;padding:0 10px}.quick-chat__options .chip:disabled{opacity:.5;cursor:default}.game-screen{--side:300px;z-index:1;grid-template-columns:var(--side) minmax(0, 1fr) var(--side);width:min(1560px,100% - 32px);animation:page-in .52s var(--ease) both;grid-template-areas:"left center right";gap:28px;margin:0 auto;padding:20px 0 28px;display:grid;position:relative}.game-side{min-height:0;max-height:calc(100dvh - var(--header-h) - 48px);flex-direction:column;gap:16px;display:flex}.game-side--left{scrollbar-width:none;grid-area:left;margin:-2px;padding:2px;overflow-y:auto}.game-side--right{grid-area:right}.game-center{--board-size:min(100%, calc(100dvh - var(--header-h) - 190px));flex-direction:column;grid-area:center;align-items:center;gap:12px;min-width:0;display:flex}.game-center>.player-card{max-width:var(--board-size)}.board-wrap{width:var(--board-size);max-width:100%;position:relative}.board-wrap .chess-board{max-width:none}.turn-banner{width:100%;max-width:var(--board-size);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-card);background:#fff;align-items:center;gap:12px;padding:10px 14px;transition:background-color .25s,border-color .25s;display:flex}.turn-banner--mine{background:var(--accent-soft);border-color:var(--accent-line)}.turn-banner--wait{background:var(--surface-2)}.turn-banner__dot{border:2px solid #94a3b8;border-radius:50%;flex:none;width:18px;height:18px}.turn-banner__dot--w{background:#fff}.turn-banner__dot--b{background:#1e293b;border-color:#1e293b}.turn-banner__text{min-width:0;display:grid}.turn-banner__text strong{color:#1e293b;font-size:16px;font-weight:800}.turn-banner--mine .turn-banner__text strong{color:var(--accent-strong)}.turn-banner__text small{color:var(--muted);font-size:12px}.turn-banner__timer{background:var(--surface-3);border-radius:10px;align-items:baseline;gap:6px;margin-left:auto;padding:6px 10px 9px;display:flex;position:relative;overflow:hidden}.turn-banner__timer span{color:#1e293b;font-size:22px;font-weight:800}.turn-banner__timer small{color:var(--muted);font-size:11px;font-weight:600}.turn-banner__timer i{background:var(--accent);height:3px;transition:width .12s linear;position:absolute;bottom:0;left:0}.turn-banner--urgent .turn-banner__timer{background:var(--danger-soft)}.turn-banner--urgent .turn-banner__timer span{color:#dc2626}.turn-banner--urgent .turn-banner__timer i{background:var(--danger)}@media (width>=1181px){.game-screen{--side:280px;gap:20px;width:min(1800px,100% - 32px);padding:16px 0 20px}.game-side{max-height:calc(100dvh - var(--header-h) - 36px)}.game-center{--board-size:min(calc(100cqw - 246px), calc(100dvh - var(--header-h) - 36px));grid-template-rows:auto 1fr auto;grid-template-columns:auto minmax(180px,230px);justify-content:center;align-items:start;column-gap:16px;display:grid;container-type:inline-size}.game-center>.board-wrap{grid-area:1/1/span 3}.game-center>.player-card{flex-wrap:wrap;grid-column:2;max-width:none}.game-center>.player-card:first-child{grid-row:1}.game-center>.player-card~.player-card{grid-row:3;align-self:end}.game-center>.turn-banner{flex-wrap:wrap;grid-area:2/2;align-self:center}.game-center>.turn-banner .turn-banner__timer{flex-basis:100%;margin-left:0}.game-center>.player-card .clock{text-align:center;flex-basis:100%;order:3;padding:12px 14px;font-size:32px}}@media (width>=1181px) and (width<=1440px){.game-screen{--side:220px;gap:16px}.game-center{--board-size:min(calc(100cqw - 202px), calc(100dvh - var(--header-h) - 36px));grid-template-columns:auto minmax(170px,190px);column-gap:12px}.game-center>.player-card .clock{font-size:28px}.moves-panel__actions{flex-wrap:wrap;gap:6px;padding:12px}.moves-panel__actions .btn{flex:100%}.moves-panel__actions .icon-btn{display:none}}.board-overlay{z-index:30;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f8fafcb8;border-radius:16px;place-content:center;justify-items:center;gap:10px;padding:24px;animation:.3s ease-out both fade-in;display:grid;position:absolute;inset:0}.board-overlay strong{color:#1e293b;font-size:18px;font-weight:800}.board-overlay small{color:var(--muted);font-size:13px}.board-overlay .pulse-dot{background:var(--good);border-radius:50%;width:10px;height:10px;position:relative}.history-pill{z-index:25;border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text-2);white-space:nowrap;cursor:pointer;background:#fffffff2;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;animation:.2s ease-out both fade-in;position:absolute;top:14px;left:50%;transform:translate(-50%)}.history-pill strong{color:var(--accent)}.game-info{gap:14px;padding:18px 20px;display:grid}.game-info__row{justify-content:space-between;align-items:center;display:flex}.game-info__list{gap:12px;margin:0;display:grid}.game-info__list div{gap:2px;display:grid}.game-info__list dt{color:#94a3b8;font-size:12px;font-weight:600}.game-info__list dd{color:#334155;margin:0;font-size:14px;font-weight:700}.game-info__watch{flex-wrap:wrap;gap:8px;display:flex}.game-info__watch svg{width:16px;height:16px}.game-info__watch-note{color:var(--muted);flex-basis:100%;font-size:12px}.game-features{gap:10px;padding:18px 12px 12px;display:grid}.game-features>.eyebrow{padding:0 8px}.feature-list{gap:2px;display:grid}.feature{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:10px;transition:background-color .16s,border-color .16s;display:flex}.feature:hover:not(:disabled){background:var(--accent-soft)}.feature:disabled{opacity:.4;cursor:default}.feature[aria-pressed=true]{background:var(--accent-soft);border-color:#dbeafe}.feature>svg{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border:1px solid #dbeafe;border-radius:11px;flex:none;padding:9px}.feature span{display:grid}.feature strong{color:#1e293b;font-size:14px;font-weight:700}.feature small{color:var(--muted);font-size:12px}.coach-slot{opacity:0;transition:grid-template-rows .42s var(--ease), opacity .3s;grid-template-rows:0fr;display:grid}.coach-slot--open{opacity:1;grid-template-rows:1fr}.coach-slot__inner{border-color:#dbeafe;min-height:0;overflow:hidden}.coach-slot:not(.coach-slot--open) .coach-slot__inner{box-shadow:none;border-width:0}.moves-panel{flex-direction:column;flex:1;min-height:0;display:flex}.moves-panel__actions{align-items:center;gap:8px;padding:12px 16px 16px;display:flex}.moves-panel__actions .btn{flex:1}.mobile-controls{display:none}@media (width<=1180px){.game-screen{width:100%;padding:8px 12px calc(16px + env(safe-area-inset-bottom));display:block}.game-side{display:none}.game-center{--board-size:min(100%, 720px, max(280px, calc(100dvh - var(--header-h) - 280px)));gap:8px}.game-center>.mobile-controls{max-width:var(--board-size)}.board-wrap .chess-board{border-width:4px;border-radius:12px}.player-card{border-radius:14px;gap:10px;padding:8px}.player-card .avatar{border-radius:10px;width:36px;height:36px;font-size:14px}.mobile-controls{gap:8px;width:100%;margin-top:6px;display:grid}.mobile-coach{animation:page-in .38s var(--ease) both;border-color:#dbeafe}.mobile-coach .coach{gap:10px;padding:14px 16px}.mobile-coach .coach__assessment{font-size:16px}.mobile-coach .coach__move{padding:8px 12px}.mobile-coach .coach__move span{font-size:22px}.mobile-controls__row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mc-btn{border:1px solid var(--line);min-height:50px;box-shadow:var(--shadow-sm);color:#1e293b;cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;transition:transform .12s,background-color .16s;display:flex}.mc-btn:active{background:var(--accent-soft);transform:scale(.97)}.mc-btn:disabled{opacity:.4}.mc-btn svg{width:18px;height:18px;color:var(--accent)}.mc-btn--danger svg{color:var(--danger)}.mc-btn--quiet{background:var(--surface-3);min-height:44px;box-shadow:none;color:var(--text-2);font-weight:600}.mc-btn--quiet svg{color:var(--muted)}}.chat-panel{flex:none}.chat-panel .panel-title{padding-bottom:8px}.chat-panel .quick-chat{gap:10px;padding:0 16px 16px}.chat-panel .quick-chat__log{max-height:104px}.chat-panel .quick-chat__options{gap:5px}.chat-panel .quick-chat__options .chip{min-height:30px;padding:0 9px;font-size:12px}.game-side--chat{scrollbar-width:thin;margin:-2px;padding:2px;overflow-y:auto}.game-side--chat .moves-panel{min-height:300px}@media (width>=1181px) and (width<=1440px){.game-side--chat .moves-panel{min-height:340px}}.mc-btn{position:relative}.mc-btn__badge{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:5px;right:6px}.mobile-controls__row.mobile-controls__row--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=460px){.mobile-controls__row--4 .mc-btn{flex-direction:column;gap:2px;min-height:52px;font-size:12px}}.profile__hero{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fff 40%,#eff6ff 100%);border:1px solid #f1f5f9;align-items:center;gap:24px;margin-bottom:20px;padding:32px;display:flex}.profile__avatar{border-radius:24px;width:88px;height:88px;font-size:34px;box-shadow:0 10px 15px -3px #bfdbfee6}.profile__id{flex:1;min-width:0}.profile__title{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px;display:flex}.profile__title h1{overflow-wrap:anywhere;margin:0;font-size:clamp(30px,3.6vw,42px)}.profile__action{border:1px solid var(--line);background:var(--surface);color:var(--text-2);font:600 13px var(--font-ui);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.profile__action:hover,.profile__action:focus-visible{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.profile__action svg{width:14px;height:14px}.profile__contact{overflow-wrap:anywhere;margin-top:8px;font-size:14px}.profile__stat{justify-items:end;display:grid}.profile__peak{margin-top:4px;font-size:13px}.profile__error,.profile__rating{margin-bottom:20px}.profile__rating-chart{padding:0 16px 16px}.profile__rating-empty{padding:0 20px 20px;font-size:14px}.recent__change{font-size:13px;font-weight:700}.recent__change.up{color:var(--good)}.recent__change.down{color:var(--danger)}.profile__stat .muted{font-size:13px;font-weight:600}.profile__stat strong{letter-spacing:-.03em;color:var(--accent);font-size:54px;font-weight:800;line-height:1}.profile__tiles{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.tile{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;border:1px solid #f1f5f9;gap:6px;padding:18px 20px;display:grid}.tile:nth-child(4n+1){background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.tile:nth-child(4n+2){background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.tile:nth-child(4n+3){background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%)}.tile:nth-child(4n+4){background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%)}.tile span{color:var(--muted);font-size:12px;font-weight:600}.tile strong{letter-spacing:-.02em;color:#1e293b;align-items:center;gap:6px;font-size:28px;font-weight:800;display:flex}.tile strong svg{width:20px;height:20px;color:var(--muted)}.profile__grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.record-bar{background:var(--surface-3);border-radius:999px;gap:2px;height:12px;margin:4px 20px 14px;display:flex;overflow:hidden}.record-bar__w{background:var(--good)}.record-bar__d{background:#94a3b8}.record-bar__l{background:var(--danger)}.record-legend{color:var(--text-2);flex-wrap:wrap;gap:8px 18px;margin:0 0 18px;padding:0 20px;font-size:13px;font-weight:500;list-style:none;display:flex}.record-legend li{align-items:center;gap:6px;display:flex}.record-legend span{border-radius:3px;width:10px;height:10px}.record-legend strong{color:#1e293b}.recent{margin:0;padding:0 8px 12px;list-style:none;display:grid}.recent a{border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:background-color .16s;display:flex}.recent a:hover{background:var(--accent-soft)}.recent__who{white-space:nowrap;text-overflow:ellipsis;color:#334155;flex:1;min-width:0;font-weight:600;overflow:hidden}.result-pill{border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-grid}.result-pill--win{color:#047857;background:#d1fae5}.result-pill--draw{background:var(--surface-3);color:var(--text-2)}.result-pill--loss{color:#b91c1c;background:#fee2e2}@media (width<=900px){.profile__grid{grid-template-columns:1fr}.profile__tiles{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.profile__hero{flex-wrap:wrap;gap:16px;padding:22px}.profile__avatar{border-radius:20px;width:68px;height:68px;font-size:26px}.profile__stat{justify-items:start;width:100%}.profile__stat strong{font-size:42px}.tile strong{font-size:22px}}.premium__section{margin-bottom:20px}.premium__loading{place-items:center;min-height:40vh;display:grid}.premium__retry{margin-top:18px}.premium__count{white-space:nowrap;font-size:13px}.premium__headline{color:var(--text-2);margin:-4px 20px 8px;font-size:14px}.premium__empty{padding:0 20px 20px;font-size:14px}.premium__meta{white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:45%;font-size:13px;overflow:hidden}.premium__date{text-align:right;flex:none;min-width:72px;font-size:13px}.premium .result-pill svg{width:14px;height:14px}.premium__explain{border-radius:var(--radius);background:linear-gradient(135deg, #fffdf7 0%, var(--cream) 100%);border:1px solid #f3e3bf;gap:6px;padding:14px 16px;display:grid}.premium__explain .eyebrow{color:var(--gold-deep)}.premium__explain p{color:var(--text-2);font-size:14px}.premium__error{margin-bottom:0}.premium__back{color:var(--text-2);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.premium__back:hover{color:var(--accent)}.premium__back svg{width:16px;height:16px}@media (width<=600px){.premium__meta{display:none}.premium__date{min-width:0}}.premium__congrats-banner{border-radius:var(--radius,12px);background:linear-gradient(135deg,#10b9811f 0%,#0596690f 100%);border:1px solid #10b98159;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.premium__congrats-icon{font-size:28px;line-height:1}.premium__congrats-text h4{color:#10b981;margin:0 0 4px;font-size:15px;font-weight:700}.premium__congrats-text p{color:var(--text-2);margin:0;font-size:13.5px}.premium__progress-bar-wrap{background:#ffffff14;border-radius:999px;height:6px;margin:0 20px 14px;overflow:hidden}.premium__progress-bar-fill{background:linear-gradient(90deg,#10b981 0%,#34d399 100%);border-radius:999px;height:100%;transition:width .4s}.premium__clean-tag{color:#10b981;background:#10b98126;border-radius:4px;align-items:center;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex}.premium__history-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.premium__completed-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:14px 20px 20px;display:grid}.premium__completed-card{border-radius:var(--radius,10px);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;gap:10px;padding:14px;display:flex}.premium__completed-header{justify-content:space-between;align-items:center;display:flex}.premium__completed-card h4{color:var(--text-1);margin:0;font-size:14.5px;font-weight:600}.premium__completed-links{flex-wrap:wrap;gap:8px;display:flex}.premium__completed-link{color:#38bdf8;background:#38bdf81a;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s}.premium__completed-link:hover{background:#38bdf833}.puzzles{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:32px;padding-top:24px;display:grid}.puzzles__board{justify-content:center;display:flex}.puzzles__board .chess-board{max-width:min(100%, calc(100dvh - var(--header-h) - 64px))}.puzzles__panel{gap:22px;padding:28px;display:grid}.puzzles__head h1{margin:10px 0 8px;font-size:clamp(28px,3vw,36px)}.puzzles__turn{color:var(--text-2);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.puzzles__stats{border-radius:var(--radius);border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.puzzles__stats div{background:var(--surface-2);gap:4px;padding:12px 14px;display:grid}.puzzles__stats span{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:700}.puzzles__stats strong{color:#1e293b;align-items:center;gap:4px;font-size:18px;font-weight:800;display:flex}.puzzles__stats svg{width:16px;height:16px;color:var(--serious)}.puzzles__status{border-radius:var(--radius);animation:page-in .38s var(--ease) both;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #dbeafe;gap:14px;padding:16px;display:flex}.puzzles__status strong{color:#1e293b;font-size:17px;font-weight:800}.puzzles__status p{color:var(--text-2);font-size:14px}.puzzles__status-icon{background:var(--accent);color:#fff;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.puzzles__status-icon svg{width:20px;height:20px}.puzzles__status--correct,.puzzles__status--solved{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#a7f3d0}.puzzles__status--correct .puzzles__status-icon,.puzzles__status--solved .puzzles__status-icon{background:var(--good)}.puzzles__status--wrong{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#fecaca}.puzzles__status--wrong .puzzles__status-icon{background:var(--danger)}.puzzles__status--revealed{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border-color:#ddd6fe}.puzzles__status--revealed .puzzles__status-icon{background:#7c3aed}.puzzles__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.puzzles__actions .btn-primary{grid-column:1/-1}.puzzles__footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.puzzles__footer>div:first-child{font-size:12px;font-weight:600;display:grid}.puzzles__footer strong{color:var(--accent);font-size:22px;font-weight:800}.puzzles__picker{gap:6px;display:flex}.puzzles__picker button{cursor:pointer;background:#cbd5e1;border:0;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.puzzles__picker button:hover{background:#93c5fd}.puzzles__picker button[aria-pressed=true]{background:var(--accent);border-radius:999px;width:26px}@media (width<=1080px){.puzzles{grid-template-columns:1fr}.puzzles__board .chess-board{max-width:min(100%,640px)}.puzzles__panel{width:100%;max-width:640px;margin:0 auto}}@media (width<=560px){.puzzles{gap:16px;padding-top:8px}.puzzles__panel{padding:20px}.puzzles__stats{grid-template-columns:repeat(3,1fr)}.puzzles__actions{grid-template-columns:1fr}}.daily-puzzles__more{text-align:center;justify-items:center;gap:8px;padding:0 20px 20px;font-size:14px;display:grid}.chart{width:100%;min-width:0;position:relative}.chart svg{touch-action:pan-y;display:block;position:absolute;inset:0;overflow:visible}.chart__grid{stroke:#f1f5f9;stroke-width:1px}.chart__tick{fill:#94a3b8;font-size:11px;font-weight:600;font-family:var(--font-ui)}.chart__line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart--diverging{border-radius:var(--radius);border:1px solid var(--line);overflow:hidden}.chart--diverging .chart__line{stroke:#64748b;stroke-width:1.5px}.chart__field{fill:#f8fafc}.chart__area-up{fill:#fff}.chart__area-down{fill:#334155}.chart__mid{stroke:#94a3b8;stroke-width:1px;stroke-dasharray:3 3}.chart__current{stroke:var(--accent);stroke-width:2px}.chart__cross{stroke:#94a3b8;stroke-width:1px;stroke-dasharray:2 3}.chart__dot{fill:var(--accent);stroke:#fff;stroke-width:2px}.chart__mark{stroke:#fff;stroke-width:2px}.chart__mark--inaccuracy{fill:var(--warn)}.chart__mark--mistake{fill:var(--serious)}.chart__mark--blunder{fill:var(--danger)}.chart__tooltip{z-index:5;border:1px solid var(--line);min-width:90px;color:var(--muted);pointer-events:none;white-space:nowrap;background:#fff;border-radius:10px;gap:2px;padding:8px 12px;font-size:12px;font-weight:500;display:grid;position:absolute;box-shadow:0 15px 50px -12px #0000002e}.chart__tooltip strong{color:#1e293b;font-size:15px;font-weight:800}.analysis{--timeline-h:64px;--pad:16px;z-index:1;width:min(1600px,100% - 32px);height:calc(100dvh - var(--header-h));padding:var(--pad) 0;animation:page-in .52s var(--ease) both;margin:0 auto;position:relative}.analysis__head{padding:4px 2px 2px}.analysis__head h1{margin:8px 0 4px;font-size:clamp(22px,2vw,28px)}.analysis__head h1 .muted{color:#94a3b8;font-weight:500}.analysis__head p{font-size:13px}.analysis__grid{grid-template-columns:minmax(0,1fr) 420px;gap:28px;height:100%;display:grid}.analysis__board{justify-content:center;align-items:flex-start;gap:14px;min-width:0;display:flex}.analysis__board-main{width:min(100% - 40px, calc(100dvh - var(--header-h) - 2 * var(--pad) - var(--timeline-h) - 14px));gap:14px;display:grid}.analysis__board-main .chess-board{max-width:none}.eval-bar{width:26px;margin-bottom:calc(var(--timeline-h) + 14px);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);border-radius:8px;flex:none;align-self:stretch;position:relative;overflow:hidden}.eval-bar__white{transition:height .5s var(--ease);position:absolute;bottom:0;left:0;right:0}.eval-bar__label{text-align:center;writing-mode:vertical-rl;font-size:10px;font-weight:800;position:absolute;left:0;right:0;transform:rotate(180deg)}.eval-bar__label--w{color:#334155}.eval-bar__label--b{color:#fff}.timeline{height:var(--timeline-h);box-shadow:var(--shadow-card);background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:4px;padding:8px 12px;display:flex}.timeline__play{background:var(--accent);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-accent);cursor:pointer;transition:transform .16s var(--ease), background-color .16s;border:0;border-radius:12px;place-items:center;display:grid}.timeline__play:hover{background:var(--accent-strong);transform:scale(1.05)}.timeline__play svg{width:18px;height:18px}.timeline__range{min-width:60px;accent-color:var(--accent);flex:1;margin-left:10px}.analysis__side{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;align-content:start;gap:14px;min-width:0;min-height:0;padding:2px 6px 16px 2px;display:grid;overflow-y:auto}.analysis__side>*,.analysis__summary>*{min-width:0}.analysis__loading{gap:12px;padding:24px;display:grid}.progress{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.analysis__summary{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.acc{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:14px 16px;display:grid}.acc--me{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#dbeafe}.acc__name{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.acc strong{letter-spacing:-.02em;color:#1e293b;grid-column:1/-1;font-size:30px;font-weight:800;line-height:1.1}.acc--me strong{color:var(--accent-strong)}.acc>.muted{grid-column:1/-1;font-size:12px}.acc-table{border-collapse:collapse;grid-column:1/-1;width:100%;font-size:14px}.acc-table th,.acc-table td{text-align:right;padding:8px 6px}.acc-table td{color:#1e293b;font-weight:700}.acc-table thead th{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:700}.acc-table tbody th{color:var(--text-2);text-align:left;align-items:center;gap:10px;font-weight:600;display:flex}.acc-table tbody tr+tr{border-top:1px solid var(--line)}.kind{background:var(--surface-3);min-width:26px;height:22px;color:var(--text-2);border-radius:6px;flex:none;place-items:center;padding:0 5px;font-size:11px;font-weight:800;display:inline-grid}.kind--best,.kind--excellent{color:#047857;background:#d1fae5}.kind--good{background:var(--surface-3);color:var(--text-2)}.kind--inaccuracy{color:#b45309;background:#fef3c7}.kind--mistake{color:#c2410c;background:#ffedd5}.kind--blunder{color:#b91c1c;background:#fee2e2}.kind--missed{color:var(--accent-strong);background:#dbeafe}.analysis__detail{padding:16px}.verdict{animation:page-in .3s var(--ease) both;align-items:flex-start;gap:14px;display:flex}.verdict .kind{min-width:36px;height:30px;font-size:13px}.verdict strong{color:#1e293b;font-size:15px}.verdict p{margin-top:2px;font-size:14px}.analysis__moves{flex-direction:column;max-height:280px;display:flex}@media (width<=1080px){.analysis{height:auto;padding:16px 0 48px}.analysis__grid{grid-template-columns:1fr;height:auto}.analysis__board-main{width:min(100% - 40px,640px)}.analysis__side{padding:0;overflow:visible}}@media (width<=560px){.eval-bar{width:14px}.eval-bar__label{display:none}.analysis__board{gap:8px}.analysis__board-main{width:calc(100% - 22px)}.timeline{justify-content:space-between;padding:6px}.timeline__range{display:none}}.history{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history__row{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);transition:border-color .16s, transform .2s var(--ease);align-items:center;gap:16px;padding:14px 18px;display:flex}.history__row:hover{border-color:var(--line-strong);transform:translate(2px)}.history__main{flex:1;min-width:0;display:grid}.history__main strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.history__main .muted{font-size:13px}.history__meta{align-items:center;gap:10px;font-size:13px;display:flex}.history__meta .up{color:var(--good);font-weight:600}.history__meta .down{color:var(--danger);font-weight:600}.history__go{width:18px;height:18px;color:var(--muted)}.history__more{text-align:center;justify-items:center;gap:10px;margin-top:20px;display:grid}@media (width<=720px){.hide-sm{display:none}.history__row{gap:12px;padding:12px 14px}.history__meta{flex-direction:column;align-items:flex-end;gap:0}}.auth-card{border-radius:var(--radius-xl);width:min(460px,100%);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#fff 50%,#eff6ff 100%);border:1px solid #f1f5f9;padding:clamp(24px,5vw,40px);position:relative}.auth-card__head{text-align:center;justify-items:center;gap:8px;margin-bottom:22px;display:grid}.auth-card__emblem{background:var(--accent);border-radius:16px;place-items:center;width:56px;height:56px;margin-bottom:6px;display:grid;box-shadow:0 4px 6px -1px #bfdbfecc}.auth-card__emblem img{filter:drop-shadow(0 1px 1px #0003);width:38px;height:38px}.auth-card__head h1{animation:auth-fade .42s var(--ease) both;font-size:clamp(28px,4vw,34px)}.auth-card__head p{max-width:340px;color:var(--text-2);font-size:14px}.auth-card .auth-tabs{gap:0;width:100%;margin-bottom:22px;display:flex;position:relative}.auth-tabs__pill{background:var(--surface);width:calc(50% - 4px);box-shadow:var(--shadow-card);transition:transform .42s var(--ease);border-radius:9px;position:absolute;top:4px;bottom:4px;left:4px}.auth-tabs[data-tab=signup] .auth-tabs__pill{transform:translate(100%)}.auth-card .auth-tabs button{min-height:40px;font-size:14px;position:relative}.auth-card .auth-tabs button[aria-selected=true]{color:var(--accent)}.auth-card__body{transition:height .42s var(--ease);margin:-6px;overflow:hidden}.auth-card__body>div{padding:6px}.auth-form{gap:16px;display:grid}.auth-form--next{animation:auth-from-right .46s var(--ease) both}.auth-form--prev{animation:auth-from-left .46s var(--ease) both}.auth-form .name-field{gap:8px}.auth-form .name-field .eyebrow{margin:0}.auth-field__control{display:flex;position:relative}.auth-form .name-field input::placeholder{color:#94a3b8;font-weight:500}.auth-field__control input:not(:only-child){padding-right:52px}.auth-card .auth-field__toggle{position:absolute;top:4px;right:4px}.auth-form .name-field__error{animation:auth-fade .24s var(--ease) both;align-items:flex-start;gap:6px;display:flex}.auth-form .name-field__error svg{flex:none;width:15px;height:15px;margin-top:2px}.auth-field__hint{color:var(--muted);font-size:13px}.auth-card .auth-alert{animation:auth-shake .38s var(--ease) both;margin:0}.auth-card .auth-submit{margin-top:4px}.auth-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite auth-spin}.auth-code__sent{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-strong);border:1px solid #dbeafe;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.auth-code__sent svg{flex:none;width:18px;height:18px;margin-top:1px}.auth-code__sent strong{overflow-wrap:anywhere}.auth-form .name-field .auth-code__input{font:800 24px var(--font-ui);letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}.auth-form .name-field .auth-code__input::placeholder{color:#cbd5e1;font-weight:700}.auth-code__notice{color:var(--good);font-size:14px;font-weight:600}.auth-code__links{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:-4px;display:flex}.auth-card .invite__divider{margin:20px 0 16px}.auth-others{gap:12px;display:grid}.auth-card__foot{text-align:center;margin-top:14px;font-size:13px}@media (width<=480px){.auth-card__head{margin-bottom:18px}.auth-card__emblem{border-radius:14px;width:48px;height:48px}.auth-card__emblem img{width:32px;height:32px}}@keyframes auth-fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes auth-from-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes auth-from-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:none}}@keyframes auth-shake{0%,to{transform:none}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes auth-spin{to{transform:rotate(360deg)}}.quiz__question{gap:6px;display:grid}.quiz__question p{color:var(--text);font-size:17px;font-weight:600;line-height:1.45}.quiz__question small{color:var(--muted);font-size:13px}.quiz__options{gap:8px;display:grid}.quiz__option{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.quiz__option:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft)}.quiz__option:disabled{cursor:default}.quiz__option>span:nth-child(2){flex:1}.quiz__option svg{flex:none;width:18px;height:18px}.quiz__letter{background:var(--surface-3);width:28px;height:28px;color:var(--text-2);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.quiz__option[data-state=picked]{border-color:var(--accent);background:var(--accent-soft)}.quiz__option[data-state=right]{background:var(--good-soft);color:#047857;border-color:#a7f3d0}.quiz__option[data-state=right] .quiz__letter{background:var(--good);color:#fff}.quiz__option[data-state=wrong]{background:var(--danger-soft);color:#b91c1c;border-color:#fecaca}.quiz__option[data-state=wrong] .quiz__letter{background:var(--danger);color:#fff}.quiz__fill{gap:8px;display:flex}.quiz__fill input{border-radius:var(--radius);border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;background:#fff;outline:none;flex:1;padding:12px 14px;font-size:15px}.quiz__fill input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61a}.quiz__progress{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:13px;font-weight:600;display:flex}.quiz__progress strong{color:var(--accent);font-size:22px;font-weight:800}.quiz__targets{flex-basis:100%;margin-top:6px}.quiz__targets .badge[data-found]{background:var(--good-soft);color:#047857;border-color:#a7f3d0}.quiz__targets .badge svg{width:12px;height:12px}.quiz__tray{flex-wrap:wrap;gap:8px;display:flex}.quiz__tray-piece{border-radius:var(--radius);border:2px solid var(--line);background:var(--cream);cursor:pointer;place-items:center;width:56px;height:56px;padding:6px;display:grid;position:relative}.quiz__tray-piece img{width:100%;height:100%}.quiz__tray-piece[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 4px #3b82f626}.quiz__tray-piece:disabled{opacity:.35;cursor:default}.quiz__tray-count{background:var(--accent);color:#fff;border-radius:999px;min-width:20px;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;bottom:-6px;right:-6px}.quiz__done{border-radius:var(--radius);background:linear-gradient(135deg, #fffdf7 0%, var(--cream) 100%);border:1px solid #f3e3bf;align-items:center;gap:12px;padding:14px 16px;display:flex}.quiz__done>svg{width:24px;height:24px;color:var(--gold-deep);flex:none}.quiz__done div{gap:2px;display:grid}.quiz__done strong{color:var(--text);font-size:15px}.quiz__done span{color:var(--text-2);font-size:13px;font-weight:600}.quiz__picker{flex-wrap:wrap;justify-content:flex-end}.quiz__picker button[data-done=right]{background:var(--good)}.quiz__picker button[data-done=wrong]{background:var(--danger)}.quiz__picker button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.quiz--compact .puzzles__head h1{font-size:22px}.quiz--compact .admin-playtest__side{gap:16px}.admin-header__badge{flex:none;margin-left:-12px}.admin-header .admin-header__profile:hover{border-color:#dbeafe}@media (width<=1180px){.admin-header .site-nav{display:none}.site-header.admin-header .site-header__menu{margin-left:-6px;display:inline-grid}.admin-header .site-header__menu+.logo{margin-left:-10px}}@media (width<=420px){.admin-header .admin-header__badge{display:none}}.admin-view{animation:page-in .42s var(--ease) both;gap:20px;display:grid}.admin .page-head{margin-bottom:8px}.admin-toolbar{flex-wrap:wrap}.admin-toolbar__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-panel__body{gap:18px;padding:4px 20px 20px;display:grid}.admin-count{font-size:13px}.admin-subhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.admin-subhead h4{letter-spacing:-.01em;font-size:15px;font-weight:700}.admin-subhead .eyebrow{margin:0}.admin-session-title{margin-top:6px}.admin .segmented{scrollbar-width:none;flex:none;max-width:100%;overflow-x:auto}.admin .segmented button{white-space:nowrap}.admin-loading{place-items:center;min-height:40vh;display:grid}.admin .empty .admin-empty-action{margin-top:18px}.admin-panel__note{padding:0 20px 20px;font-size:14px}.admin-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-sample-note,.admin-form-error{margin-bottom:0}.btn.admin-quiet-danger:hover{background:var(--danger-soft);color:#dc2626}@media (width<=640px){.admin-pair{grid-template-columns:minmax(0,1fr)}}.badge.admin-badge--muted{background:var(--surface-3);border-color:var(--line);color:var(--text-2)}.badge.admin-badge--good{color:#047857;background:#d1fae5;border-color:#a7f3d0}.badge.admin-badge--warn{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.icon-btn.admin-danger:hover{background:var(--danger-soft);color:#dc2626}.modal .admin-confirm-danger:hover{background:var(--danger-soft);color:#dc2626;border-color:#fecaca}.admin-form .name-field{gap:8px}.admin-form .name-field .eyebrow{margin:0}.admin-form .name-field textarea{border-radius:var(--radius);border:1px solid var(--line);color:#1e293b;width:100%;font:500 15px/1.5 var(--font-ui);resize:vertical;background:#fff;outline:none;padding:12px 14px;transition:border-color .16s,box-shadow .16s}.admin-form .name-field textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61a}.admin-form .name-field input.admin-mono{font:600 13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.admin-form .name-field textarea.admin-mono{font:600 13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.admin-hint-text{font-size:14px}.admin-search{flex:280px;max-width:460px;position:relative}.admin-search>svg{color:#94a3b8;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.admin-search.name-field input{min-height:44px;padding-left:42px}.admin-cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:4px 20px 20px;display:grid}.admin-cal__weekday{letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#94a3b8;padding-bottom:2px;font-size:11px;font-weight:700}.admin-cal__day{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:8px;min-height:132px;padding:10px;display:flex}.admin-cal__day--today{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.admin-cal__day--past{background:var(--surface-3)}.admin-cal__day--past .admin-cal__date{color:var(--muted)}.admin-month{align-items:center;gap:4px;margin-left:-8px;display:flex}.admin-month h3{text-align:center;min-width:150px}.admin-cal__date{color:#334155;justify-content:space-between;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.admin-cal__date small{color:var(--muted);font-size:12px;font-weight:600;display:none}.admin-cal__date .badge{padding:2px 7px;font-size:10px}.admin-cal__assign{border:1px dashed var(--line-strong);min-height:72px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;flex:1;align-content:center;place-items:center;gap:2px;font-size:12px;font-weight:700;transition:color .16s,background-color .16s,border-color .16s;display:grid}.admin-cal__assign:hover{color:var(--accent);border-color:var(--accent-line);background:#fff}.admin-cal__assign svg{width:18px;height:18px}.admin-cal__puzzle{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dbeafe;border-radius:10px;flex:1;align-content:start;gap:2px;padding:8px 10px 4px;display:grid}.admin-cal__puzzle strong{color:#1e293b;font-size:13px;font-weight:700;line-height:1.3}.admin-cal__puzzle>span{font-size:12px}.admin-cal__puzzle-actions{gap:2px;margin:4px -6px 0;display:flex}.admin-cal__puzzle-actions .icon-btn{border-radius:8px;width:30px;height:30px}.admin-cal__puzzle-actions .icon-btn svg{width:16px;height:16px}@media (width<=900px){.admin-cal{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-cal__weekday,.admin-cal__blank{display:none}.admin-cal__date small{display:inline}.admin-cal__day{min-height:0}}@media (width<=480px){.admin-cal{grid-template-columns:minmax(0,1fr);padding:4px 12px 12px}}.admin-filters{gap:14px;padding:18px 20px 20px;display:grid}.admin-filters__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-filters__actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.admin-puzzle{align-content:start;gap:12px;padding:16px;display:grid}.admin-puzzle__top{grid-template-columns:116px minmax(0,1fr);align-items:start;gap:14px;display:grid}.admin-puzzle .chess-board{border-width:3px;border-radius:10px;max-width:none;animation:none;box-shadow:0 0 0 1px #0f172a14}.admin-puzzle__tags{flex-wrap:wrap;gap:6px;display:flex}.admin-puzzle h3{letter-spacing:-.01em;margin-top:10px;font-size:16px;font-weight:700;line-height:1.25}.admin-puzzle__id{margin-top:4px;font-size:12px;font-weight:600}.admin-puzzle__hint{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);gap:8px;padding:10px 12px;font-size:13px;display:flex}.admin-puzzle__hint svg{width:16px;height:16px;color:var(--gold-deep);flex:none;margin-top:2px}.admin-puzzle__usage{font-size:12px;font-weight:600}.admin-puzzle__actions{border-top:1px solid var(--line);align-items:center;gap:6px;padding-top:12px;display:flex}.admin-puzzle__actions .icon-btn:nth-of-type(3){margin-left:auto}.admin-split{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.admin-list{gap:2px;margin:0;padding:0 8px 12px;list-style:none;display:grid}.admin-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background-color .16s,box-shadow .16s;display:flex}.admin-list button:hover{background:var(--accent-soft)}.admin-list button[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.admin-list__text{flex:1;min-width:0;display:grid}.admin-list__text strong{white-space:nowrap;text-overflow:ellipsis;color:#334155;font-size:14px;font-weight:600;overflow:hidden}.admin-list__text span{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:12px;overflow:hidden}.admin-list__go{color:#94a3b8;flex:none;width:18px;height:18px}.admin-list button:hover .admin-list__go{color:var(--accent)}.admin-num{background:var(--surface-3);min-width:28px;height:28px;color:var(--text-2);border-radius:8px;flex:none;place-items:center;padding:0 6px;font-size:12px;font-weight:800;display:inline-grid}.admin-list button[aria-pressed=true] .admin-num{background:var(--accent);color:#fff}.admin-pack{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-pack li{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);align-items:center;gap:12px;padding:8px 8px 8px 12px;display:flex}.admin-pack__actions{flex:none;gap:2px;display:flex}.admin-pack__actions .icon-btn{border-radius:9px;width:34px;height:34px}.admin-pack__actions .icon-btn svg{width:17px;height:17px}.admin-pack__actions .icon-btn:disabled{opacity:.35;cursor:default}.admin-pick-empty{padding:24px 12px 12px}.admin-pick-empty .btn{margin-top:12px}.admin-modal-form{gap:14px;display:grid}.admin-modal-form .confirm__actions{margin-top:6px}.admin-session-bar{align-items:center;gap:12px;padding:12px 14px;display:flex}.admin-session-bar>div{text-align:center;flex:1;min-width:0;display:grid}.admin-session-bar strong{color:#1e293b;font-size:16px}.admin-session-bar .muted{font-size:13px}.admin-pick-search{max-width:none;margin-bottom:12px}.admin-pick{max-height:min(380px,50dvh);margin:0 -12px;padding:0 4px;overflow:auto}@media (width<=900px){.admin-split{grid-template-columns:minmax(0,1fr)}}.admin .puzzles__board .chess-board{max-width:min(100%, 600px, calc(100dvh - var(--header-h) - 96px))}.admin-studio .puzzles__panel{gap:16px}.admin-line{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.admin-line li{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #dbeafe;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:700}.admin-line li.admin-line__reply{border-color:var(--line);background:var(--surface-3);color:var(--text-2)}.admin-studio .chip{min-height:34px;padding:0 12px}.admin-theme-chips{margin-top:2px}.admin-theme-chips .chip{min-height:30px;padding:0 10px;font-size:12px}.admin-hints{gap:8px;display:grid}.admin-form .admin-hints input{min-height:44px}.admin-add-hint{justify-self:start;margin-left:-10px}.admin .profile__tiles{margin-bottom:0}.admin-table-wrap{padding:0 8px 12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}.admin-table th{letter-spacing:.08em;text-transform:uppercase;text-align:left;white-space:nowrap;color:#94a3b8;padding:8px 12px;font-size:11px;font-weight:700}.admin-table td{border-top:1px solid var(--line);color:var(--text-2);white-space:nowrap;padding:10px 12px}.admin-table tbody tr{transition:background-color .16s}.admin-table tbody tr:hover{background:var(--surface-2)}.admin-table td:last-child{text-align:right}.admin-table__who{color:#334155;align-items:center;gap:10px;font-weight:600;display:flex}.admin-table__who .avatar{border-radius:9px;width:32px;height:32px;font-size:12px}.admin-table__streak{align-items:center;gap:4px;font-weight:600;display:inline-flex}.admin-table__streak svg{width:15px;height:15px;color:var(--serious)}.admin-search-input{background:var(--surface-1);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-width:240px;padding:6px 12px;font-size:13px;display:flex}.admin-search-input input{width:100%;color:var(--text-1);background:0 0;border:none;outline:none;font-size:13px}.admin-pagination{border-top:1px solid var(--line);color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.admin-pagination__pages{align-items:center;gap:6px;display:flex}.admin-pagination__btn{border:1px solid var(--line);background:var(--surface-1);min-width:32px;height:32px;color:var(--text-1);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;transition:all .14s;display:inline-flex}.admin-pagination__btn:hover:not(:disabled){background:var(--surface-2);border-color:#38bdf8}.admin-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.admin-pagination__btn[aria-current=true]{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.admin-playtest{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.admin-playtest .chess-board{animation:none}.admin-playtest__side{gap:14px;display:grid}.admin-playtest .confirm__actions{justify-content:flex-start}.admin-report{gap:16px;display:grid}.admin-report__status{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.admin-report .profile__tiles{grid-template-columns:repeat(2,1fr);margin:0}.admin-notes{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);gap:6px;margin:10px 0 0;padding:12px 14px 12px 32px;font-size:14px;display:grid}.modal.admin-quiz-modal{max-width:min(1120px,100%)}.admin-quiz{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.admin-quiz__board{gap:10px;display:grid;position:sticky;top:0}.admin-quiz__board .chess-board{animation:none}.admin-quiz__board-tools{flex-wrap:wrap;gap:8px;display:flex}.admin-quiz__side{gap:16px;min-width:0;display:grid}.admin-quiz__list li{padding:4px 6px 4px 4px}.admin-quiz__list li[aria-current]{border-color:var(--accent-line);background:var(--accent-soft)}.admin-quiz__pick{min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:6px;display:flex}.admin-quiz__list li[aria-current] .admin-num{background:var(--accent);color:#fff}.admin-list__text .admin-quiz__problem{color:#dc2626}.admin-quiz__add{gap:8px;display:grid}.admin-quiz__add .chip svg{width:14px;height:14px}.admin-quiz__form{gap:14px;display:grid}.admin-quiz__options{gap:8px;display:grid}.admin-quiz__option{align-items:center;gap:8px;display:flex}.admin-quiz__option input[type=radio]{width:20px;height:20px;min-height:0;box-shadow:none;accent-color:var(--accent);cursor:pointer;flex:none;padding:0}.admin-quiz__option .icon-btn{border-radius:9px;flex:none;width:36px;height:36px}.admin-quiz__option .icon-btn:disabled{opacity:.35;cursor:default}.admin-quiz__demo{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:4px;display:flex}.admin-quiz__demo>span{flex:200px}.admin-quiz__palette{flex-wrap:wrap;gap:6px;display:flex}.admin-quiz__palette button{border:2px solid var(--line);background:var(--cream);cursor:pointer;border-radius:10px;place-items:center;width:44px;height:44px;padding:4px;display:grid}.admin-quiz__palette button img{width:100%;height:100%}.admin-quiz__palette button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 4px #3b82f626}.admin-line li:has(.admin-quiz__chip-x){padding:0}.admin-quiz__chip-x{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:5px 8px 5px 10px;display:inline-flex}.admin-quiz__chip-x svg{opacity:.6;width:13px;height:13px}.admin-quiz__chip-x:hover svg{opacity:1;color:#dc2626}.admin-quiz__actions{justify-content:flex-end}.badge.admin-quiz__badge{vertical-align:1px;padding:1px 7px;font-size:10px}@media (width<=860px){.admin-quiz{grid-template-columns:minmax(0,1fr)}.admin-quiz__board{position:static}.admin-quiz__board .chess-board{max-width:360px;margin:0 auto}}@media (width<=640px){.admin-playtest{grid-template-columns:minmax(0,1fr)}.admin-playtest .chess-board{max-width:320px;margin:0 auto}.admin-puzzle__top{grid-template-columns:96px minmax(0,1fr)}}:root{--bg:#f8fafc;--bg-raised:#f1f5f9;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--line:#e2e8f0;--line-strong:#cbd5e1;--text:#0f172a;--text-2:#475569;--muted:#64748b;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#eff6ff;--accent-line:#bfdbfe;--on-accent:#fff;--cream:#fbf6ea;--gold:#d9b46c;--gold-deep:#a67c32;--walnut:#7a5a2b;--walnut-deep:#3e2a12;--ink:#0f172a;--good:#10b981;--good-soft:#ecfdf5;--warn:#f59e0b;--serious:#f97316;--danger:#ef4444;--danger-soft:#fef2f2;--font-display:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm:10px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-card:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 25px 50px -12px #00000040;--shadow-accent:0 4px 6px -1px #bfdbfe80, 0 2px 4px -2px #bfdbfe80;--ease:cubic-bezier(.22, 1, .36, 1);--header-h:68px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:#1e293b;min-width:320px;min-height:100dvh;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin:0;font-weight:800;line-height:1.1}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:var(--accent-line)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.btn{--btn-bg:var(--surface);--btn-fg:#334155;--btn-border:var(--line-strong);border-radius:var(--radius);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:46px;color:var(--btn-fg);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .18s var(--ease), background-color .18s, border-color .18s, box-shadow .18s, color .18s, opacity .18s;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--line-strong);transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn svg{flex:none;width:18px;height:18px}.btn-primary{--btn-bg:var(--accent);--btn-fg:var(--on-accent);--btn-border:transparent;box-shadow:var(--shadow-accent)}.btn-primary:hover{background:var(--accent-strong);border-color:#0000;box-shadow:0 10px 15px -3px #bfdbfeb3}.btn-cream{--btn-bg:var(--surface);--btn-fg:var(--accent);--btn-border:var(--accent-line)}.btn-cream:hover{background:var(--accent-soft);border-color:var(--accent-line)}.btn-ghost{--btn-bg:var(--surface)}.btn-quiet{--btn-bg:transparent;--btn-border:transparent;--btn-fg:var(--text-2);min-height:40px;padding:0 14px}.btn-quiet:hover{color:var(--accent);background:var(--accent-soft);border-color:#0000}.btn-danger:hover{background:var(--danger-soft);color:#dc2626;border-color:#fecaca}.btn-sm{min-height:38px;padding:0 14px;font-size:13px}.btn-lg{min-height:54px;padding:0 28px;font-size:15px}.btn-block{width:100%}.icon-btn{color:#94a3b8;cursor:pointer;width:40px;height:40px;transition:background-color .16s, color .16s, border-color .16s, transform .16s var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--accent-soft);color:var(--accent)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:20px;height:20px}.icon-btn[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text-2);cursor:pointer;transition:all .16s var(--ease);padding:0 16px;font-size:13px;font-weight:700}.chip:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-accent)}.segmented{border-radius:var(--radius);background:var(--surface-3);border:1px solid var(--line);gap:2px;padding:4px;display:inline-flex}.segmented button{min-height:34px;color:var(--muted);cursor:pointer;transition:all .16s var(--ease);background:0 0;border:0;border-radius:9px;flex:1;padding:0 14px;font-size:13px;font-weight:700}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-card)}.panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #f1f5f9}.panel-title{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 12px;display:flex}.panel-title h3{letter-spacing:-.01em;font-size:16px;font-weight:700}.divider{background:var(--line);border:0;height:1px;margin:0}.toggle{cursor:pointer;color:var(--text-2);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .switch{background:#e2e8f0;border-radius:999px;flex:none;width:42px;height:24px;transition:background-color .2s;position:relative}.toggle .switch:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform .22s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.switch{background:var(--accent)}.toggle input:checked+.switch:after{transform:translate(18px)}.toggle input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.avatar{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border:1px solid var(--accent-line);border-radius:12px;flex:none;place-items:center;font-size:16px;font-weight:800;display:grid}.avatar--w{background:var(--accent);color:#fff;border-color:var(--accent)}.avatar--b{color:#fff;background:#1e293b;border-color:#1e293b}.badge{letter-spacing:.04em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.page{z-index:1;width:min(1240px,100% - 32px);animation:page-in .52s var(--ease) both;margin:0 auto;padding:40px 0 80px;position:relative}.page--wide{width:min(1560px,100% - 32px)}.page-head{text-align:center;margin-bottom:32px}.page-head h1{margin-top:10px;font-size:clamp(32px,4.5vw,46px)}.page-head p{max-width:560px;color:var(--text-2);margin:12px auto 0}@keyframes page-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.empty{text-align:center;color:var(--muted);padding:40px 24px}.empty h3{color:var(--text);margin-bottom:8px;font-size:20px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}