*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#05030c;color:#e9e2ff;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:radial-gradient(ellipse 70% 50% at 50% 110%,rgba(120,70,255,.28),transparent 70%),radial-gradient(ellipse 30% 20% at 70% 20%,rgba(255,90,200,.1),transparent 70%),linear-gradient(180deg,#0a061adb,#030208f5)}#overlay.hidden{display:none}#back-home,#worlds-link{position:absolute;top:18px;left:20px;z-index:21;color:#b9a6ff;text-decoration:none;font-size:13px;letter-spacing:.1em;opacity:.85}#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;position:relative;z-index:1}.kicker{font-size:12px;letter-spacing:.32em;color:#c9b8ff;margin-bottom:22px;text-transform:uppercase;opacity:.8}h1{font-weight:300;font-size:clamp(40px,8vw,84px);letter-spacing:.08em;color:#efe8ff;font-style:italic;text-shadow:0 0 22px rgba(140,100,255,.55),0 0 2px #fff;margin-bottom:22px}.strap{font-size:16px;line-height:1.7;color:#cfc4ec;margin-bottom:30px}.cta{display:inline-block;padding:12px 26px;border:1px solid rgba(170,140,255,.6);color:#e2d8ff;letter-spacing:.16em;font-size:13px;text-transform:uppercase;border-radius:30px}.keys{margin-top:26px;font-size:13px;color:#9a90bb;line-height:1.9}.keys b{color:#e6dcff;font-weight:600}.cta.warming{opacity:.55}#zone{position:fixed;top:230px;right:22px;z-index:5;font-size:12px;letter-spacing:.24em;color:#e6dcff;text-shadow:0 0 6px rgba(0,0,0,.9);opacity:.8}#hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:5;font-size:12px;color:#c7bde6;letter-spacing:.06em;opacity:.7;text-shadow:0 0 4px #000}#toast{position:fixed;top:22%;left:50%;transform:translate(-50%);z-index:6;font-size:15px;color:#f1eaff;background:#0c081cb8;padding:10px 18px;opacity:0;transition:opacity .4s;pointer-events:none;border-left:2px solid #8a6cff}#toast.show{opacity:1}#prompt{position:fixed;top:58%;left:50%;transform:translate(-50%);z-index:6;font-size:14px;color:#f4efff;opacity:0;transition:opacity .2s;text-shadow:0 0 6px #000}#prompt.show{opacity:1}#prompt b{border:1px solid #d8ccff;padding:1px 6px;margin-right:6px}#keys{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow-y:auto;display:none;flex-wrap:wrap;gap:14px 28px;padding:16px 22px 18px;background:#0a0618db;border:1px solid rgba(170,140,255,.28);border-radius:6px;color:#e9e2ff;font:12px/1.55 Helvetica Neue,Arial,system-ui,sans-serif;z-index:30;pointer-events:none}#keys.show{display:flex}#keys .kt{width:100%;font-weight:700;letter-spacing:.18em;font-size:13px}#keys .kt span{font-weight:400;opacity:.55;margin-left:10px;letter-spacing:.1em}#keys .ks{flex:1 1 250px}#keys h4{margin:0 0 6px;font-size:11px;letter-spacing:.16em;color:#b9a6ff}#keys .kr{display:flex;gap:10px}#keys .kr b{min-width:92px;color:#fff;font-weight:600}#keys .kr span{color:#cfc4ec}#keyhint{position:fixed;top:12px;right:22px;z-index:5;display:none;pointer-events:none;padding:5px 11px;font-size:11px;letter-spacing:.12em;color:#e9e2ffbf;background:#0a061880;border:1px solid rgba(170,140,255,.25);border-radius:4px}#keyhint b{color:#fff;border:1px solid rgba(255,255,255,.4);border-bottom-width:2px;border-radius:4px;padding:0 6px;margin-right:6px}body.playing #keyhint{display:block}#minimap{position:fixed;top:42px;right:22px;width:180px;height:180px;z-index:5;pointer-events:none;opacity:.9}body.shot #keys,body.shot #keyhint,body.shot:not(.mapshot) #minimap,body.shot #worlds-link,body.shot #zone,body.shot #hint,body.shot #toast,body.shot #prompt,body.shot #overlay{display:none!important}#endcard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 3.2s ease;background:radial-gradient(ellipse 60% 40% at 50% 50%,rgba(20,12,30,.28),transparent 70%)}#endcard.show{opacity:1}#endcard .ec-line{font-weight:300;font-style:italic;font-size:clamp(26px,4.2vw,50px);letter-spacing:.06em;color:#fff4f2;text-shadow:0 0 24px rgba(255,170,200,.55),0 1px 2px rgba(40,20,50,.6)}#endcard .ec-sub{margin-top:18px;font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:#ffecf0bf}#endcard .ec-links{margin-top:34px;font-size:13px;letter-spacing:.14em;color:#ffecf0b3;pointer-events:auto}#endcard .ec-links a{color:#fff0f4;text-decoration:none;border-bottom:1px solid rgba(255,220,230,.4);padding-bottom:2px}#endcard .ec-links span{margin:0 14px;opacity:.6}#endcard .ec-links i{font-style:normal;border:1px solid rgba(255,220,230,.5);padding:0 5px;margin-left:4px;font-size:11px}.music{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;cursor:default}.m-label{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#a99bd0;margin-right:4px}.m-btn{cursor:pointer;padding:7px 16px;border:1px solid rgba(170,140,255,.4);border-radius:20px;font-size:12px;letter-spacing:.1em;color:#d8ccff}.m-btn:hover{border-color:#c8b4ffcc;color:#fff}#music-status{flex-basis:100%;font-size:11px;color:#8d83ad;letter-spacing:.06em}#music-status.ok{color:#c9f2ec}#nowplaying{position:fixed;left:22px;bottom:16px;z-index:6;font-size:12px;letter-spacing:.08em;color:#d9ceff;opacity:0;transition:opacity .8s;pointer-events:none;text-shadow:0 0 6px #000;max-width:40vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nowplaying.show{opacity:.8}body.shot #nowplaying{display:none!important}
