@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#111e25;color:#fff;font-family:Manrope,Arial,sans-serif}canvas{display:block;width:100vw;height:100dvh}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline:3px solid #fff;outline-offset:5px}[hidden]{display:none!important}.panel{background:#11232ade;backdrop-filter:blur(15px);border:1px solid #ffffff24;border-radius:14px}#hud{display:none;position:absolute;inset:24px 24px auto;justify-content:space-between;gap:20px;pointer-events:none}.clock{padding:18px 22px;width:190px}.clock span,.quest>span,.news>span{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#b5c8cf}.clock strong{display:block;font-size:44px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-2px}.track{height:3px;background:#ffffff24;margin-top:8px}.track i{display:block;background:#ffc36b;height:100%;width:100%}.quest{padding:18px 22px;max-width:330px}.quest b{display:block;font-size:15px;margin-top:8px}#dots{display:flex;gap:7px;margin-top:16px}#dots i{width:14px;height:5px;background:#ffffff30;border-radius:2px}#dots i.on{background:#91ffe0;box-shadow:0 0 12px #91ffe0}.small{position:absolute;bottom:25px;right:25px;background:#11232acc;padding:10px 15px;border:1px solid #ffffff35;border-radius:30px;font-size:13px}.overlay{position:absolute;inset:0;display:flex;align-items:center;padding:7vw;background:linear-gradient(90deg,#07141cf2 0%,#07141cbb 35%,transparent 80%)}.intro{max-width:620px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;color:#ffd091;margin-bottom:25px}h1{font-size:clamp(42px,6.4vw,90px);line-height:1.06;letter-spacing:-4px;margin:0 0 26px;font-weight:800}h1 em{font-style:normal;color:#ffd091}p{color:#c3d3d8;line-height:1.8;font-size:16px}.primary{display:flex;justify-content:space-between;gap:45px;align-items:center;background:#ffd091;color:#1e272c;border-radius:8px;padding:18px 24px;font-weight:800;margin-top:30px;min-width:260px}.primary:hover{background:#ffe0b5}.controls{font-size:12px;line-height:1.8;color:#a3b7c0;margin-top:26px}.news{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:min(680px,90vw);padding:22px}.news>span{color:#ffd091}.news p{color:#fff;font-size:19px;margin:12px 0}.news button{background:transparent;color:#ffd091;padding:10px 0}#hint{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);padding:15px 24px;text-align:center;font-size:15px;max-width:90vw}#mobile{display:none;position:absolute;bottom:30px;left:20px;right:20px;justify-content:space-between;align-items:end;pointer-events:none}.pad,#action{pointer-events:auto}.pad{text-align:center}.pad button,#action{touch-action:none;user-select:none;width:55px;height:52px;border:1px solid #ffffff50;background:#132d38b0;border-radius:12px;font-size:22px;margin:2px}#action{width:76px;height:76px;border-radius:50%;background:#ffd091;color:#172631;font-weight:800}#action span{display:block;font-size:10px}.endcard{max-width:670px}#error{position:absolute;inset:30%;background:#222;padding:30px} @media(pointer:coarse){#mobile{display:flex}#sound{bottom:135px}#hint{bottom:165px;font-size:13px;width:90vw} }@media(max-width:600px){#hud{inset:12px 12px auto;gap:8px}.clock{width:134px;min-width:134px;padding:12px}.clock span{font-size:8px;letter-spacing:1px}.clock strong{font-size:34px}.quest{padding:12px}.quest>span{font-size:9px}.quest b{font-size:12px}#dots{gap:4px}#dots i{width:10px}h1{letter-spacing:-2px}.overlay{padding:7vw}.eyebrow{font-size:9px;letter-spacing:1.5px}.news{bottom:175px}.news p{font-size:16px}.controls{font-size:11px}}

.clock strong{font-size:clamp(25px,3.4vw,40px)}

#jump{pointer-events:auto;touch-action:none;user-select:none;width:76px;height:76px;border-radius:50%;border:1px solid #ffffff70;background:#254e59df;font-size:26px;margin-left:auto;margin-right:12px}#jump span{display:block;font-size:10px;font-weight:800}

#coins{font-size:14px;color:#ffd091;font-weight:800;margin:7px 0}.interiorPanel{position:absolute;right:22px;top:185px;width:310px;padding:20px;max-height:calc(100dvh - 215px);overflow:auto}.interiorPanel h2{margin:0 0 10px;font-size:24px}.interiorPanel p{font-size:14px;line-height:1.5;margin:8px 0}.interiorPanel button{background:#ffd091;color:#172631;padding:12px 16px;border-radius:8px;width:100%;font-size:14px;margin-top:10px;font-weight:700}.interiorPanel button:disabled{opacity:.5;cursor:not-allowed}.product{border-top:1px solid #ffffff30;padding:16px 0 5px}.product b{font-size:17px}#end .primary{display:inline-flex;margin:12px 12px 0 0}#saveNotice{position:absolute;bottom:15px;left:20px;max-width:70vw;font-size:13px;background:#172b31;padding:12px} @media(max-width:600px){.interiorPanel{top:155px;right:12px;width:min(280px,78vw);padding:14px;max-height:calc(100dvh - 310px)}.interiorPanel h2{font-size:20px}.product{padding:10px 0 0}.product p{display:none}.interiorPanel button{padding:10px}.endcard h1{font-size:38px}#end .primary{padding:12px;min-width:230px}}

.interactionPanel{position:absolute;left:50%;bottom:104px;transform:translateX(-50%);padding:14px 18px;text-align:center;z-index:4}.interactionPanel b{display:block;margin-bottom:6px}.interactionPanel p{margin:4px 0;font-size:13px}.interactionPanel button{background:#ffd091;color:#172631;padding:9px 14px;border-radius:7px;font-weight:800}@media(max-width:600px){.interactionPanel{bottom:170px;max-width:90vw}}

.choices{display:grid;gap:8px}.choices button{display:block;width:100%;margin:0}