#odd-root[hidden]{display:none!important}
#odd-root{max-width:1500px;min-height:calc(100dvh - 62px);margin:auto;padding:20px clamp(12px,3vw,46px) 28px;color:#292620}
.odd-game{display:flex;flex-direction:column;gap:16px;max-width:1390px;margin:auto}
.odd-topline{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:3px 0 1px}
.odd-room-name{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a513f;margin-bottom:6px}
.odd-topline h2{font-size:clamp(23px,2.9vw,38px);line-height:1.08;letter-spacing:-.025em;margin:0 0 7px;font-weight:800}
.odd-rule{font-size:clamp(13px,1.2vw,16px);line-height:1.35;color:#4d493f;margin:0;max-width:68ch}
.odd-progress{flex:none;text-align:right;color:#675b4d}
.odd-progress strong{font-size:25px;line-height:1;font-variant-numeric:tabular-nums;color:#a74430}
.odd-progress strong span{font-size:15px;color:#6d6559}
.odd-progress-track{display:flex;gap:6px;margin-top:8px}
.odd-progress-dot{width:26px;height:5px;background:#d9d0c2;border-radius:5px}
.odd-progress-dot.done{background:#668064}.odd-progress-dot.current{background:#b44230}
.odd-scene-frame{position:relative;width:100%;background:#d4c7b5;border-radius:12px;overflow:hidden;box-shadow:0 16px 32px rgba(55,39,27,.17);isolation:isolate}
.odd-scene{width:100%;aspect-ratio:1200/720;overflow:hidden}
.odd-scene-art{width:100%;height:100%;display:block;fill:#000;stroke:none}
.odd-target{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:center}
.odd-target:hover{filter:brightness(1.075) drop-shadow(0 0 7px rgba(255,249,219,.9))}
.odd-target:focus-visible{filter:drop-shadow(0 0 9px #ac4933)}
.odd-target:focus-visible rect{stroke:#a93d2d;stroke-width:5;stroke-dasharray:9 5}
.odd-target.found{filter:drop-shadow(0 0 10px #fff5aa)}
.odd-target.found rect{stroke:#6a825c;stroke-width:6;stroke-dasharray:12 8}
.odd-target.wrong{animation:odd-nudge .34s ease-out}
@keyframes odd-nudge{25%{transform:translateX(-5px)}60%{transform:translateX(5px)}}
.odd-scene-caption{position:absolute;left:15px;bottom:14px;background:rgba(41,38,32,.86);color:#fff7e9;border-radius:6px;padding:9px 12px;font-size:12px;font-weight:700;pointer-events:none}
.odd-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px}
.odd-message{font-size:14px;line-height:1.4;color:#4d493f}.odd-message strong{color:#3f6043}.odd-message.error{color:#9b3d2d}.odd-message.success{color:#365840}
.odd-actions{display:flex;align-items:center;gap:8px;flex:none}
.odd-hint-button,.odd-primary{min-height:44px;border-radius:7px;padding:10px 18px;font:700 14px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
.odd-hint-button{color:#584d40;background:#fffdf8;border:1px solid #bdb0a0}.odd-hint-button:hover{background:#f1e9dc}
.odd-primary{color:#fff;background:#b44230;border:1px solid #b44230}.odd-primary:hover{background:#953723}
.odd-hint-button:focus-visible,.odd-primary:focus-visible{outline:3px solid #3a684c;outline-offset:3px}
.odd-hint{margin:-8px 0 0;padding:10px 14px;border-radius:7px;background:#e9e9db;color:#3b5037;font-size:13px;line-height:1.4}
.odd-finish{min-height:min(700px,calc(100dvh - 120px));justify-content:center;align-items:center;text-align:center;gap:12px}
.odd-finish-art{position:relative;width:160px;height:160px;display:grid;place-items:center;margin-bottom:14px}
.odd-finish-ring{position:absolute;inset:8px;border:20px solid #d9c8aa;border-radius:50%;box-shadow:0 10px 30px rgba(55,39,27,.1)}
.odd-finish-check{position:relative;font-size:70px;line-height:1;color:#668064;font-weight:800}
.odd-finish-count{margin:0;color:#9f4636;font-weight:800;font-size:14px}.odd-finish h2{margin:0;font-size:clamp(30px,4vw,48px);letter-spacing:-.03em}.odd-finish p:not(.odd-finish-count){max-width:42ch;margin:0 0 12px;color:#585044;line-height:1.45}
@media(max-width:600px){#odd-root{min-height:calc(100dvh - 54px);padding:13px 10px 20px}.odd-game{gap:10px}.odd-topline{align-items:start}.odd-room-name{font-size:10px;margin-bottom:3px}.odd-topline h2{font-size:22px;line-height:1.12;margin-bottom:6px;max-width:15ch}.odd-rule{font-size:12px;max-width:32ch}.odd-progress{padding-top:3px}.odd-progress strong{font-size:19px}.odd-progress strong span{font-size:11px}.odd-progress-track{gap:3px;margin-top:6px}.odd-progress-dot{width:8px;height:4px}.odd-scene-frame{border-radius:9px}.odd-scene{aspect-ratio:880/720}.odd-scene-caption{left:8px;bottom:8px;padding:6px 8px;font-size:10px}.odd-controls{align-items:flex-start;flex-direction:column;gap:9px}.odd-message{font-size:13px;min-height:34px}.odd-actions,.odd-actions button{width:100%}.odd-hint{margin-top:0}.odd-finish{min-height:calc(100dvh - 100px)}}
@media(prefers-reduced-motion:reduce){.odd-target.wrong{animation:none}}