.sb-app{--board-reserved-v: 240px;contain: inline-size;min-width: 0}.sb-app--practice{--board-reserved-v: 340px}@media (min-width: 1024px){.sb-app{--board-reserved-v: 300px;max-width: calc(var(--board-max) + var(--side-w) + var(--sp-6))}.sb-app--practice{--board-reserved-v: 380px}}.sb-sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.sb-tabs{display: flex;gap: var(--sp-1);border-bottom: 1px solid var(--color-border);margin-bottom: var(--sp-2)}.sb-tab{min-height: var(--tap-min);padding: 0 var(--sp-4);border: 0;background: none;cursor: pointer;font: inherit;color: var(--color-text-muted);border-bottom: 3px solid transparent;margin-bottom: -1px}.sb-tab[aria-selected="true"]{color: var(--color-text);font-weight: var(--fw-semibold);border-bottom-color: var(--color-primary)}.sb-practicebar{display: grid;grid-template-columns: 1fr auto;align-items: center;gap: var(--sp-2);margin-bottom: var(--sp-2);max-width: var(--board-max)}.sb-practicebar[hidden]{display: none}.sb-practicebar .sb-seg:last-child{grid-column: 1 / -1}@media (max-width: 479px){.sb-btn--new .sb-btn__label{display: none}.sb-btn--new{padding: 0 var(--sp-3)}}.sb-seg{display: flex;border-radius: var(--r-md);overflow: hidden;background: var(--color-surface);border: var(--outline-w) solid var(--color-outline);box-shadow: var(--shadow-pop-sm)}.sb-seg__btn{flex: 1 1 0;min-width: 0;min-height: var(--tap-min);padding: 2px var(--sp-2);display: inline-flex;flex-direction: column;align-items: center;justify-content: center;border: 0;border-radius: 0;background: transparent;color: var(--color-text-muted);font: inherit;cursor: pointer}.sb-seg__btn + .sb-seg__btn{border-left: var(--outline-w) solid var(--color-outline)}.sb-seg__btn[aria-checked="true"]{background: var(--game-star-battle-bg);color: var(--game-star-battle-fg)}.sb-seg__btn:focus-visible{outline: 3px solid var(--color-focus);outline-offset: -4px}.sb-seg__main{font-size: var(--fs-sm);font-weight: var(--fw-heavy);line-height: var(--lh-tight);white-space: nowrap}.sb-seg__sub{font-size: var(--fs-2xs);font-weight: var(--fw-semibold);line-height: var(--lh-tight);white-space: nowrap}.sb-status{display: flex;align-items: center;gap: var(--sp-3);min-height: 40px;font-size: var(--fs-sm);color: var(--color-text-muted)}.sb-status__meta{color: var(--color-text);font-weight: var(--fw-semibold)}.sb-status__sp{flex: 1}.sb-status > *{white-space: nowrap}.sb-status{flex-wrap: wrap;row-gap: 0}.sb-status__meta{min-width: 0}@media (max-width: 480px){.sb-status__meta{flex: 1 0 100%}.sb-status__sp{display: none}.sb-status .sb-iconbtn{margin-inline-start: auto}}.sb-status__hints,.sb-status__timer{font-family: var(--font-num);font-variant-numeric: tabular-nums;display: inline-flex;align-items: center;gap: var(--sp-1)}.sb-status__time{min-width: 3.2em}.sb-icon{width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;flex: none}.sb-icon--lg{width: 28px;height: 28px}.sb-iconbtn{display: inline-grid;place-items: center;min-width: var(--tap-min);min-height: var(--tap-min);padding: 0;border: 0;border-radius: var(--r-md);background: none;color: var(--color-text);cursor: pointer}.sb-iconbtn:hover{background: var(--color-surface-sunken)}.sb-main{display: grid;gap: var(--sp-3);justify-items: center;margin-inline: calc(var(--board-gutter) - var(--gutter))}.sb-side{width: 100%;max-width: var(--board-max);display: grid;gap: var(--sp-3);align-content: start;padding-inline: calc(var(--gutter) - var(--board-gutter));box-sizing: border-box}@media (min-width: 1024px){.sb-main{grid-template-columns: auto var(--side-w);align-items: start;justify-content: start;gap: var(--sp-6);margin-inline: 0}.sb-side{padding-inline: 0}}.sb-boardwrap{position: relative}.sb-board{width: var(--board-size);height: var(--board-size);display: grid;grid-template-rows: repeat(var(--grid-n),1fr);border-radius: var(--r-xs);overflow: hidden;touch-action: none;user-select: none;-webkit-user-select: none;box-shadow: var(--shadow-1);background: var(--color-surface)}.sb-row{display: grid;grid-template-columns: repeat(var(--grid-n),1fr)}.sb-gc{display: contents}.sb-cell{--sb-line: color-mix(in srgb,var(--color-text) 25%,transparent);--sb-thick: var(--pz-region-border) solid var(--color-grid-line-strong);position: relative;display: grid;place-items: center;padding: 0;margin: 0;min-width: 0;min-height: 0;font: inherit;color: var(--pz-region-fg);cursor: pointer;background: var(--sb-tint);border: 0;border-top: 1px solid var(--sb-line);border-left: 1px solid var(--sb-line);-webkit-tap-highlight-color: transparent}.sb-cell.sb-bt{border-top: var(--sb-thick)}.sb-cell.sb-bl{border-left: var(--sb-thick)}.sb-cell.sb-bb{border-bottom: var(--sb-thick)}.sb-cell.sb-br{border-right: var(--sb-thick)}.sb-r1{--sb-tint: var(--pz-region-1)}.sb-r2{--sb-tint: var(--pz-region-2)}.sb-r3{--sb-tint: var(--pz-region-3)}.sb-r4{--sb-tint: var(--pz-region-4)}.sb-r5{--sb-tint: var(--pz-region-5)}.sb-r6{--sb-tint: var(--pz-region-6)}.sb-r7{--sb-tint: var(--pz-region-7)}.sb-r8{--sb-tint: var(--pz-region-8)}.sb-r9{--sb-tint: var(--pz-region-9)}.sb-cell:focus{outline: none}.sb-cell:focus-visible{box-shadow: inset 0 0 0 3px var(--color-focus);z-index: 1}.sb-glyph{display: grid;place-items: center;width: 72%;height: 72%;pointer-events: none}.sb-star{width: 100%;height: 100%;fill: var(--pz-lantern-fill);stroke: var(--pz-lantern-stroke);stroke-width: 1.5;stroke-linejoin: round;filter: drop-shadow(0 0 3px var(--pz-lantern-glow))}.sb-x{width: 52%;height: 52%;fill: none;stroke: var(--pz-region-fg);stroke-width: 2.6;stroke-linecap: round}.sb-cell[data-kind="auto"] .sb-x{opacity: var(--pz-mark-auto-opacity)}.sb-sym,.sb-warn{position: absolute;font-size: var(--fs-2xs);line-height: 1;pointer-events: none}.sb-sym{top: 2px;left: 3px;display: none;color: var(--pz-region-fg)}.sb-board--symbols .sb-sym{display: block}.sb-warn{top: 2px;right: 3px;display: none;color: var(--state-error-fg);font-weight: var(--fw-bold);background: var(--color-surface);border-radius: var(--r-xs);padding: 1px}.sb-cell--bad{box-shadow: inset 0 0 0 2px var(--state-error-border);background-image: var(--pattern-error)}.sb-cell--bad .sb-warn{display: block}.sb-cell--bad:focus-visible{box-shadow: inset 0 0 0 2px var(--state-error-border),inset 0 0 0 5px var(--color-focus)}.sb-cell--zone{background-image: repeating-linear-gradient(135deg,color-mix(in srgb,var(--state-hint-fg) 30%,transparent) 0 2px,transparent 2px 7px)}.sb-cell--hint{outline: 3px dashed var(--state-selected-ring);outline-offset: -5px;z-index: 1}.sb-board--done .sb-cell{cursor: default}.sb-board--flash .sb-cell{background-color: var(--state-correct-soft);background-image: none;transition: background-color var(--dur-fast,140ms) ease-out}.sb-board--hidden{visibility: hidden}.sb-paused{position: absolute;inset: 0;display: grid;place-content: center;justify-items: center;gap: var(--sp-3);background: var(--color-surface-sunken);border-radius: var(--r-xs);color: var(--color-text)}.sb-paused[hidden]{display: none}.sb-hint{display: grid;grid-template-columns: auto 1fr auto;gap: var(--sp-2);align-items: start;padding: var(--sp-3);border-radius: var(--r-md);background: var(--state-hint-bg);color: var(--color-text);border-left: 4px solid var(--state-hint-fg)}.sb-hint[hidden]{display: none}.sb-hint__icon{color: var(--state-hint-fg);margin-top: 2px}.sb-hint__text{margin: 0;font-size: var(--fs-sm);line-height: var(--lh-snug)}.sb-hint__close{min-width: 36px;min-height: 36px;margin: -6px -6px 0 0}.sb-controls[hidden]{display: none}.sb-tools{display: grid;grid-template-columns: repeat(5,1fr);gap: var(--sp-1)}.sb-tool{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;min-height: 56px;padding: var(--sp-1);border: 0;border-radius: var(--r-md);background: none;color: var(--color-text);cursor: pointer;font: inherit}.sb-tool:hover{background: var(--color-surface-sunken)}.sb-tool[aria-disabled="true"]{color: var(--color-text-subtle);cursor: default}.sb-tool[aria-disabled="true"]:hover{background: none}.sb-tool[aria-expanded="true"]{background: var(--color-primary-soft)}.sb-tool__label{font-size: var(--fs-xs);white-space: nowrap}.sb-more{display: grid;gap: var(--sp-1);margin-top: var(--sp-2);padding: var(--sp-2);border-radius: var(--r-md);background: var(--color-surface);box-shadow: var(--shadow-1)}.sb-more[hidden]{display: none}.sb-switch{display: grid;grid-template-columns: 1fr auto 40px;align-items: center;gap: var(--sp-2);min-height: 56px;padding: 0 var(--sp-2);border: 0;border-radius: var(--r-sm);background: none;color: var(--color-text);font: inherit;text-align: start;cursor: pointer}.sb-switch:hover{background: var(--color-surface-sunken)}.sb-switch__state{font-size: var(--fs-sm);color: var(--color-text-muted)}.sb-switch__knob{position: relative;width: 40px;height: 24px;border-radius: var(--r-pill);background: var(--color-surface-sunken);border: 1.5px solid var(--color-border-strong)}.sb-switch__knob::after{content: "";position: absolute;top: 2px;left: 2px;width: 17px;height: 17px;border-radius: 50%;background: var(--color-text-muted);transition: transform var(--dur-fast,140ms)}.sb-switch[aria-pressed="true"] .sb-switch__knob{background: var(--color-primary);border-color: var(--color-primary)}.sb-switch[aria-pressed="true"] .sb-switch__knob::after{transform: translateX(16px);background: var(--color-on-primary)}.sb-btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--sp-2);min-height: var(--tap-min);padding: 0 var(--sp-5);border: var(--outline-w) solid var(--color-outline);border-radius: var(--r-pill);background: var(--color-surface);color: var(--color-text);box-shadow: var(--shadow-pop);font: inherit;font-weight: var(--fw-heavy);cursor: pointer;transition: transform var(--dur-instant) var(--ease-out),box-shadow var(--dur-instant) var(--ease-out)}.sb-btn:active{transform: translateY(var(--press-y));box-shadow: 0 1px 0 var(--color-outline)}.sb-btn--primary{background: var(--brand-fox);color: var(--brand-plum);min-height: 52px}.sb-btn--danger{border-color: var(--state-error-border);color: var(--state-error-fg)}.sb-dialog .sb-btn--danger{background: var(--state-error-border);color: var(--color-surface)}.sb-btn--small{min-height: var(--tap-min)}.sb-btn--link{border-color: transparent}.sb-result{display: grid;gap: var(--sp-3);padding: var(--sp-4);border-radius: var(--r-lg);background: var(--color-surface);box-shadow: var(--shadow-1)}.sb-result[hidden]{display: none}.sb-result__head{display: flex;align-items: center;gap: var(--sp-2);margin: 0;font-size: var(--fs-xl)}.sb-result__head .sb-icon{color: var(--color-success)}.sb-result__hero{display: flex;align-items: baseline;gap: var(--sp-3);margin: 0;font-family: var(--font-num);font-variant-numeric: tabular-nums}.sb-result__hero b{font-size: var(--fs-3xl);font-weight: var(--fw-black)}.sb-result__hero span{color: var(--color-text-muted)}.sb-result__sub{margin: 0;color: var(--color-text-muted);font-size: var(--fs-sm)}.sb-rules{margin: 0;padding: 0;list-style: none;font-size: var(--fs-sm);color: var(--color-text-muted)}.sb-rules li{padding-left: 1.3em;position: relative}.sb-rules li::before{content: "★";position: absolute;left: 0;color: var(--color-accent-strong)}@media (max-width: 1023px){.sb-rules{display: flex;flex-wrap: wrap;gap: 0 var(--sp-3)}}.sb-dialog{max-width: min(92vw,var(--modal-max));border: 0;border-radius: var(--r-xl);padding: var(--sp-6);background: var(--color-surface);color: var(--color-text);box-shadow: var(--shadow-3)}.sb-dialog::backdrop{background: var(--color-scrim)}.sb-dialog__msg{margin: 0 0 var(--sp-4)}.sb-dialog__row{display: flex;justify-content: flex-end;gap: var(--sp-2)}@media (prefers-reduced-motion: reduce){.sb-board--flash .sb-cell,.sb-switch__knob::after{transition: none}}:root[data-motion="reduce"] .sb-board--flash .sb-cell,:root[data-motion="reduce"] .sb-switch__knob::after{transition: none}.sb-cell{transition: transform var(--dur-instant) var(--ease-out)}.sb-cell:active:not([aria-disabled]){transform: scale(0.92)}.sb-board--done .sb-cell:active{transform: none}.sb-cell--win .sb-glyph{animation: sb-win calc(var(--dur-slow) * 2) var(--ease-spring) var(--sb-delay,0ms) both}@keyframes sb-win{0%{transform: scale(1)}40%{transform: scale(1.5) rotate(20deg);filter: drop-shadow(0 0 10px var(--pz-lantern-glow))}100%{transform: scale(1)}}.sb-status__stars{font-family: var(--font-num);font-variant-numeric: tabular-nums;color: var(--color-accent-strong);font-weight: var(--fw-semibold)}.sb-root{margin-inline: calc(var(--board-gutter) - var(--gutter))}.sb-band{height: 6px;margin: 0 calc(-1 * var(--board-gutter));background: var(--game-star-battle-band);border-bottom: var(--outline-w) solid var(--color-outline);margin-bottom: var(--sp-2)}@media (min-width: 1024px){.sb-band{margin-inline: 0}}.sb-coach{position: relative;flex: none;width: 44px;height: 44px;pointer-events: none}.sb-coach[hidden]{display: none}.sb-coach__img{display: block;width: 44px;height: 44px}.sb-coach__bubble{position: absolute;right: calc(100% + 4px);top: 4px;z-index: 6;white-space: nowrap;padding: 6px 10px;border-radius: 14px 14px 4px 14px;background: var(--bubble-bg);color: var(--bubble-fg);border: var(--outline-w) solid var(--color-outline);box-shadow: var(--shadow-pop-sm);font-size: var(--fs-xs);font-weight: var(--fw-heavy);line-height: 1.2;animation: sb-bubble var(--dur-pop) var(--ease-spring)}.sb-coach__bubble[hidden]{display: none}@keyframes sb-bubble{from{transform: translateY(6px) scale(0.85);opacity: 0}to{transform: none;opacity: 1}}@media (prefers-reduced-motion: reduce){.sb-coach__bubble{animation: none}}.pz-play:not([data-phase="result"]) .pz-root--star-battle{min-height: calc(min(100vw,560px) + 261px)}@media (min-width: 600px){.pz-play:not([data-phase="result"]) .pz-root--star-battle{min-height: 773px}}@media (min-width: 1024px){.pz-play:not([data-phase="result"]) .pz-root--star-battle{min-height: 610px}}@media (max-width: 380px){.pz-play:not([data-phase="result"]) .pz-root--star-battle{min-height: calc(100vw + 282px)}}