*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#11172d;color:#f5f5ff;font:16px system-ui,sans-serif}
#game{display:block;width:100%;height:100%;outline:none;touch-action:none}
#loading{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 30%,#295e72a0,transparent 65%),radial-gradient(ellipse at 85% 70%,#644774b0,transparent 65%),#15172f;transition:opacity .3s}
.glass{width:min(480px,85vw);padding:42px;border-radius:30px;border:1px solid #daebffc0;box-shadow:inset 0 1px 1px #fff9,0 12px 70px #050c2855;background:linear-gradient(130deg,#cde7ff20,#8d72ce14);backdrop-filter:blur(18px);text-align:center}
h1{font-size:30px;letter-spacing:.04em;margin:0 0 30px}p{color:#c5d1e8;min-height:24px}progress{width:100%;height:5px;display:block;border:0;border-radius:4px;background:#b2c7ee22;overflow:hidden;margin:20px 0 30px}progress::-webkit-progress-bar{background:#b2c7ee22}progress::-webkit-progress-value{background:linear-gradient(90deg,#89daf0,#c1adff)}progress::-moz-progress-bar{background:#89daf0}
button{font:600 16px system-ui;color:#f6f8ff;cursor:pointer;border:1px solid #d0eaffb0;border-radius:28px;background:linear-gradient(125deg,#c2e7f02c,#b6a3f021);box-shadow:inset 0 1px 1px #fff8;transition:background .15s,box-shadow .15s}button:hover:enabled,button:focus-visible{background:#bbd7fa42;box-shadow:inset 0 1px 2px #fff,0 0 18px #9ddfff42}button:disabled{opacity:.35;cursor:default}#start{width:100%;height:50px}#fullscreen{position:fixed;right:12px;bottom:12px;width:36px;height:36px;font-size:23px;opacity:.65}#fullscreen:hover{opacity:1}.hidden{display:none!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}