*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05070a;color:#eff3f0;font-family:Arial,Helvetica,sans-serif}canvas{display:block}#game{width:100%;height:100%;touch-action:none}#grain{position:fixed;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#ffffff05 0px,#0000 2px,#00000008 3px);opacity:.35}#vignette{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 42%,transparent 34%,#0008 100%)}#hud{position:fixed;inset:0;z-index:3;pointer-events:none}#top{position:absolute;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:3px;color:#8ca4a2;font-weight:bold}.objective{margin-top:7px;font-size:14px;letter-spacing:.2px;text-shadow:0 2px 10px black;max-width:500px}.right{text-align:right}.tag{font-size:11px;letter-spacing:1.6px;border:1px solid #90aca35c;background:#0612139e;padding:10px 13px;border-radius:4px}#bottom{position:absolute;left:24px;bottom:23px;display:flex;gap:28px;align-items:end} .meter{width:180px;height:7px;border-radius:5px;overflow:hidden;background:#263439;border:1px solid #4b5e62;margin-top:8px}.meter>div{height:100%;width:100%;background:#c5a75c;transition:width .25s}#staminaFill{background:#7baba8}.muted{font-size:11px;color:#91a2a2;letter-spacing:1px}#hint{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);font-size:12px;color:#d3e2dd;text-shadow:0 2px 6px #000;text-align:center;min-width:240px}#interact{position:absolute;left:50%;top:63%;transform:translateX(-50%);font-size:12px;color:#e9d4a3;letter-spacing:1px;text-shadow:0 2px 6px black;white-space:nowrap}#cross{position:absolute;left:50%;top:50%;height:5px;width:5px;border:1px solid #fff9;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 9px white}#message{position:absolute;top:24%;left:50%;transform:translateX(-50%);font-size:15px;letter-spacing:1px;color:#f2d99d;text-shadow:0 2px 10px black;text-align:center;max-width:85vw}#screen{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(90deg,#030809f5,#071315e9 52%,#071013c9),radial-gradient(circle at 85% 30%,#3a4740,transparent 55%)}#panel{max-width:620px;width:100%;padding:clamp(22px,5vw,50px);border:1px solid #79918a50;background:#081013cb;box-shadow:0 30px 90px #000b}h1{font-size:clamp(48px,9vw,104px);line-height:.92;letter-spacing:-3px;margin:20px 0 20px;font-weight:900}h1 span{color:#ba5c53}#panel p{line-height:1.75;color:#b4c5c4;font-size:15px;max-width:500px}#panel button{margin:23px 0 14px;border:0;background:#d9c38a;color:#101817;padding:17px 32px;letter-spacing:2px;font-weight:900;cursor:pointer;font-size:13px}#panel button:hover{filter:brightness(1.14)}.controls{font-size:12px;color:#829a9c;line-height:1.85}#damage{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:0;background:radial-gradient(ellipse,transparent 35%,#b92332b3);transition:opacity .2s}#mobile{display:none;position:fixed;inset:0;z-index:6;pointer-events:none}#stick{position:absolute;bottom:38px;left:26px;width:120px;height:120px;border:2px solid #ffffff44;background:#ffffff0e;border-radius:50%;pointer-events:auto;touch-action:none}#knob{width:45px;height:45px;background:#d2ebe077;border-radius:50%;position:absolute;left:36px;top:36px}#actions{position:absolute;right:22px;bottom:40px;display:grid;grid-template-columns:repeat(2,66px);gap:12px}#actions button{pointer-events:auto;touch-action:none;width:66px;height:66px;border:1px solid #ffffff66;background:#102024c9;border-radius:50%;font-size:12px;font-weight:bold;color:white}#actions button:first-child{background:#647a5ac9}@media(pointer:coarse){#mobile{display:block}#hint{bottom:172px}#bottom{left:16px;bottom:188px;gap:14px}.meter{width:100px}#top{left:14px;right:14px;top:14px}.objective{font-size:12px}.tag{font-size:9px;padding:8px}#panel{padding:25px}#panel p{font-size:13px}#interact{top:57%}}@media(max-width:530px){#bottom{gap:9px}.meter{width:89px}#bottom .muted{font-size:9px}#hint{font-size:10px}}