*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1d2048;color:#fbeee2;font-family:Helvetica Neue,Arial,system-ui,sans-serif}canvas{display:block}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;background:linear-gradient(180deg,#ffc496d1,#e89ea0c7 38%,#6068b0e6 78%,#242a5cf5)}#overlay.hidden{display:none}#back-home,#worlds-link{position:absolute;top:18px;left:20px;z-index:21;color:#fff6ec;text-decoration:none;font-size:13px;letter-spacing:.1em;opacity:.85;text-shadow:0 1px 6px rgba(40,30,80,.5)}#worlds-link{position:fixed;z-index:10;font-size:12px;opacity:.6}#back-home:hover,#worlds-link:hover{opacity:1}.entry{max-width:620px;text-align:center}.kicker{font-size:12px;letter-spacing:.28em;color:#3a2e5a;margin-bottom:20px}h1{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;font-size:clamp(48px,10vw,104px);color:#fffaf2;text-shadow:0 2px 30px rgba(120,70,120,.45);margin-bottom:18px}.strap{font-size:16px;line-height:1.7;color:#fff3e8;margin-bottom:28px;text-shadow:0 1px 8px rgba(40,30,80,.45)}.cta{display:inline-block;padding:12px 26px;border:1px solid rgba(255,246,236,.75);border-radius:30px;color:#fffaf2;letter-spacing:.14em;font-size:13px;text-transform:uppercase;background:#ffffff14}.keys{margin-top:24px;font-size:13px;color:#e8e0f4;line-height:1.9}.keys b{color:#fffaf2;font-weight:600}#zone{position:fixed;top:16px;right:22px;z-index:5;font-size:12px;letter-spacing:.22em;color:#fff3e8;text-shadow:0 0 6px rgba(20,20,50,.9);opacity:.85}#hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:5;font-size:12px;color:#f6e8dc;letter-spacing:.06em;opacity:.7;text-shadow:0 0 4px #1d2048}#toast{position:fixed;top:22%;left:50%;transform:translate(-50%);z-index:6;font-size:15px;color:#fff3e8;background:#282450b3;padding:10px 18px;opacity:0;transition:opacity .4s;pointer-events:none;border-left:2px solid #f4b48a}#toast.show{opacity:1}#prompt{position:fixed;top:58%;left:50%;transform:translate(-50%);z-index:6;font-size:14px;color:#fffaf2;opacity:0;transition:opacity .2s;text-shadow:0 0 6px #1d2048}#prompt.show{opacity:1}#prompt b{border:1px solid #fff3e8;padding:1px 6px;margin-right:6px}#keys-panel{position:fixed;top:40px;right:22px;z-index:5;font-size:12px;color:#fff3e8;background:#2824508c;padding:8px 12px;border-radius:8px;line-height:1.8}#keys-panel.collapsed .kp-body{display:none}#keys-panel .kp-head{font-size:10px;letter-spacing:.2em;opacity:.8}#keys-panel b{color:#ffd8b8}body.shot #overlay,body.shot #worlds-link,body.shot #zone,body.shot #hint,body.shot #toast,body.shot #prompt,body.shot #keys-panel{display:none!important}body.shot{cursor:none}#card{position:fixed;left:50%;bottom:9%;transform:translate(-50%);width:min(460px,86vw);padding:16px 22px 14px;z-index:7;background:#221e46c7;border:1px solid rgba(255,210,180,.5);border-radius:14px;color:#fff3e8;font:16px/1.55 Georgia,Times New Roman,serif;text-align:center;opacity:0;transition:opacity .3s;pointer-events:none;box-shadow:0 10px 40px #0a081e80}#card.show{opacity:1}#card .c-title{font:600 12px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.24em;color:#ffc8a0;margin-bottom:10px}#card b{font-family:Helvetica Neue,Arial,sans-serif;font-size:12px;border:1px solid #ffd8b8;border-radius:4px;padding:1px 6px;margin:0 2px}body.shot #card{display:none}body.shot.shot-ui #card{display:block}#card .meter{position:relative;height:12px;margin:6px 0 10px;border-radius:6px;background:#ffecdc2e;overflow:hidden}#card .meter .zone{position:absolute;left:64%;width:20%;top:0;bottom:0;background:#ff8fa0;opacity:.85}#card .meter .mark{position:absolute;top:-2px;width:4px;height:16px;margin-left:-2px;background:#fff4e6;border-radius:2px}#echo-cap{position:fixed;left:50%;bottom:13%;transform:translate(-50%);width:min(620px,88vw);text-align:center;z-index:6;color:#fff1e6;opacity:0;transition:opacity .9s;pointer-events:none;text-shadow:0 0 18px rgba(150,140,255,.55),0 1px 3px rgba(20,16,50,.7)}#echo-cap.show{opacity:1}#echo-cap .ec-when{font:600 11px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.32em;color:#c8ccff;margin-bottom:10px}#echo-cap .ec-line{font:italic 21px/1.45 Georgia,Times New Roman,serif;color:#ffe6d4}#echo-cap .ec-count{margin-top:12px;font:11px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.18em;color:#ffdcc8b3}body.shot #echo-cap{display:none}body.shot.shot-ui #echo-cap{display:block;transition:none}#clock{position:fixed;top:40px;left:20px;z-index:5;font:600 13px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.16em;color:#fff3e8;text-shadow:0 0 6px rgba(20,20,50,.9);opacity:.85}#clock i{font-style:normal;font-weight:400;opacity:.7;letter-spacing:.1em;margin-left:8px;font-size:11px}body.shot #clock{display:none!important}#fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;opacity:0;transition:opacity 1.2s;background:radial-gradient(ellipse at 70% 40%,#ffe2c8,#f6b49c 55%,#a8a4d8)}#fade.on{opacity:1}#finale{position:fixed;left:50%;bottom:10%;transform:translate(-50%);width:min(1000px,96vw);text-wrap:balance;padding:22px 30px;border-radius:40px;background:radial-gradient(ellipse at center,#34285680,#34285600 72%);text-align:center;z-index:8;color:#fff4ea;opacity:0;transition:opacity 2.2s;pointer-events:none;text-shadow:0 1px 14px rgba(90,60,110,.55),0 1px 3px rgba(40,30,60,.5)}#finale.show{opacity:1}#finale .f-when{font:600 11px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.34em;color:#ffe0c8;margin-bottom:14px}#finale .f-line{text-wrap:balance;font:italic clamp(20px,2.3vw,30px)/1.35 Georgia,"Times New Roman",serif;color:#fffaf2}#finale .f-line2{margin-top:10px;font:italic 18px/1.5 Georgia,Times New Roman,serif;color:#fde6d6}#credits{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1.5s;background:linear-gradient(90deg,#24204800 18%,#2420489e 38%,#2420489e 62%,#24204800 82%)}#credits.roll,#credits.still{opacity:1}#credits .cr-roll{position:absolute;left:50%;top:100%;transform:translate(-50%);width:min(560px,90vw);text-align:center;color:#fff3e8;font:16px/1.7 Helvetica Neue,Arial,sans-serif;text-shadow:0 1px 8px rgba(30,24,60,.8)}#credits.roll .cr-roll{animation:ld-roll 34s linear forwards}#credits.still .cr-roll{top:16%}@keyframes ld-roll{0%{top:100%}to{top:-12%;transform:translate(-50%,-100%)}}#credits .cr-title{font:italic 64px/1.1 Georgia,Times New Roman,serif;color:#fffaf2}#credits .cr-sub{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#ffd8bc;margin:8px 0 34px}#credits .cr-h{margin-top:22px;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#d4d6ff}#credits .cr-end{margin-top:48px;font:italic 22px/1.4 Georgia,Times New Roman,serif;color:#ffe6d4}#credits .cr-keys{margin-top:26px;font-size:11px;letter-spacing:.18em;color:#ffecdcbf}body.shot #fade{display:none}body.shot #finale,body.shot #credits{transition:none}body.shot:not(.shot-ui) #finale,body.shot:not(.shot-ui) #credits{display:none}.title-sub{font:600 13px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.34em;color:#fff3e8;margin:-6px 0 22px;text-transform:uppercase;text-shadow:0 1px 8px rgba(40,30,80,.45)}.ctl{display:grid;grid-template-columns:repeat(3,auto);gap:6px 22px;justify-content:center;margin-top:24px;font-size:13px;color:#ece6f6;text-align:left}.ctl b{display:inline-block;min-width:52px;color:#fffaf2;font-weight:600}