.story-page{color:#ece6d6;background:radial-gradient(80% 55% at 50% -10%,#5060aa47,#0000 70%),linear-gradient(#0e1230 0%,#0a0d1f 100%);min-height:100dvh}.st-top{align-items:center;gap:14px;width:min(980px,100% - 32px);margin:0 auto;padding:18px 0 0;display:flex}.st-home{font-size:15px;font-weight:700;text-decoration:none}.st-right{color:#b8b3cc;margin:0 0 0 auto;font-size:13.5px}.st-sound{background:0 0;border:1.5px solid;border-radius:50%;flex:none;width:34px;height:34px;padding:6px}.st-wrap{width:min(980px,100% - 32px);margin:0 auto;padding:24px 0 70px}.st-kicker{letter-spacing:.04em;color:#a9a3c4;margin:0;font-size:13px}.st-title{letter-spacing:-.02em;margin:2px 0 6px;font-size:clamp(28px,5vw,40px);font-weight:800}.st-lead{color:#d6d0e4;max-width:40em;margin:0 0 18px;font-size:15px;line-height:1.75}.st-scene{width:min(100%, calc((100dvh - 260px) * var(--arn,1.4286)));min-width:min(100%,320px);aspect-ratio:var(--ar,800 / 560);background:#141833;border-radius:6px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #000000e6}.st-art{position:absolute;inset:0}.st-art>svg{width:100%;height:100%;display:block}.st-spot{cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;position:absolute}.st-spot:hover,.st-spot:focus-visible{outline-offset:2px;background:#ffecbe1a;outline:2px dashed #ffecbe8c}.st-spot:after{content:"";background:#ffe9b0;border-radius:50%;width:7px;height:7px;animation:2.6s ease-in-out infinite st-twinkle;position:absolute;top:4px;right:4px;box-shadow:0 0 8px 2px #ffe9b099}.st-spot.seen:after{display:none}@keyframes st-twinkle{50%{opacity:.2}}.st-cap{min-height:3.6em;font-family:var(--font-hand);color:#f3e6c4;margin:14px 2px 0;font-size:clamp(22px,3.4vw,27px);line-height:1.35}.st-cap small{font-family:var(--font-serif);color:#b8b3cc;margin-top:4px;font-size:13.5px;display:block}.st-cap.pop{animation:.5s both st-pop}@keyframes st-pop{0%{opacity:0;translate:0 6px}}.st-btn{color:inherit;background:0 0;padding:6px 16px;font-size:15px;text-decoration:none;display:inline-block}.st-btn.solid{color:#1a1d36;background:#efe6cf;border-color:#efe6cf}.st-actions{flex-wrap:wrap;gap:10px;margin:16px 0 0;display:flex}.st-locked{text-align:center;place-items:center;min-height:60dvh;display:grid}.st-locked[hidden]{display:none}.st-locked h1{margin:0 0 8px;font-size:26px}.st-locked p{color:#cfc9de;max-width:26em;margin:0 auto 10px;line-height:1.7}.wn-guard{background:#1b1d33;width:6.5%;height:6.43%;transition:background .12s,box-shadow .12s;position:absolute;top:44.64%;left:43%}.wn-guard.on{background:#e3f1ff;box-shadow:0 0 18px 6px #c8e4ff8c}.wn-guard.warm.on{background:#ffe7b0;box-shadow:0 0 22px 8px #ffdc9699}.wn-guard svg{width:100%;height:100%;position:absolute;inset:0}.wn-lampglow{aspect-ratio:1;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#ffe2a06b,#ffe2a000 62%);border-radius:50%;width:46%;transition:opacity .1s;position:absolute;top:67.8%;left:12.5%;translate:-50% -50%}.wn-lampglow.off{opacity:0}.wn-years{flex-wrap:wrap;gap:8px;margin:18px 0 0;display:flex}.wn-years button{background:0 0;padding:5px 14px;font-size:14px}.wn-years button[aria-pressed=true]{color:#1a1d36;background:#efe6cf;border-color:#efe6cf}.wn-years button:disabled{opacity:.4;cursor:default}.cr-lamp{aspect-ratio:1;mix-blend-mode:screen;pointer-events:none;opacity:0;background:radial-gradient(circle,#ffde968c,#ffde9600 60%);border-radius:50%;width:40%;transition:opacity .15s;position:absolute;top:56%;left:66.25%;translate:-50% -50%}.cr-lamp.on{opacity:1}.cr-far{opacity:.8;background:#ffe2a6;width:1.2%;height:1.6%;transition:opacity .12s;position:absolute;top:27.7%;left:78.3%;box-shadow:0 0 6px 2px #ffe2a699}.cr-far.off{opacity:0}.cr-talk{color:#2b2640;background:#f4ecd8;margin:16px 0 0;padding:16px 20px 14px;box-shadow:0 20px 40px -20px #000c}.cr-talk.pop{animation:.5s both st-pop}.cr-who{color:#8a7e66;margin:0 0 2px;font-size:13px;font-weight:700}.cr-line{font-family:var(--font-hand);margin:0;font-size:clamp(24px,3.6vw,30px);line-height:1.3}.cr-talk.narr .cr-line{font-family:var(--font-serif);color:#4b4660;font-size:17px;font-style:italic;line-height:1.7}.cr-choices{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:10px 0 0;display:flex}.cr-choices button,.cr-choices a{color:#2b2640;background:0 0;padding:5px 16px;font-size:15px;text-decoration:none}.cr-choices .solid{color:#f4ecd8;background:#2b2640;border-color:#2b2640}.lt-scene{--ar:400 / 460;width:min(380px,100%);box-shadow:none;background:0 0;margin:0 auto}.lt-win{background:#12152e;width:7.5%;height:8.7%;transition:background .1s,box-shadow .1s;position:absolute;top:50%;left:53%}.lt-win.on{background:#ffe2a6;box-shadow:0 0 26px 10px #ffdc968c,0 0 80px 30px #ffd28c2e}.lt-msg{text-align:center;opacity:0;max-width:30em;margin:18px auto 0;transition:opacity 1.2s,translate 1.2s;translate:0 8px}.lt-msg.show{opacity:1;translate:0}.lt-to{color:#b8b3cc;margin:0;font-size:15px}.lt-main{letter-spacing:-.02em;margin:4px 0 10px;font-size:clamp(22px,4.2vw,30px);font-weight:700}.lt-note{font-family:var(--font-hand);color:#ffe2a6;margin:0;font-size:30px}.lt-from{font-family:var(--font-hand);color:#d6d0e4;margin:4px 0 0;font-size:24px}.lt-why{color:#9c97b6;margin:16px 0 0;font-size:13.5px}.lt-msg .st-actions{justify-content:center}.lt-form{gap:14px;max-width:30em;display:grid}.lt-form label{color:#cfc9de;gap:4px;font-size:14px;display:grid}.lt-form small{color:#8f8aa8}.lt-form input[type=text]{color:inherit;font:inherit;background:#ffffff0f;border:1.5px solid #ece6d680;border-radius:4px;padding:8px 12px;font-size:16px}.lt-form fieldset{border:0;margin:0;padding:0}.lt-form legend{color:#cfc9de;margin-bottom:6px;font-size:14px}.lt-form .opt{font-family:var(--font-hand);color:#f3e6c4;align-items:center;gap:8px;margin:4px 0;font-size:24px;display:flex}.lt-made{background:#ffffff0f;border-radius:6px;max-width:30em;margin:22px 0 0;padding:14px 16px}.lt-made[hidden]{display:none}.lt-made p{margin:0 0 8px;font-size:14px}.lt-made input{width:100%;color:inherit;background:#00000040;border:1px solid #ece6d659;border-radius:4px;padding:7px 10px;font:13px ui-monospace,monospace}
