#onion-box{width:min(1010px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f5ead0;color:#24463a;border:1px solid #c3a866;border-radius:20px}#onion-box::backdrop{background:#082b26d9;backdrop-filter:blur(5px)}.o-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#173d34;color:#ffedbf;position:sticky;top:0;z-index:10;font:18px Georgia}.o-nav button{min-height:44px;padding:10px 14px;border:1px solid #d6c08470;border-radius:24px;background:transparent;color:inherit;font:14px system-ui}.o-content{padding:18px 28px 24px;background:radial-gradient(ellipse at top,#fff8e5,#eadaba)}.o-heading{text-align:center;margin:0 0 14px}.o-heading .eyebrow{color:#8e703c;margin-bottom:8px}.o-heading h1{font-size:30px;line-height:1.2;margin:0}.o-stage{position:relative;width:min(100%,740px,calc(max(190px,100svh - 330px) * 1.5));aspect-ratio:3/2;margin:auto;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px #674c2933;background:#ab7343}.o-hall{width:100%;height:100%;display:block}.o-grandma{position:absolute;bottom:8%;height:48%;width:24%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 7px 4px #533c2755);transform-origin:50% 95%}.o-grandma.walking{animation:o-steps .5s ease-in-out infinite}.o-banter{display:grid;grid-template-columns:76px 1fr;gap:15px;max-width:740px;margin:16px auto;align-items:center}.o-portrait,.o-face{display:block;background-image:url('assets/era2-risk-night.svg');background-size:460% 230%;background-repeat:no-repeat;border-radius:50%;border:3px solid #d5be82;width:76px;height:76px}.o-portrait.eddie,.o-face.eddie{background-position:83% 18%}.o-portrait.agy,.o-face.agy{background-position:50% 25%}.o-face.john{background-position:17% 22%}.o-face.eddie{background-position:79% 18%}.o-bubble{background:#fff8e5;border:1px solid #b99e67;border-radius:18px;padding:15px 20px}.o-bubble p{font:22px/1.4 Georgia;margin:10px 0 0}.o-guide{font:14px/1.5 system-ui;color:#536b51;max-width:740px;margin:14px auto;text-align:center}.o-small{text-align:center;font:12px/1.5 system-ui;color:#6c735d;margin:10px 0}.o-primary,.o-retry,.o-finish,.o-move{display:block;margin:14px auto 0;min-height:48px;background:#1c5545;color:#ffefbc;border:1px solid #75996f;border-radius:26px;padding:12px 24px;font:600 15px system-ui;cursor:pointer}.o-move{width:min(100%,330px);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.o-move[aria-pressed=true]{background:#347c53}.o-game-reset{display:block;margin:10px auto;background:transparent;border:0;color:#675d3c;text-decoration:underline;font:13px system-ui;min-height:36px}.o-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:740px;margin:18px auto 0}.o-answers button{min-height:52px;border:1px solid #bba366;border-radius:14px;background:#fff8e4;color:#2a513e;font:600 15px system-ui;padding:12px}.o-feedback,.o-status{min-height:23px;text-align:center;color:#6c603c;font:600 14px/1.4 system-ui;margin:12px 0}.o-watchers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:740px;margin:0 auto 12px}.o-watcher{position:relative;display:grid;grid-template-columns:45px 1fr;gap:2px 9px;padding:8px 12px;background:#e5e9ce;border:2px solid #94aa7c;border-radius:14px;align-items:center}.o-face{--o-face-size:45px;width:var(--o-face-size);height:var(--o-face-size);min-width:var(--o-face-size);min-height:var(--o-face-size);flex:0 0 var(--o-face-size);aspect-ratio:1;box-sizing:border-box;grid-row:span 2;border-width:2px;transition:opacity .45s;transform:none;opacity:.55}.o-watcher strong{font:600 13px system-ui}.o-watcher small{font:11px system-ui;color:#5d6b52}.o-watcher.warning{background:#ffdf9c;border-color:#bd8735}.o-watcher.warning .o-face{transform:none;opacity:.85}.o-watcher.watching{background:#f4c5ad;border-color:#b46242}.o-watcher.watching .o-face{transform:rotateY(0);opacity:1}.o-watcher.helper.warning,.o-watcher.helper.watching{background:#d4edb4;border-color:#60964d}.o-wave{display:none;position:absolute;left:42px;top:0;font-size:27px;transform-origin:50% 90%}.o-watcher.helper.watching .o-wave{display:block;animation:o-wave .7s ease-in-out infinite}.o-progress{display:block;appearance:none;width:min(100%,740px);height:10px;margin:14px auto 0;border:0;border-radius:12px;overflow:hidden;background:#c5cba5;accent-color:#417a4b}.o-progress::-webkit-progress-bar{background:#c5cba5}.o-progress::-webkit-progress-value{background:#417a4b}.o-progress::-moz-progress-bar{background:#417a4b}.o-nav button:focus-visible,.o-primary:focus-visible,.o-retry:focus-visible,.o-finish:focus-visible,.o-move:focus-visible,.o-answers button:focus-visible{outline:3px solid #3e8663;outline-offset:3px}#onion-reset{width:min(460px,calc(100% - 24px))}#onion-reset button{min-height:44px;padding:10px 18px;border:1px solid #d8bf7b;background:#efcf86;color:#173c32;border-radius:20px;margin:8px;font:600 14px system-ui}@keyframes o-steps{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2%) rotate(1deg)}}@keyframes o-wave{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(15deg)}}@media(max-width:650px){.o-nav{padding:10px 12px}.o-nav>span{display:none}.o-content{padding:16px}.o-heading h1{font-size:24px}.o-stage{width:min(100%,calc(max(180px,100svh - 380px) * 1.5))}.o-banter{grid-template-columns:56px 1fr;gap:10px}.o-portrait{width:56px;height:56px}.o-bubble{padding:12px 15px}.o-bubble p{font-size:19px}.o-watchers{gap:5px}.o-watcher{padding:6px;display:flex;flex-direction:column;min-height:90px}.o-watcher small{font-size:10px;text-align:center;min-height:24px}.o-face{--o-face-size:34px}.o-wave{left:60%;top:0;font-size:22px}.o-guide{font-size:13px}.o-answers{gap:8px}.o-answers button{font-size:13px;padding:10px}.o-grandma{height:52%;width:26%}.o-status{font-size:13px}}@media(prefers-reduced-motion:reduce){.o-grandma.walking,.o-wave{animation:none!important}.o-face{transition:none}}
/* Approved figures peek from real hallway openings; game state owns visibility. */
.o-npc{position:absolute;pointer-events:none;z-index:2;overflow:hidden;isolation:isolate}.o-npc.john{left:0;top:20%;width:22%;height:36%;clip-path:polygon(0 0,100% 0,100% 100%,8% 100%,0 86%)}.o-npc.eddie{right:0;top:23%;width:22%;height:34%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.o-npc.agy{left:65%;top:22%;width:20%;height:33%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.o-npc-figure{position:absolute;inset:0;opacity:0;transition:transform .5s ease,opacity .5s ease;filter:drop-shadow(0 4px 3px #543b2d44)}.o-npc-figure>svg:not(.o-actor-wave){display:block;width:100%;height:100%}.o-npc.john.away .o-npc-figure{transform:translateX(-110%) rotateY(65deg)}.o-npc.eddie.away .o-npc-figure{transform:translateX(110%) rotateY(-65deg)}.o-npc.agy.away .o-npc-figure{transform:translateY(110%)}.o-npc.john.warning .o-npc-figure{transform:translateX(-30%);opacity:.85}.o-npc.eddie.warning .o-npc-figure{transform:translateX(30%);opacity:.85}.o-npc.agy.warning .o-npc-figure{transform:translateY(28%);opacity:.85}.o-npc.watching .o-npc-figure{transform:translate(0,0);opacity:1;transition:none}.o-npc.agy.watching .o-actor-wave{opacity:1;animation:o-wave .7s ease-in-out infinite}.o-actor-wave{position:absolute;right:0;top:13%;width:29%;height:63%;opacity:0;transform-origin:50% 90%;filter:drop-shadow(0 2px 2px #5a382b33)}.o-grandma{z-index:3}.o-npc.agy:after{content:'';position:absolute;bottom:0;left:0;right:0;height:6%;background:linear-gradient(#c09a64,#7e5c32);border-radius:3px;box-shadow:0 2px 3px #593e2644}.o-npc.agy.away:after{display:none}@media(prefers-reduced-motion:reduce){.o-npc-figure{transition:none}.o-npc.agy.watching .o-actor-wave{animation:none}}

/* Comic catch stamp: only the John/Eddie caught screen mounts this element. */
.o-caught-burst{position:absolute;z-index:8;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-8deg);pointer-events:none;color:#ffe667;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(3.4rem,15vw,8rem);font-weight:900;letter-spacing:.025em;line-height:1.05;-webkit-text-stroke:2px #60261b;text-shadow:3px 4px 0 #60261b,6px 7px 0 #fff1bd;animation:o-caught-pop .42s cubic-bezier(.18,.85,.3,1.3) both;white-space:nowrap}
.o-content{position:relative}
@keyframes o-caught-pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scale(.2)}75%{opacity:1;transform:translate(-50%,-50%) rotate(-6deg) scale(1.08)}100%{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.o-caught-burst{animation:none}}