:root{color-scheme:dark;background:#08150e;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 30%,#244831,#07140d 72%)}#app{display:grid;place-items:center;padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}#stage{position:relative;max-width:100%;max-height:100%;overflow:hidden;box-shadow:0 12px 36px #0000007a;background:#111;border-radius:8px}#screenImage{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#paintLayer{position:absolute;left:18%;top:15%;width:63%;height:61.5%;touch-action:none;cursor:crosshair}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;border:0;background:transparent;cursor:pointer;padding:0;border-radius:16px;touch-action:manipulation;pointer-events:auto}.hotspot:focus-visible{outline:4px solid rgba(255,232,104,.95);outline-offset:2px;background:#ffe86814}body.debug .hotspot{outline:2px dashed #ffdc4d;background:#ffdc4d21}body.debug .hotspot:after{content:attr(aria-label);position:absolute;left:0;top:0;background:#000000c2;color:#fff;font:600 11px/1.25 system-ui;padding:3px 5px;border-radius:4px;max-width:160px;white-space:normal}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#153723f5;border:1px solid rgba(255,218,105,.55);box-shadow:0 8px 28px #0006;color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;transition:.2s;z-index:20;text-align:center;max-width:min(90vw,720px)}#toast.show{opacity:1;transform:translate(-50%)}#devBadge{position:fixed;right:8px;bottom:8px;background:#0819108c;color:#ffffff73;font:600 10px/1 system-ui;padding:5px 7px;border-radius:999px;-webkit-user-select:none;user-select:none;z-index:15}.story-dialog{width:min(92vw,620px);max-height:min(86vh,760px);overflow:auto;border:2px solid #d4a431;border-radius:24px;padding:28px;background:linear-gradient(145deg,#fffdf5,#edf7df);color:#173424;box-shadow:0 24px 80px #0000007a}.story-dialog::backdrop{background:#04110bc2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.story-dialog h2{margin:0 42px 14px 0;color:#1f6b36;font-size:clamp(1.55rem,5vw,2.25rem);line-height:1.05}.story-dialog p,.story-dialog li{font-size:1.03rem;line-height:1.55}.story-dialog ul{padding-left:1.3rem}.dialog-close{position:absolute;right:14px;top:12px;width:40px;height:40px;border:0;border-radius:999px;background:#173f28;color:#fff;font-size:26px;cursor:pointer}#memberForm{display:grid;gap:16px;margin-top:18px}#memberForm label{display:grid;gap:7px;font-weight:700}#memberForm input[type=email]{width:100%;border:2px solid #8eaf66;border-radius:12px;padding:13px 14px;font:inherit;background:#fff}#memberForm .consent{grid-template-columns:24px 1fr;align-items:start;font-weight:500}#memberForm input[type=checkbox]{width:20px;height:20px;margin-top:3px;accent-color:#4d8e2b}#memberSubmit{border:0;border-radius:14px;padding:14px 18px;background:linear-gradient(#78b83c,#3f8127);color:#fff;font:800 1.05rem system-ui;cursor:pointer;box-shadow:0 5px #285919}#memberSubmit:disabled{opacity:.6;cursor:wait}#memberPrivacy{line-height:1.4;color:#496552}@media print{body{background:#fff}#hotspots,#toast{display:none!important}#app{padding:0}#stage{box-shadow:none}}@media(hover:hover){.hotspot:hover{background:#ffffff09}}