.zo-app{--board-reserved-v: 292px;contain: inline-size;min-width: 0;margin-inline: calc(var(--board-gutter) - var(--gutter))}@media (min-width: 1024px){.zo-app{--board-reserved-v: 220px;max-width: calc(var(--board-max) + var(--side-w) + var(--sp-6));margin-inline: 0}}.zo-band{height: 6px;background: var(--game-zoomout-bg);border-bottom: var(--outline-w) solid var(--color-outline);margin-bottom: var(--sp-1)}.zo-statusrow{display: flex;align-items: center;gap: var(--sp-3);min-height: 44px;padding-inline: var(--board-gutter)}.zo-num{font-family: var(--font-num);font-variant-numeric: tabular-nums;font-weight: var(--fw-heavy);color: var(--color-text)}.zo-dots{display: inline-flex;gap: 5px;flex: none}.zo-dot{width: 10px;height: 10px;border-radius: 50%;border: 2px solid var(--color-border-strong);box-sizing: border-box;background: transparent}.zo-dot--used{background: var(--color-text-subtle);border-color: var(--color-text-subtle)}.zo-dot--win{background: var(--state-correct-bg);border-color: var(--state-correct-bg)}.zo-status{flex: 1;min-width: 0;margin: 0;font-size: var(--fs-sm);color: var(--color-text-muted);line-height: 1.25}.zo-coach{position: relative;flex: none;width: 44px;height: 44px;pointer-events: none}.zo-coach__img{display: block;width: 44px;height: 44px}.zo-coach__bubble{position: absolute;right: 0;top: calc(100% + 6px);z-index: 30;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: zo-bubble var(--dur-pop) var(--ease-spring)}.zo-coach__bubble[hidden]{display: none}@keyframes zo-bubble{from{transform: translateY(6px) scale(0.85);opacity: 0}to{transform: none;opacity: 1}}.zo-main{display: grid;gap: var(--sp-3);justify-items: center}.zo-side{width: 100%;max-width: var(--board-max);display: grid;gap: var(--sp-3);align-content: start;padding-inline: var(--sp-2);box-sizing: border-box}@media (min-width: 1024px){.zo-main{grid-template-columns: auto var(--side-w);align-items: start;justify-content: start;gap: var(--sp-6)}.zo-side{padding-inline: 0}}.zo-map{position: relative;width: var(--board-size);height: var(--board-size);overflow: hidden;background: var(--map-water);border: var(--outline-w) solid var(--color-outline);border-radius: var(--r-md);box-shadow: var(--shadow-pop);box-sizing: border-box;user-select: none;-webkit-user-select: none;touch-action: pan-y}.zo-svg{display: block;width: 100%;height: 100%}.zo-land{fill: var(--map-land);stroke: var(--map-coast);stroke-width: 1.2px;stroke-linejoin: round;vector-effect: non-scaling-stroke}.zo-target{fill: var(--map-target);stroke: var(--map-target-stroke);stroke-width: 2.2px;stroke-linejoin: round;vector-effect: non-scaling-stroke}.zo-border{stroke: var(--map-border);stroke-width: 1.2px;stroke-linejoin: round;stroke-linecap: round;vector-effect: non-scaling-stroke}.zo-grid{stroke: var(--map-river);stroke-width: 1px;stroke-opacity: 0.55;vector-effect: non-scaling-stroke}.zo-map--moving .zo-labels{opacity: 0}.zo-labels{position: absolute;inset: 0;pointer-events: none;transition: opacity var(--dur-base) ease-out}.zo-label{position: absolute;transform: translate(-50%,-50%);text-align: center;white-space: pre;font-size: 12px;line-height: 1.2;font-weight: var(--fw-semibold);color: var(--map-label);paint-order: stroke fill;-webkit-text-stroke: 3px var(--map-land);text-shadow: 0 0 2px var(--map-land)}.zo-scale{position: absolute;right: 8px;bottom: 8px;width: var(--zo-scale-w,30%);display: grid;gap: 2px;justify-items: stretch;pointer-events: none;font-size: var(--fs-xs);font-weight: var(--fw-bold);color: var(--map-label);text-align: center}.zo-scale__line{display: block;height: 6px;border: 2px solid var(--map-label);border-top: 0;box-sizing: border-box}.zo-scale__txt{text-shadow: 0 0 3px var(--map-land),0 0 3px var(--map-land);font-family: var(--font-num);font-variant-numeric: tabular-nums;white-space: nowrap}.zo-ctrl{display: grid;grid-template-columns: minmax(0,1fr) auto auto;gap: var(--sp-2);align-items: center}.zo-ctrl[hidden]{display: none}.zo-field{position: relative;min-width: 0}.zo-input{width: 100%;box-sizing: border-box;min-height: 52px;font: inherit;font-size: var(--fs-md);padding: 0 var(--sp-3);border-radius: var(--r-md);border: 1.5px solid var(--color-border-strong);background: var(--color-surface);color: var(--color-text)}.zo-input:focus-visible{outline: 3px solid var(--color-focus);outline-offset: 1px}.zo-guessbtn{min-height: 52px;padding-inline: var(--sp-4)}.zo-guessbtn:disabled{opacity: 1;background: var(--color-surface);color: var(--color-text-muted);border: var(--outline-w) solid var(--color-border-strong);box-shadow: none;cursor: not-allowed}.zo-skipbtn{min-height: 52px;min-width: 52px;padding: 0}.zo-icon{width: 24px;height: 24px;fill: none;stroke: currentColor;stroke-width: 2.6;stroke-linecap: round;stroke-linejoin: round;flex: none}.zo-skipbtn.is-locked{opacity: 0.55;cursor: progress}.zo-list{position: absolute;left: 0;right: 0;bottom: calc(100% + 4px);z-index: 20;margin: 0;padding: var(--sp-1);list-style: none;max-height: 290px;overflow: auto;background: var(--color-surface-raised);border: var(--outline-w) solid var(--color-outline);border-radius: var(--r-md);box-shadow: var(--shadow-pop-sm)}.zo-list[hidden]{display: none}@media (min-width: 1024px){.zo-list{bottom: auto;top: calc(100% + 4px)}}.zo-list.zo-list--below{bottom: auto;top: calc(100% + 4px)}.zo-opt{display: flex;align-items: center;justify-content: space-between;gap: var(--sp-2);min-height: var(--tap-min);padding: 0 var(--sp-3);border-radius: var(--r-sm);cursor: pointer;color: var(--color-text)}.zo-opt[aria-selected="true"]{background: var(--color-primary-soft);box-shadow: inset 0 0 0 2px var(--color-focus)}.zo-opt--used,.zo-opt--none{color: var(--color-text-subtle);cursor: default}.zo-opt__tag{font-size: var(--fs-xs);white-space: nowrap}.zo-guesses{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--sp-1)}.zo-guess{display: grid;grid-template-columns: 1.4em minmax(0,1fr);column-gap: var(--sp-2);align-items: center;min-height: 44px;padding: var(--sp-1) var(--sp-3);border-radius: var(--r-md);background: var(--color-surface);box-shadow: inset 0 0 0 1.5px var(--color-border)}.zo-guess--w{background: var(--state-correct-soft);box-shadow: inset 0 0 0 2px var(--state-correct-bg)}.zo-guess__n{font-family: var(--font-num);font-variant-numeric: tabular-nums;color: var(--color-text-subtle);font-weight: var(--fw-bold)}.zo-guess__name{font-weight: var(--fw-semibold);overflow-wrap: anywhere}.zo-guess__chips{grid-column: 2;display: flex;flex-wrap: wrap;gap: var(--sp-1)}.zo-chip{display: inline-flex;align-items: center;min-height: 24px;padding: 0 10px;border-radius: var(--r-pill);font-size: var(--fs-xs);font-weight: var(--fw-bold);white-space: nowrap}.zo-chip--yes{background: var(--state-correct-bg);color: var(--color-on-primary)}.zo-chip--no{background: transparent;color: var(--color-text-muted);box-shadow: inset 0 0 0 1.5px var(--color-border-strong)}.zo-chip--skip{background: var(--color-surface-sunken);color: var(--color-text-muted)}.zo-guess--ghost{min-height: 36px;background: transparent;box-shadow: none;border: 2px dashed var(--color-border-strong);opacity: 0.8}.zo-guess--ghost .zo-guess__n{color: var(--color-text-subtle)}.zo-badge{position: absolute;left: 8px;top: 8px;z-index: 2;padding: 3px 12px;border-radius: var(--r-pill);background: var(--game-zoomout-bg);color: var(--game-zoomout-fg);border: var(--outline-w) solid var(--color-outline);box-shadow: var(--shadow-pop-sm);font-family: var(--font-num);font-variant-numeric: tabular-nums;font-size: var(--fs-sm);font-weight: var(--fw-heavy);pointer-events: none}.zo-ring{position: absolute;left: 50%;top: 50%;z-index: 2;width: 70%;aspect-ratio: 1;border-radius: 50%;border: 4px solid var(--game-zoomout-bg);opacity: 0;pointer-events: none;transform: translate(-50%,-50%) scale(0.15)}.zo-end{padding: var(--sp-4);border-radius: var(--r-lg);background: var(--color-surface);border: var(--outline-w) solid var(--color-outline);box-shadow: var(--shadow-pop)}.zo-end:focus-visible{outline: 3px solid var(--color-focus);outline-offset: 2px}.zo-end__title{margin: 0 0 var(--sp-2);font-size: var(--fs-xl);line-height: 1.2}.zo-facts{display: grid;grid-template-columns: auto minmax(0,1fr);gap: var(--sp-1) var(--sp-3);margin: 0 0 var(--sp-3)}.zo-facts dt{color: var(--color-text-muted)}.zo-facts dd{margin: 0;font-weight: var(--fw-semibold);font-variant-numeric: tabular-nums}.zo-end__link{color: var(--color-link);font-weight: var(--fw-semibold)}.zo-credit{margin: var(--sp-3) 0 0;padding-inline: var(--sp-2);font-size: var(--fs-2xs);color: var(--color-text-subtle)}.zo-error{color: var(--state-error-fg)}@media (prefers-reduced-motion: reduce){.zo-coach__bubble{animation: none}.zo-labels{transition: none}}@media (min-width: 1024px){.zo-coach__bubble{right: calc(100% + 4px);top: 4px}}.pz-play:not([data-phase="result"]) .pz-root--zoomout{min-height: calc(min(100vw,560px) + 401px)}@media (min-width: 600px){.pz-play:not([data-phase="result"]) .pz-root--zoomout{min-height: 976px}}@media (min-width: 1024px){.pz-play:not([data-phase="result"]) .pz-root--zoomout{min-height: 643px}}@media (max-width: 380px){.pz-play:not([data-phase="result"]) .pz-root--zoomout{min-height: calc(100vw + 418px)}}