*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#1e363b;color:#f4f5e9;font-family:Arial,sans-serif}#game{display:block;width:100%;height:100%;outline:none}#start{position:fixed;inset:0;display:grid;place-items:center;background:#163b36}.scene{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,39,36,.95),rgba(15,39,36,.20)),url(assets/campus.jpg) center/cover;opacity:.78}.intro{position:relative;width:min(520px,88vw);margin-right:35vw}.diamond{width:35px;height:55px;background:#8ce8ac;clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%);margin-bottom:27px}.eyebrow{font-size:15px;letter-spacing:.38em;color:#a6c3b5}h1{font-size:clamp(80px,11vw,148px);letter-spacing:-.08em;margin:8px 0;line-height:.97;font-weight:800}.tagline{font-size:20px;line-height:1.6;color:#d2e0d7;margin:27px 0 32px}button{cursor:pointer;border:0;font:700 18px Arial;color:#153c31;border-radius:16px;background:#a0eab7;transition:transform .2s,background .2s}button:hover{transform:translateY(-2px);background:#c3fad4}button:focus-visible{outline:3px solid white;outline-offset:5px}#play{height:68px;width:224px;display:flex;align-items:center;justify-content:center;gap:18px;box-shadow:0 12px 35px #051f2c66}svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:2;stroke-linejoin:round}.keys{margin-top:32px;font-size:12px;letter-spacing:.22em;color:#adbfba}.track{height:7px;width:300px;max-width:90vw;background:#ffffff24;border-radius:9px;overflow:hidden}#fill{display:block;width:0;height:100%;background:#a0eab7;transition:width .15s}#status{font-size:14px;color:#c8d6cb}#error{color:#ffd5bb;max-width:430px;line-height:1.5}#fullscreen{position:fixed;right:20px;bottom:130px;background:#152e34d9;color:#f3efd8;width:44px;height:44px;border-radius:12px}[hidden]{display:none!important}@media(max-width:720px){.intro{margin:0}.scene{opacity:.38}#fullscreen{bottom:130px}}