@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Inter:wght@400;500;600&display=swap";:root{--bg:#0e0e0e;--text:#f2efe8;--muted:#aca59a;--border:#26211a;--accent:#9ab8e6;--danger:#fff;--sans:"Inter", "Segoe UI", Roboto, Arial, sans-serif;--display:"Cormorant Garamond", "Times New Roman", Georgia, serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--sans);margin:0}body{overflow:hidden}#app{width:100vw;min-height:100vh;padding:0;display:block}.stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100vw;min-height:100vh;padding:48px 40px;display:flex;position:relative}.stage3{margin-inline:auto;scrollbar-width:auto;scrollbar-color:#6f6f6f #151515;scrollbar-gutter:stable;-ms-overflow-style:none;scrollbar-width:none;width:min(680px,92vw);height:min(620px,86vh);min-height:0;margin-top:max(24px,50vh - min(620px,86vh)/2);padding:24px 18px;display:block;overflow:hidden scroll}.scroll-content{flex-direction:column;align-items:center;gap:0;min-height:2200px;padding:26px;display:flex}.scroll-line{color:#9a9a9a;opacity:0;max-width:42ch;margin:0;font-size:1rem;line-height:1.65;transition:opacity .18s,transform .18s;transform:translateY(8px)}.scroll-line.active{opacity:.95;transform:translateY(0)}.stage3-spot{text-align:center;pointer-events:none;z-index:2;place-items:center;width:min(500px,84%);min-height:130px;display:grid;position:sticky;top:170px}.stage3-continue{opacity:0;pointer-events:none;min-width:170px;height:40px;margin-top:14px;transition:opacity .16s,transform .16s;transform:translateY(8px)}.stage3-continue.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-beat{width:100%;height:190px}.scroll-beat.intro{height:220px}.scroll-beat.outro{height:120px}.stage3::-webkit-scrollbar{width:0;height:0}.stage3::-webkit-scrollbar-track{background:0 0}.stage3::-webkit-scrollbar-thumb{background:0 0}.stage3::-webkit-scrollbar-thumb:hover{background:0 0}.title{letter-spacing:.05em;font-size:clamp(1.4rem,2.8vw,2.6rem);font-weight:500;font-family:var(--display);margin:0;font-style:italic}.description{color:var(--muted);margin:0;font-size:.94rem;line-height:1.6}.inline-link{color:var(--muted);border-bottom:none;text-decoration:underline}.inline-link:hover,.inline-link:focus-visible{color:var(--accent)}.label{color:var(--muted);font-size:.95rem}.text-input{border:1px solid var(--border);width:min(360px,80vw);height:44px;color:var(--text);background:#121212;padding:0 12px;font-size:1rem}.text-input:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.primary-button{min-width:220px;height:44px;color:var(--text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #d9d3c7;font-size:.78rem}.primary-button:hover:not(:disabled){background:#171717}.primary-button:disabled{opacity:.35;cursor:not-allowed}.primary-button.danger{border-color:var(--danger);margin-top:28px}.stage2-submit{margin-top:34px}.hint{color:#8f877c;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem}.leaderboard table{border-collapse:collapse;width:min(980px,92vw);margin-top:8px;font-size:.88rem}.stage4{gap:12px}.anticipation-field{width:min(520px,86vw);height:320px;position:relative}.prediction-zone{cursor:crosshair;z-index:3;background:0 0;border:none;outline:none;width:110px;height:44px;position:absolute}.moving-button{border:1px solid var(--text);width:110px;height:44px;color:var(--text);letter-spacing:.05em;cursor:pointer;z-index:6;background:0 0;place-items:center;font-size:.8rem;display:grid;position:absolute}.p0{top:22px;left:50%;transform:translate(-50%)}.p1{top:108px;right:44px}.p2{bottom:30px;left:72px}.p3{top:224px;right:164px}.leaderboard th,.leaderboard td{border:1px solid var(--border);text-align:left;padding:8px}.leaderboard th{color:var(--muted);font-weight:500}.game-over-message{color:var(--accent);margin:0;font-size:.9rem}.stage5{gap:20px}.room-scene{perspective:1100px;place-items:center;width:min(760px,94vw);height:460px;display:grid}.room-card{--rx:0deg;--ry:0deg;width:min(560px,86vw);height:320px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));touch-action:none;cursor:default;transition:transform 40ms linear;position:relative}.room-card:active{cursor:grabbing}.room-face{backface-visibility:hidden;background:0 0;border:none;place-items:center;display:grid;position:absolute;inset:0}.room-front{transform:translateZ(4px)}.room-back{transform:rotateY(180deg)translateZ(4px)}.room-text{color:#c9c9c9;letter-spacing:.04em;margin:0}.stage6{cursor:none;justify-content:flex-start;gap:10px;padding-top:54px;position:relative}.stage6-cursor{pointer-events:none;z-index:10;width:18px;height:24px;position:absolute;top:0;left:0}.stage6-cursor:before{content:"";filter:drop-shadow(0 0 1px #7fb3ff59);border-top:14px solid #0000;border-bottom:5px solid #0000;border-left:11px solid #f2f2f2;width:0;height:0;position:absolute;top:0;left:0}.stage6-cursor:after{content:"";transform-origin:top;background:#f2f2f2;width:2px;height:11px;position:absolute;top:12px;left:3px;transform:rotate(-24deg)}.stage6-target{min-width:170px;position:absolute;cursor:none!important}.stage6-target:hover:not(:disabled),.stage6-target:focus-visible{background:0 0!important;outline:none!important}.stage6-target.stage6-target-active{color:#f7f7f7;background:#9ab8e629;border-color:#aac2e5}.stage6-target.s0{bottom:68px;right:clamp(120px,12vw,260px)}.stage6-target.s1{bottom:82px;left:clamp(120px,11vw,240px)}.stage6-target.s2{top:210px;right:clamp(150px,14vw,300px)}.stage6-target.s3{top:138px;left:clamp(150px,13vw,290px)}.stage7{gap:10px}.leader-lines{flex-direction:column;gap:6px;width:min(760px,88vw);margin-top:6px;display:flex}.leader-lines+.primary-button{margin-top:22px}.leader-line{text-align:left;border-bottom:1px solid var(--border);color:#ddd7cc;grid-template-columns:68px 1fr 120px 80px;align-items:center;padding:9px 10px;font-size:.92rem;display:grid}.leader-line span:last-child{text-align:right;color:var(--muted)}.leader-line.is-own{color:#f0ede5;border-color:#4a5e78}.leader-line.is-own em{color:#b8c8de;opacity:.95;font-style:normal}.stage7-clue{border-color:#566b87}.leader-sep{height:12px}.stage7-continue-link{color:#7f91aa;opacity:.32;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;margin-top:14px;font-size:.72rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.stage7-continue-link:hover,.stage7-continue-link:focus-visible{color:#9fb4d3;opacity:.56;outline:none;text-decoration-color:currentColor}.stage8{cursor:none;scrollbar-width:thin;scrollbar-color:#5f5f5f #171717;justify-content:flex-start;gap:8px;height:100vh;min-height:0;padding-top:68px;overflow:hidden auto}.stage8-target{z-index:5;flex-shrink:0;justify-content:center;align-items:center;width:250px;min-width:250px;max-width:250px;height:46px;margin-top:18px;font-size:.78rem;display:inline-flex;position:relative}.stage8-fake-cursor{pointer-events:none;z-index:30;width:18px;height:24px;position:fixed;top:0;left:0}.stage8-fake-cursor:before{content:"";filter:drop-shadow(0 0 1px #9ab8e659);border-top:14px solid #0000;border-bottom:5px solid #0000;border-left:11px solid #f2f2f2;width:0;height:0;position:absolute;top:0;left:0}.stage8-fake-cursor:after{content:"";transform-origin:top;background:#f2f2f2;width:2px;height:11px;position:absolute;top:12px;left:3px;transform:rotate(-24deg)}.stage8-space{width:100%;height:150vh}.stage8-fail-zone{pointer-events:none;height:90px;position:fixed;bottom:0;left:0;right:0}.stage8::-webkit-scrollbar{width:10px}.stage8::-webkit-scrollbar-track{background:#171717}.stage8::-webkit-scrollbar-thumb{background:#5f5f5f;border-radius:8px}.stage9{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;align-items:center;height:100vh;min-height:0;padding:0 0 160px;overflow:hidden auto}.stage9::-webkit-scrollbar{width:0;height:0}.stage9-win-panel{place-items:center;width:100%;min-height:88vh;display:grid}.stage9-win{flex-direction:column;align-items:center;gap:20px;transition:opacity .5s;display:flex}.stage9-win.fade-out{opacity:0;pointer-events:none}.stage9-confetti{width:220px;height:48px;position:relative}.stage9-confetti span{opacity:.7;background:#d7c8a2;width:4px;height:12px;animation:1.8s linear infinite stage9fall;position:absolute}.stage9-confetti span:first-child{animation-delay:.1s;left:8%}.stage9-confetti span:nth-child(2){animation-delay:.5s;left:26%}.stage9-confetti span:nth-child(3){animation-delay:.2s;left:44%}.stage9-confetti span:nth-child(4){animation-delay:.8s;left:65%}.stage9-confetti span:nth-child(5){animation-delay:.35s;left:84%}@keyframes stage9fall{0%{opacity:.8;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(44px)rotate(120deg)}}.stage9-credits{position:static}.stage9-credits-panel{flex-direction:column;align-items:center;width:100%;min-height:170vh;display:flex}.stage9-spot{z-index:2;place-items:center;width:min(760px,88vw);min-height:120px;display:grid;position:sticky;top:38vh}.stage9-credit-line{color:#b4ab9f;letter-spacing:.03em;opacity:0;margin:0;font-size:1rem;transition:opacity .16s,transform .16s;transform:translateY(6px)}.stage9-credit-line.active{opacity:.95;transform:translateY(0)}.stage9-beat{width:100%;height:220px}.stage9-beat.intro{height:280px}.stage9-beat.outro{height:210px}.stage9-credits-scroll{flex-direction:column;align-items:center;gap:34px;display:flex}.stage9-ok{color:#8e98a5;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;margin-top:18px;font-size:.72rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.stage9-ok:hover,.stage9-ok:focus-visible{color:#afbdd0;outline:none;text-decoration-color:currentColor}.hidden{display:none!important}