.piece-glyph.cg-wrap{position:static;display:inline-block;flex:none;aspect-ratio:1;background:none}.piece-glyph.cg-wrap piece{position:static;display:block;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none}.cchips{display:inline-flex;flex:none;align-items:center;gap:3px}.cchip{display:flex;align-items:center;justify-content:center;border:1px solid;font-weight:700;line-height:1}.cchips--md .cchip{width:24px;height:24px;border-radius:7px;font-size:13px}.cchips--sm .cchip{width:22px;height:22px;border-radius:6px;font-size:12px}.cchips--xs{gap:1px}.cchips--xs .cchip{width:12px;height:12px;border-radius:3px;font-size:7px}.cchip--white{border-color:var(--color-chip-white-border);background:var(--color-chip-white-bg);color:var(--color-chip-white-fg)}.cchip--black{border-color:var(--color-chip-black-border);background:var(--color-chip-black-bg);color:var(--color-chip-black-fg)}.cchip--off{background:transparent;color:color-mix(in srgb,var(--color-chip-off-fg) 35%,transparent);text-decoration:line-through}.cchip--white.cchip--off{border-color:var(--color-chip-off-white-border)}.cchip--black.cchip--off{border-color:var(--color-chip-off-black-border)}.castling{display:flex;align-items:center;gap:9px}.castling__label{flex:none;width:74px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-fg-muted)}.castling__anchor{position:relative;flex:none}.castling__btn{display:flex;align-items:center;justify-content:space-between;width:200px;height:42px;padding:0 10px 0 12px;border:1.5px solid transparent;border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-fg);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .12s ease}.castling__btn:hover:not(:disabled){background:var(--color-surface-muted-hover)}.castling__btn--open{border-color:var(--color-accent)}.castling__btn:disabled{opacity:.4;cursor:default}.castling__hint{min-width:0;font-size:11px;color:var(--color-fg-muted)}.castling-tile{gap:3px}.cedit--popover,.cedit__sheet-body{display:flex;flex-direction:column;gap:14px}.cedit--popover{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:320px;padding:18px;border:1px solid var(--color-surface-border);border-radius:14px;background:var(--color-surface);color:var(--color-fg);box-shadow:var(--shadow-popover)}.cedit__title{margin:0;font-size:16px;font-weight:700;line-height:1.3}.cedit__hint{margin:0;font-size:12px;line-height:1.3;color:var(--color-fg-muted)}.cedit__rights{display:flex;flex-direction:column;gap:10px}.cedit__row{display:flex;align-items:center;gap:12px}.cedit__king{display:flex}.cedit__king--spacer{visibility:hidden}.cedit__option{display:inline-flex;align-items:center;gap:10px;font-size:14px;line-height:1.3;cursor:pointer}.cedit__option--disabled{opacity:.45;cursor:default}.cedit__notation{margin-inline-end:.55em}.cedit__box{display:grid;flex:none;place-content:center;width:22px;height:22px;margin:0;border:1.5px solid var(--color-checkbox-border);border-radius:6px;background:var(--color-input-bg);appearance:none;cursor:inherit}.cedit__box:before{content:"✓";font-size:14px;font-weight:700;line-height:1;color:var(--color-accent-fg);visibility:hidden}.cedit__box:checked{border-color:var(--color-accent);background:var(--color-accent)}.cedit__box:checked:before{visibility:visible}.cedit__result{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--color-fg-muted)}.cedit__result-label{font-weight:500}.cedit__fen{white-space:nowrap}.cedit__actions{display:flex;align-items:center;justify-content:space-between;min-height:40px}.cedit__reset{padding:0;border:0;background:none;color:var(--color-accent-text);font-size:13px;font-weight:500;text-decoration:underline;cursor:pointer}.cedit__done{width:96px;min-height:40px}.cedit--sheet{width:100%;max-width:none;max-height:92vh;margin:auto 0 0;padding:0;border:1px solid var(--color-surface-border);border-bottom:0;border-radius:20px 20px 0 0;background:var(--color-surface);color:var(--color-fg)}.cedit--sheet::backdrop{background:var(--color-backdrop)}.cedit__sheet-body{padding:18px 18px max(34px,calc(16px + env(safe-area-inset-bottom)))}.cedit--sheet .cedit__done{width:120px;min-height:44px}@media(min-width:721px)and (max-width:1023px){.castling{flex-direction:column;align-items:stretch;gap:5px}.castling__label{width:auto;font-size:10px}.castling__btn{width:100%;height:44px;border-radius:var(--radius-sm)}.castling__hint{display:none}.cedit--popover{top:-20px;right:calc(100% + 26px);left:auto;width:300px}}.social{display:flex;align-items:center;gap:8px}.social__btn{display:inline-flex;flex:none;align-items:center;gap:4px;box-sizing:border-box;height:20px;border:1px solid transparent;font-family:Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700;line-height:18px;text-decoration:none;white-space:nowrap}.social__btn:hover{text-decoration:none}.social__btn--fb{padding:0 8px 0 6px;border-radius:3px;background:var(--color-facebook-bg);color:var(--color-facebook-fg)}.social__btn--fb:hover{background:var(--color-facebook-bg-hover)}.social__btn--x{padding:0 12px 0 10px;border-color:var(--color-post-border);border-radius:9999px;background:var(--color-post-bg);color:var(--color-post-fg);font-size:13px}.social__btn--x:hover{background:var(--color-post-bg-hover)}.social__logo{width:14px;height:14px}.social__btn--fb .social__logo{width:12px;height:12px}.panel{display:flex;flex-direction:column;gap:15px;padding:25px 26px;border:1px solid var(--color-surface-border);border-radius:var(--radius-xl);background:var(--color-surface)}.panel__head{display:flex;align-items:center;gap:12px;min-height:26px}.panel__title{margin:0;font-size:21px;font-weight:700;line-height:1.3;color:var(--color-fg)}.panel__social{margin-left:auto}.panel__gear{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:var(--radius-sm);background:var(--color-surface-muted);cursor:pointer}.panel__gear:hover{background:var(--color-surface-muted-hover)}.panel__gear-icon{width:20px;height:20px;color:var(--color-fg)}.panel__divider{height:1px;margin:0;border:0;background:var(--color-divider)}.status{display:flex;align-items:center;gap:12px;min-height:49px;padding:8px 14px;border-radius:var(--radius-md);font-weight:500;font-size:14px;line-height:1.3}.status__icon{flex:none;font-size:17px;font-weight:700;line-height:1}.status__svg{width:16px;height:16px}.status__icon--busy{animation:status-spin 1.2s linear infinite}.status__text{white-space:pre-wrap}.status__note{margin-left:12px;font-weight:400;font-size:12px;opacity:.8}.status__size{font-variant-numeric:tabular-nums}.status--compact .status__note{margin-left:6px}@keyframes status-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.status__icon--busy{animation:none}}.status--ready{background:var(--color-status-ready-bg);color:var(--color-status-ready-fg)}.status--ok{background:var(--color-status-ok-bg);color:var(--color-status-ok-fg)}.status--error{background:var(--color-status-error-bg);color:var(--color-status-error-fg)}.status--final{background:var(--color-status-final-bg);color:var(--color-status-final-fg);box-shadow:inset 0 0 0 1.5px var(--color-status-final-border)}.status__king{display:inline-flex;flex:none}.status--compact{justify-content:center;gap:8px;height:40px;min-height:0;padding:4px 12px;text-align:center}.status--compact .status__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:pre}.status--compact .status__icon{font-size:15px}.ctls{display:flex;gap:10px}.ctl{flex:1 1 0;min-width:0;padding:0 8px}.ctl--stop{border:1px solid var(--color-stop-border)}.side{display:flex;align-items:center;gap:9px}.side__label{flex:none;width:74px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-fg-muted)}.side__group{display:flex;flex:1 1 auto;gap:9px}.side__option{flex:1 1 0;max-width:144px;min-height:42px;padding:0 8px;border:0;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-fg-muted);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .12s ease}.side__option:hover{background:var(--color-surface-muted-hover)}.side__option--selected,.side__option--selected:hover{background:var(--color-accent-soft);color:var(--color-accent-text)}.tools{display:flex;gap:8px}.tools__btn{flex:156 1 0;min-width:0;padding:0 8px}.tools__btn--wide{flex:170 1 0}.fen{display:flex;flex-direction:column;gap:8px;margin:0}.fen__title{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--color-fg)}.fen--editing .fen__title{font-size:20px}.fen__hint{margin:0;font-size:12px;line-height:1.3;color:var(--color-fg-muted)}.fen--editing .fen__hint{font-size:13px}.fen__row{display:flex;align-items:stretch;gap:8px}.fen__box{display:flex;align-items:center;flex:1 1 auto;min-width:0;min-height:43px;padding:0 12px;border-radius:var(--radius-sm);background:var(--color-surface-fen)}.fen__link{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:12px;color:var(--color-accent-text)}.fen__btn{flex:none;width:62px;min-height:43px;padding:0}.fen__input{width:100%;min-height:45px;padding:0 12px;border:1px solid var(--color-input-border);border-radius:var(--radius-sm);background:var(--color-input-bg);color:var(--color-fg);font-family:var(--font-mono);font-size:12px}.fen__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:0}.fen__input--invalid{border-color:var(--color-input-border-error)}.fen__error{margin:0;font-size:12px;color:var(--color-status-error-fg)}.fen__actions{display:flex;gap:8px;margin-top:6px}.fen__cancel{width:100px;min-height:43px;border-radius:var(--radius-sm);background:var(--color-neutral-btn);font-size:13px}.fen__cancel:hover:not(:disabled){background:var(--color-neutral-btn-hover)}.fen__load{width:110px;min-height:43px;border-radius:var(--radius-sm);font-size:13px}@media(min-width:721px)and (max-width:1023px){.panel{flex:1 1 auto;gap:12px;padding:16px 14px;border-radius:14px}.panel .btn{border-radius:var(--radius-sm)}.panel__head{flex-wrap:wrap;row-gap:8px;min-height:30px}.panel__title{flex:1;font-size:16px}.panel__social{order:1;flex-basis:100%;margin-left:0}.panel__gear{width:28px;height:28px;border-radius:7px}.panel__gear-icon{width:15px;height:15px}.panel__divider{margin:auto 0 -4px}.status{gap:8px;min-height:44px;padding:6px 10px;border-radius:var(--radius-sm);font-size:12px}.status__icon{font-size:13px}.status__svg{width:13px;height:13px}.status__note{font-size:11px}.ctls,.tools{flex-wrap:wrap;gap:8px}.ctl,.tools__btn{flex:1 1 0;min-height:44px}.ctls>.ctl:first-child{flex-basis:100%;min-height:52px}.tools__btn--wide{flex-basis:100%}.side{flex-direction:column;align-items:stretch;gap:8px}.side__label{width:auto;font-size:10px}.side__group{gap:8px}.side__option{max-width:none;min-height:44px;border-radius:var(--radius-sm);color:var(--color-fg)}.fen__title,.fen--editing .fen__title{font-size:13px}.fen:not(.fen--editing) .fen__hint{display:none}.fen__row{flex-wrap:wrap}.fen__box{flex-basis:100%;min-height:40px;padding:0 10px}.fen__link{font-family:var(--font-sans);font-size:11px;text-decoration:underline}.fen__btn{flex:1 1 0;width:auto;min-height:40px}.fen__input{min-height:40px}.fen__actions{margin-top:0}.fen__cancel,.fen__load{flex:1 1 0;width:auto;min-height:40px}}.fen--compact .fen__row{gap:6px}.fen--compact .fen__box{min-height:38px;padding:0 10px;border-radius:var(--radius-sm)}.fen--compact .fen__link{font-family:var(--font-sans);font-size:12px;text-decoration:underline}.fen--compact .fen__prefix{font-weight:500}.fen--compact .fen__btn{width:56px;min-height:38px;font-size:13px}.fen--compact .fen__title{font-size:15px}.fen--compact .fen__input,.fen--compact .fen__cancel,.fen--compact .fen__load{min-height:38px}@media(max-width:375px){.status--compact{font-size:13px}}.cg-wrap{box-sizing:content-box;position:relative;display:block}cg-container{position:absolute;width:100%;height:100%;display:block;top:0}cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{overflow:hidden;opacity:.6;z-index:2}.cg-wrap .cg-shapes-below{overflow:hidden;z-index:1}.cg-wrap .cg-custom-below{z-index:1}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg,.cg-wrap .cg-custom-below svg{overflow:visible}.cg-wrap coords{position:absolute;display:flex;pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px}.cg-wrap coords.ranks{left:4px;top:-20px;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{left:-15px;align-items:flex-end}.cg-wrap coords.files{bottom:-4px;left:24px;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{bottom:0;left:0;text-transform:uppercase;text-align:right;flex-flow:column-reverse;height:100%;width:12.5%}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}.board{--eval-w: 28px;--board-gap: 16px;--u: calc(100cqi / 570);container-type:inline-size;display:grid;grid-template-columns:var(--eval-w) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:var(--board-gap);row-gap:12px;width:100%;max-width:570px;margin:0 auto}.palette-strip{grid-column:2;display:flex;align-items:center;justify-content:center;gap:calc(18 * var(--u));height:calc(56 * var(--u));padding:0 calc(12 * var(--u));border-radius:var(--radius-lg);background:var(--color-palette-strip)}.eval{grid-column:1;grid-row:2}.board__stage{position:relative;grid-column:2;grid-row:2}.board__cross{position:absolute;inset:1px;display:none;pointer-events:none;overflow:hidden;border-radius:3px}.board__cross--on{display:block}.board__cross-v,.board__cross-h{position:absolute;background:var(--color-board-cross)}.board__cross-v{top:0;bottom:0;width:12.5%;left:calc(var(--cx, 0) * 12.5%)}.board__cross-h{left:0;right:0;height:12.5%;top:calc(var(--cy, 0) * 12.5%)}.board__cg{box-sizing:border-box;width:100%;aspect-ratio:1 / 1;border:1px solid var(--color-board-border);border-radius:3px;overflow:hidden}.board__cg:empty,.board__cg cg-board{background-color:var(--color-board-light);background-image:conic-gradient(var(--color-board-dark) 25%,var(--color-board-light) 0 50%,var(--color-board-dark) 0 75%,var(--color-board-light) 0);background-size:25% 25%}.board--armed .cg-wrap.manipulable cg-board{cursor:crosshair}.board__cg cg-board square.last-move{background-color:var(--color-board-last-move)}.board__cg cg-board square.selected{background-color:var(--color-board-selected)}.board__cg cg-board square.suggest{background-color:var(--color-board-suggest)}.board__cg cg-board square.move-dest{background:radial-gradient(var(--color-board-dest) 22%,transparent 23%)}.board__cg cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 79%,var(--color-board-dest) 80%)}.board__cg cg-board square.move-dest:hover,.board__cg cg-board square.move-dest.hover{background:var(--color-board-dest-hover)}.board__cg cg-board square.check{background:radial-gradient(ellipse at center,red,#e70000 25%,#a9000000 89%,#9e000000)}.board__cg.cg-wrap coords{opacity:1;font-family:var(--font-sans);font-size:10px;font-weight:500;line-height:1;color:var(--color-board-coord)}.board__cg.cg-wrap coords.ranks{left:0;top:0;width:12.5%;height:100%;flex-flow:column-reverse;align-items:flex-start}.board__cg.cg-wrap coords.ranks.black{flex-flow:column}.board__cg.cg-wrap coords.ranks coord{flex:1 1 0;padding:3px 0 0 5px;transform:none}.board__cg.cg-wrap coords.files{left:0;bottom:0;width:100%;height:12.5%;flex-flow:row;align-items:flex-end;text-align:right;text-transform:none}.board__cg.cg-wrap coords.files.black{flex-flow:row-reverse}.board__cg.cg-wrap coords.files coord{flex:1 1 0;padding:0 4px 3px 0}.board--no-coords .board__cg coords{display:none}.palette.cg-wrap{position:static;display:flex;justify-content:center;gap:calc(18 * var(--u));width:auto;height:auto;background:none}.palette.cg-wrap piece{position:static;width:calc(49 * var(--u));height:calc(49 * var(--u));cursor:grab;border-radius:var(--radius-sm);pointer-events:auto;transition:background-color .12s ease}.palette.cg-wrap piece:hover,.palette.cg-wrap piece:focus-visible{background-color:var(--color-palette-armed);outline:none}.palette.cg-wrap[data-armed=king] piece[data-role=king],.palette.cg-wrap[data-armed=queen] piece[data-role=queen],.palette.cg-wrap[data-armed=rook] piece[data-role=rook],.palette.cg-wrap[data-armed=bishop] piece[data-role=bishop],.palette.cg-wrap[data-armed=knight] piece[data-role=knight],.palette.cg-wrap[data-armed=pawn] piece[data-role=pawn]{background-color:var(--color-palette-armed);box-shadow:inset 0 0 0 2px var(--color-accent)}.palette__erase{display:flex;align-items:center;justify-content:center;width:calc(42 * var(--u));height:calc(42 * var(--u));padding:0;border:1px solid var(--color-palette-erase-border);border-radius:var(--radius-sm);background:var(--color-palette-erase-bg);cursor:pointer;transition:background-color .12s ease}.palette__erase-icon{width:calc(20 * var(--u));height:calc(20 * var(--u));color:var(--color-palette-erase-border)}.palette__erase:hover{background:var(--color-accent-soft)}.palette__erase--armed,.palette__erase--armed:hover{background:var(--color-accent);border-color:var(--color-accent)}.palette__erase--armed .palette__erase-icon{color:var(--color-accent-fg)}.eval{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.eval__score{font-size:12px;font-weight:700;line-height:1;color:var(--color-fg-muted);white-space:nowrap}.eval__meter{position:relative;flex:1 1 auto;width:14px;min-height:0;border:1px solid var(--color-eval-track);border-radius:var(--radius-md);background:var(--color-eval-dark);overflow:hidden}.eval__white{position:absolute;left:0;right:0;bottom:0;background:var(--color-eval-light);transition:height .3s ease}.eval--black .eval__white{top:0;bottom:auto}.board-hint{margin:0;text-align:center;font-size:13px;color:var(--color-fg-muted)}@media(min-width:721px)and (max-width:1023px){.board{--eval-w: 15px;--board-gap: 10px;--u: calc(100cqi / 505);row-gap:8px;max-width:none}.palette-strip,.palette.cg-wrap{gap:calc(16.6 * var(--u))}.palette-strip{height:calc(51.7 * var(--u));padding:0;border-radius:calc(11 * var(--u))}.palette.cg-wrap piece{width:calc(45.2 * var(--u));height:calc(45.2 * var(--u))}.palette__erase{width:calc(38.8 * var(--u));height:calc(38.8 * var(--u));border-radius:calc(7.4 * var(--u))}.palette__erase-icon{width:calc(18.5 * var(--u));height:calc(18.5 * var(--u))}.eval{gap:6px}.eval__score{font-size:10px}.eval__meter{border-radius:6px}.board-hint{font-size:12px}}@media(max-width:720px){.board{grid-template-columns:minmax(0,1fr);row-gap:10px;max-width:none}.eval{display:none}.board__stage{grid-column:1}.palette-strip{grid-column:1;gap:12px;height:38px;padding:0 8px}.palette.cg-wrap{gap:12px}.palette.cg-wrap piece{width:34px;height:34px}.palette__erase{width:29px;height:29px}.palette__erase-icon{width:16px;height:16px}}.intro{display:flex;align-items:center;justify-content:center;gap:40px;padding:22px clamp(32px,50vw - 480px,88px)}.intro__heading{display:flex;flex-direction:column;gap:4px}.intro__eyebrow{margin:0;font-size:11px;font-weight:700;color:var(--color-fg-eyebrow)}.intro__title{margin:0;font-size:28px;font-weight:700;line-height:1.3;color:var(--color-fg);white-space:nowrap}.intro__copy{max-width:620px;margin:0;font-size:15px;line-height:1.3;color:var(--color-fg-muted)}@media(min-width:721px)and (max-width:1023px){.intro{justify-content:flex-start;gap:24px;padding:14px 32px}.intro__heading{gap:2px}.intro__title{font-size:24px}.intro__copy{max-width:440px;font-size:13px}}.mctl{display:flex;flex-direction:column;align-items:stretch;gap:10px}.mctl__row{display:flex;align-items:center;gap:8px;width:100%;height:40px}.mctl__play{display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;height:40px;padding:0;border:0;border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-fg);cursor:pointer;transition:background-color .12s ease}.mctl__play:hover:not(:disabled){background:var(--color-surface-muted-hover)}.mctl__play:disabled{opacity:.4;cursor:default}.mctl__play-icon{width:16px;height:18px;transform:rotate(90deg)}.mctl__play--primary{background:var(--color-accent);color:var(--color-accent-fg)}.mctl__play--primary:hover:not(:disabled){background:var(--color-accent-hover)}.mctl__play--stop{border:1px solid var(--color-stop-border)}.mctl__step{display:flex;flex:none;align-items:center;justify-content:center;width:64px;height:40px;padding:0 0 2px;border:0;border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-fg);font-size:22px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .12s ease}.mctl__step:hover:not(:disabled){background:var(--color-surface-muted-hover)}.mctl__step:disabled{opacity:.4;cursor:default}.mctl__step--primary:not(:disabled),.mctl__step--primary:hover:not(:disabled){background:var(--color-accent);color:var(--color-accent-fg)}.mctl__side{display:flex;flex:none;gap:2px;padding:2px;border-radius:11px;background:var(--color-surface-muted)}.mctl__side-option{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;opacity:.45;cursor:pointer}.mctl__side-option--selected{border-color:var(--color-surface-border);background:var(--color-surface-raised);opacity:1}.mctl__social{align-self:center}.mtools{display:flex;flex-direction:column;gap:10px}.mtools__row{display:flex;align-items:center;gap:8px;height:54px}.mtools__group{display:flex;flex:0 1 236px;min-width:0;gap:2px;padding:5px 3px;border-radius:11px;background:var(--color-surface-muted)}.mtools__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1 1 0;min-width:0;max-width:56px;height:44px;padding:0;border:0;border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-fg);cursor:pointer;transition:background-color .12s ease}.mtools__tile:hover:not(:disabled){background:var(--color-surface-muted-hover)}.mtools__tile:active:not(:disabled){transform:translateY(1px)}.mtools__tile:disabled{opacity:.4;cursor:default}.mtools__glyph{display:flex;align-items:center;justify-content:center;height:20px;font-size:18px;font-weight:500;line-height:1}.mtools__label{font-size:10px;font-weight:500;line-height:1.2;color:var(--color-fg-muted);white-space:nowrap}.mtools__score{display:flex;flex:1 0 54px;align-items:center;justify-content:center;height:54px;border:1px solid var(--color-surface-border);border-radius:var(--radius-md);background:var(--color-surface-raised);font-size:18px;font-weight:700;color:var(--color-fg);white-space:nowrap}.mtools__gear{display:flex;flex:none;align-items:center;justify-content:center;width:46px;height:54px;padding:0;border:0;border-radius:var(--radius-md);background:var(--color-surface-muted);cursor:pointer}.mtools__gear:hover{background:var(--color-surface-muted-hover)}.mtools__gear-icon{width:24px;height:24px;color:var(--color-fg)}.mtools__progress{height:4px;border-radius:2px;background:var(--color-surface-border);overflow:hidden}.mtools__progress-fill{height:100%;background:var(--color-accent);transition:width .3s ease}.promotion{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);background:var(--color-surface)}.promotion__label{margin-right:4px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-fg-muted)}.promotion__piece{width:48px;padding:0;font-size:26px}.settings{width:559px;max-width:calc(100vw - 32px);padding:0;border:0;border-radius:20px;background:var(--color-surface);color:var(--color-fg);box-shadow:var(--shadow-dialog)}.settings::backdrop{background:var(--color-backdrop)}.settings__form{display:flex;flex-direction:column;padding:26px 26px 24px}.settings__handle{display:none}.settings__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.settings__title{margin:0;font-size:24px;font-weight:700}.settings__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-sm);background:var(--color-surface-muted);font-size:18px;line-height:1;cursor:pointer}.settings__close:hover{background:var(--color-surface-muted-hover)}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--color-divider)}.settings__label{display:flex;flex-direction:column;gap:4px;min-width:0}.settings__name{font-size:16px;font-weight:500}.settings__hint{font-size:12px;color:var(--color-fg-muted)}.pieces{display:flex;flex:none;align-items:center;gap:12px}.pieces__preview{display:flex;gap:2px}.pieces__select-wrap{position:relative;flex:none}.pieces__select{width:120px;height:40px;padding:0 30px 0 13px;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-input-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:14px;font-weight:500;appearance:none;cursor:pointer}.pieces__select:focus-visible{outline:2px solid var(--color-focus);outline-offset:0}.pieces__chevron{position:absolute;top:50%;right:12px;transform:translateY(-60%);font-size:16px;line-height:1;color:var(--color-fg-muted);pointer-events:none}.seg{display:flex;flex:none;gap:2px;padding:3px;border-radius:var(--radius-lg);background:var(--color-surface-muted)}.seg__option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:80px;padding:7px 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;font-size:14px;font-weight:500;color:var(--color-fg);cursor:pointer}.seg__option--selected{border-color:var(--color-surface-border);background:var(--color-input-bg);color:var(--color-accent-text)}.seg__sub{font-size:11px;font-weight:400;color:var(--color-fg-muted)}.seg--compact .seg__option{min-width:52px;padding:6px 12px}.seg--theme .seg__option{min-width:76px}.depth{display:flex;flex:none;flex-direction:column;gap:10px}.seg--depth{gap:4px}.seg--depth .seg__option{min-width:74px;padding:7px 8px}.seg .seg__option--editing{flex:none;flex-direction:row;gap:6px;min-width:0;padding:0 7px;border:1.5px solid var(--color-accent);cursor:default}.stepper__btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:var(--color-surface-muted);color:var(--color-fg);font-size:13px;font-weight:700;line-height:1;cursor:pointer}.stepper__btn:hover{background:var(--color-surface-muted-hover)}.stepper__input{width:34px;height:22px;padding:0;border:1px solid var(--color-accent);border-radius:5px;background:transparent;color:var(--color-accent-text);caret-color:var(--color-accent);font-family:var(--font-sans);font-size:13px;font-weight:700;text-align:center}.stepper__input:focus{outline:none}.depth__hint{font-size:11px;color:var(--color-fg-muted)}.switch{position:relative;flex:none;width:44px;height:26px;padding:0;border:0;border-radius:13px;background:var(--color-surface-muted-hover);cursor:pointer;transition:background-color .12s ease}.switch__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--color-input-bg);box-shadow:0 1px 2px #0003;transition:transform .12s ease}.switch--on{background:var(--color-accent)}.switch--on .switch__knob{transform:translate(18px)}.settings__foot{display:flex;justify-content:flex-end;gap:10px;padding-top:22px}.settings__cancel,.settings__save{min-width:120px;min-height:46px}@media(max-width:720px){.settings{width:100%;max-width:none;max-height:92vh;margin:auto 0 0;border-radius:20px 20px 0 0}.settings__form{padding:8px 16px calc(16px + env(safe-area-inset-bottom))}.settings__handle{display:block;width:40px;height:4px;margin:0 auto 14px;border-radius:2px;background:var(--color-surface-border)}.settings__row{flex-direction:column;align-items:stretch;gap:12px;padding:16px 0}.settings__row:has(.switch){flex-direction:row;align-items:center}.settings__row--pieces .settings__hint{display:none}.pieces{justify-content:space-between}.pieces__select{width:150px}.seg{width:100%}.seg__option{flex:1 1 0;min-width:0}.depth{align-self:stretch}.seg--depth .seg__option{min-width:0}.stepper__input{font-size:16px}.settings__foot{padding-top:16px}.settings__cancel,.settings__save{flex:1 1 0;min-height:50px}.settings__save{flex:2.5 1 0}}.nav{background:var(--color-nav-bg);border-bottom:1px solid var(--color-nav-border)}.nav__wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1170px;height:43px;margin:0 auto}.nav__brand{padding-left:45px;font-style:italic;font-size:14px;color:var(--color-nav-fg);white-space:nowrap}.nav__tabs{display:flex;height:43px}.nav__tab{position:relative;display:flex;align-items:center;height:100%;padding:0 14px;font-size:12px;font-weight:500;letter-spacing:.01em;color:var(--color-nav-fg);text-decoration:none;white-space:nowrap}.nav__tab--active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--color-nav-active)}.nav__feedback{display:flex;align-items:center;gap:4px;justify-self:end;align-self:stretch;margin-right:18px;padding:0 6px;font-size:12px;font-weight:500;color:var(--color-fg-muted);text-decoration:none;white-space:nowrap}.nav__feedback-icon{width:10px;height:10px}@media(min-width:721px)and (max-width:1023px){.nav__wrap{grid-template-columns:1fr auto auto;column-gap:12px;padding:0 32px}.nav__brand{padding-left:0}.nav__feedback{margin-right:0}}@media(max-width:720px){.nav__wrap{grid-template-columns:1fr auto;height:auto}.nav__brand{grid-column:1 / -1;height:36px;padding:10px 16px 0}.nav__tabs{padding-left:2px}.nav__feedback{margin-right:10px;font-size:11px}}