@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');
*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:'DM Sans',sans-serif;background:#91dce3;color:#f8f6e9}canvas{display:block}header{position:absolute;top:0;left:0;right:0;padding:22px 28px;display:flex;justify-content:space-between;text-shadow:0 2px 12px #234;font-size:14px;letter-spacing:.08em;pointer-events:none}.mission{position:absolute;top:90px;left:28px;width:290px;padding:17px 19px;border:1px solid #ffffff45;border-radius:17px;background:#102c29d9;backdrop-filter:blur(12px)}small{color:#d8ff75;font-weight:800;letter-spacing:.17em;font-size:10px}.mission h1,.modal h2{font-family:'Space Grotesk',sans-serif}.mission h1{font-size:21px;margin:8px 0}.mission p,.modal p{font-size:13px;line-height:1.5;color:#d4e2d8}.track{height:6px;background:#ffffff35;border-radius:8px;overflow:hidden}.track div{height:100%;width:0;background:#d8ff75;transition:width .2s}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(410px,calc(100% - 32px));padding:32px;text-align:center;border:1px solid #ffffff55;border-radius:24px;background:#102c29ed;backdrop-filter:blur(16px);box-shadow:0 20px 80px #1238}.modal h2{font-size:38px;margin:12px 0}.modal button{border:0;border-radius:30px;background:#d8ff75;color:#24382c;padding:13px 22px;font-weight:800;cursor:pointer}.hidden{display:none}.hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:30px;background:#102c29d9;font-size:12px;white-space:nowrap}@media(max-width:600px){header{padding:14px;font-size:11px}.mission{top:65px;left:12px;width:240px;padding:12px}.mission h1{font-size:17px}.hint{font-size:10px;bottom:12px}}