.ho-editor{display: grid;gap: 12px;max-width: 1400px;margin: 0 auto;}.ho-top{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px;}.ho-steps{display: flex;flex-wrap: wrap;gap: 6px;}.ho-steps__tab{display: inline-flex;align-items: center;gap: 8px;min-height: 48px;padding: 6px 16px 6px 8px;border: 2px solid var(--po-line-strong,#d9c9ac);border-radius: var(--po-radius-pill,999px);background: var(--po-surface,#fff);color: var(--po-text,#1e2046);font: 800 1rem var(--po-font-body,system-ui,sans-serif);cursor: pointer;}.ho-steps__tab[aria-selected="true"]{border-color: #c2571a;background: #fff1e6;}.ho-steps__tab:focus-visible,.ho-choice:focus-visible,.ho-palette__item:focus-visible{outline: 4px solid var(--po-focus,#1a5fd0);outline-offset: 2px;}.ho-steps__number{display: grid;place-items: center;width: 32px;height: 32px;border-radius: 50%;background: #c2571a;color: #fff;font-weight: 800;}.ho-chip{margin: 0;padding: 8px 14px;border-radius: var(--po-radius-pill,999px);background: var(--po-slate-soft,#e4e8ef);font-weight: 800;font-size: 0.95rem;}.ho-chip[data-state="ready"]{background: var(--po-success-soft,#ddf3e6);color: var(--po-success,#1f8a52);}.ho-chip[data-state="ambiguous"],.ho-chip[data-state="impossible"],.ho-chip[data-state="offline"],.ho-chip[data-state="invalid"]{background: var(--po-warning-soft,#fff0d4);color: var(--po-warning,#a35c00);}.ho-main{display: grid;gap: 14px;align-items: start;}@media (min-width: 980px){.ho-main{grid-template-columns: minmax(0,1.65fr) minmax(300px,1fr);}.ho-scene-wrap{position: sticky;top: 8px;}}.ho-scene-wrap{overflow: hidden;border-radius: var(--po-radius-lg,24px);background: #cfeaff;box-shadow: 0 4px 0 rgba(34,36,90,0.08);}.ho-scene{display: block;width: 100%;height: auto;aspect-ratio: 16 / 10;}.ho-spot{cursor: pointer;outline: none;}.ho-spot__hit{fill: transparent;}.ho-spot__ring{fill: rgba(255,255,255,0.55);stroke: #22245a;stroke-width: 5;stroke-dasharray: 14 10;}.ho-spot__plus{stroke: #22245a;stroke-width: 9;stroke-linecap: round;}.ho-spot__badge{fill: #22245a;}.ho-spot__number{fill: #fff;font-weight: 800;font-family: var(--po-font-body,system-ui,sans-serif);text-anchor: middle;dominant-baseline: central;}.ho-spot__box{fill: transparent;stroke: transparent;stroke-width: 8;}.ho-spot:hover .ho-spot__box,.ho-spot:hover .ho-spot__ring{stroke: #16a394;}.ho-spot:focus-visible .ho-spot__box,.ho-spot:focus-visible .ho-spot__ring{stroke: var(--po-focus,#1a5fd0);stroke-width: 10;stroke-dasharray: none;}.ho-spot.is-selected .ho-spot__box,.ho-spot.is-selected .ho-spot__ring{stroke: #c2571a;stroke-width: 10;stroke-dasharray: 22 12;fill: rgba(255,241,230,0.25);}.ho-spots.is-off{pointer-events: none;}.ho-spots.is-off .ho-spot__ring,.ho-spots.is-off .ho-spot__plus,.ho-spots.is-off .ho-spot__badge,.ho-spots.is-off .ho-spot__number{display: none;}.ho-places{display: grid;grid-template-columns: repeat(auto-fill,minmax(118px,1fr));gap: 6px;}.ho-places .ho-choice{justify-content: flex-start;min-height: 52px;padding: 6px 10px;font-size: 0.85rem;text-align: left;}.ho-places__number{display: grid;flex: none;place-items: center;width: 28px;height: 28px;border-radius: 50%;background: #22245a;color: #fff;font-weight: 800;}.ho-places__name{line-height: 1.2;}.ho-panel{display: grid;gap: 12px;padding: 14px;border: 2px solid var(--po-line,#eadfcb);border-radius: var(--po-radius-lg,24px);background: var(--po-surface,#fff);}.ho-step-hint{margin: 0;font-weight: 800;font-size: 1.05rem;color: #8a3a10;}.ho-section{display: grid;gap: 8px;}.ho-section__title{margin: 0;font-size: 1.05rem;}.ho-label{margin: 4px 0 0;font-weight: 800;font-size: 0.9rem;color: var(--po-text-muted,#4d5178);}.ho-tip{margin: 0;color: var(--po-text-muted,#4d5178);}.ho-current{margin: 0;padding: 8px 12px;border-radius: 12px;background: #fff1e6;font-weight: 800;}.ho-choices{display: flex;flex-wrap: wrap;gap: 8px;}.ho-choices--wide .ho-choice{flex: 1 1 200px;}.ho-choice{display: inline-flex;align-items: center;gap: 8px;min-height: 48px;}.ho-choice.is-on{border-color: #0e7d71;background: var(--po-teal-soft,#d6f2ee);box-shadow: inset 0 0 0 2px #0e7d71;}.ho-choice .ho-icon{width: 36px;height: 36px;}.ho-swatch{width: 20px;height: 20px;border: 2px solid rgba(34,36,90,0.35);border-radius: 50%;}.ho-palette{display: grid;grid-template-columns: repeat(auto-fill,minmax(92px,1fr));gap: 8px;}.ho-palette__item{display: grid;justify-items: center;gap: 4px;min-height: 92px;padding: 8px 4px;border: 2px solid var(--po-line,#eadfcb);border-radius: 16px;background: #fff;color: var(--po-text,#1e2046);font: 700 0.85rem var(--po-font-body,system-ui,sans-serif);cursor: pointer;}.ho-palette__item:hover{border-color: #16a394;}.ho-palette__item:disabled{opacity: 0.5;cursor: not-allowed;}.ho-palette__item .ho-icon{width: 56px;height: 56px;}.ho-row{display: flex;flex-wrap: wrap;gap: 8px;}.ho-clues{display: grid;gap: 10px;margin: 0;padding: 0;list-style: none;}.ho-clue{display: grid;gap: 8px;padding: 12px;border: 2px solid var(--po-line,#eadfcb);border-radius: 16px;background: var(--po-cream,#fff8ec);}.ho-clue__sentence{margin: 0;font-weight: 800;font-size: 1.1rem;}.ho-clue__fields{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 8px;}.ho-field{display: grid;gap: 4px;}.ho-clue-list{margin: 0;padding-left: 1.4em;font-weight: 700;}.ho-result{display: grid;gap: 6px;margin: 0;padding: 12px 14px;border-radius: 16px;background: var(--po-slate-soft,#e4e8ef);font-weight: 700;}.ho-result[data-state="ready"]{background: var(--po-success-soft,#ddf3e6);color: #14603a;}.ho-result[data-state="ambiguous"],.ho-result[data-state="impossible"],.ho-result[data-state="offline"],.ho-result[data-state="invalid"]{background: var(--po-warning-soft,#fff0d4);color: #7a4300;}.ho-result__message{margin: 0;font-weight: 800;}.ho-result__details{margin: 0;padding-left: 1.2em;}.ho-test{width: min(1100px,calc(100vw - 16px));}.ho-play{display: grid;gap: 12px;}.ho-play__head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 14px;}.ho-play__title{margin: 0;}.ho-play__maker{margin: 0;}.ho-play__clue-box{display: grid;gap: 8px;padding: 12px 16px;border: 3px solid #f7d2b8;border-radius: var(--po-radius-lg,24px);background: #fff6ef;}.ho-play__prompt{margin: 0;font-weight: 800;font-size: clamp(1.1rem,1rem + 0.6vw,1.4rem);}.ho-play__clues{display: grid;gap: 6px;margin: 0;padding: 0;list-style: none;font-weight: 700;font-size: 1.05rem;}.ho-play__clue-actions{display: flex;gap: 8px;}.ho-play__feedback{margin: 0;min-height: 1.4em;font-weight: 800;}.ho-play__feedback[data-state="good"]{color: var(--po-success,#1f8a52);}.ho-play__feedback[data-state="gentle"]{color: #8a3a10;}.ho-play__done{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;padding: 12px 16px;border-radius: var(--po-radius-lg,24px);background: var(--po-sun-soft,#fff1c9);}.ho-play__done[hidden]{display: none;}.ho-play__olly svg{width: 84px;height: 84px;}.ho-play__olly:not(.is-calm) svg{animation: ho-hop 700ms var(--po-ease-bounce,ease-out) 2;}.ho-play__done-text{margin: 0;font-weight: 800;font-size: 1.4rem;}.ho-puzzles{display: grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: 14px;margin: 0;padding: 0;list-style: none;}.ho-puzzle{display: grid;gap: 8px;padding: 14px;border: 2px solid var(--po-line,#eadfcb);border-radius: var(--po-radius-lg,24px);background: var(--po-surface,#fff);}.ho-puzzle h3{margin: 0;}@keyframes ho-hop{40%{transform: translateY(-12px);}}@media (prefers-reduced-motion: reduce){.ho-play__olly svg{animation: none;}}