*{box-sizing:border-box}html,body{background:#111;width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}canvas{display:block}#app{z-index:10;pointer-events:none;transition:opacity .8s;position:fixed;inset:0}#app.hidden{opacity:0;pointer-events:none}.code-box{pointer-events:auto;text-align:center;width:min(320px,100vw - 40px);position:absolute;bottom:clamp(16px,8vh,48px);left:50%;transform:translate(-50%)}.code-box input{color:#fff;letter-spacing:.18em;text-align:center;-webkit-backdrop-filter:blur(12px)saturate(120%);background:#ffffff14;border:1px solid #ffffff40;border-radius:14px;outline:none;width:80%;padding:10px 14px;font-size:14px;box-shadow:0 4px 20px #00000040,inset 0 1px #fff3}.code-box input::placeholder{color:#ffffffa6}#code-message{color:#ff2b2b;letter-spacing:.22em;height:20px;margin:10px 0 0;font-size:11px}#code-message a{color:#fff;text-shadow:0 0 12px #ffffffa6;text-decoration:none}#code-message a:hover{text-decoration:underline}.code-box.error input{border-color:#ff2b2b;animation:.35s wrong-code;box-shadow:0 0 24px #ff000080}@keyframes wrong-code{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}to{transform:translate(0)}}.loading-screen{z-index:5;pointer-events:none;color:#fff;background:radial-gradient(circle,#ffffff14,#0000 35%),#050505;justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center;width:min(360px,100vw - 48px)}.loading-text{letter-spacing:.28em;opacity:.8;margin-bottom:18px;font-size:12px}.loading-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border-radius:999px;width:100%;height:6px;overflow:hidden}.loading-progress{background:#fff;border-radius:999px;width:0%;height:100%;transition:width .25s;box-shadow:0 0 18px #ffffffbf}.loading-percent{letter-spacing:.22em;opacity:.7;margin-top:14px;font-size:11px}.music-toggle{z-index:300;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(120%);background:#ffffff14;border:1px solid #ffffff47;border-radius:50%;width:44px;height:44px;font-size:24px;line-height:1;transition:transform .2s,box-shadow .2s;position:fixed;top:20px;right:20px;box-shadow:0 4px 20px #00000040,inset 0 1px #fff3}.music-toggle:hover{transform:scale(1.08)}.music-toggle.playing{box-shadow:0 0 20px #ffffff8c,inset 0 1px #ffffff40}.music-title{z-index:300;color:#fff;letter-spacing:.18em;white-space:nowrap;text-align:right;opacity:0;pointer-events:none;font-size:10px;transition:opacity .25s,transform .25s;position:fixed;top:36px;right:74px;transform:translate(8px)}.music-title.visible{opacity:.85;transform:translate(0)}.music-toggle.hidden,.music-title.hidden{opacity:0;visibility:hidden;pointer-events:none}@media (height<=700px){.code-box{bottom:16px}}