*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#223c4b;color:#fff4de;font-family:Arial,Helvetica,sans-serif;touch-action:none;user-select:none}canvas{display:block;width:100%;height:100%}[hidden]{display:none!important}.screen{position:absolute;inset:0;padding:max(38px,env(safe-area-inset-top)) 30px 40px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent 18%,#19273522 27%,#192735df 51%,#192735f5 100%);max-width:620px;margin:auto}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.3px;color:#f5d39e;margin-bottom:17px}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(62px,22vw,104px);font-weight:900;letter-spacing:-3px;line-height:.83;margin:0;position:relative;text-shadow:3px 4px 0 #223c4b}h1 span,h2 span{color:#ffc467}h1 i{position:absolute;right:0;bottom:0;font-size:66px;font-style:normal;color:#f8b860}.tagline{font-size:14px;color:#e1d5c1;margin:23px 0 28px}.controls{display:flex;justify-content:space-between;margin-bottom:26px}.controls div{display:flex;flex-direction:column;gap:9px}.controls b{font-size:28px;font-weight:400}.controls span{font-size:9px;letter-spacing:1px;color:#e1d5c1}button{border:1px solid #ffe6a9;border-radius:3px;background:#efad57;color:#1b303b;font-size:16px;font-weight:900;letter-spacing:1.5px;text-align:left;padding:21px 24px;min-height:64px;cursor:pointer;box-shadow:4px 4px 0 #111f2d}button span{float:right;font-size:22px;line-height:18px}.foot{font-size:8px;letter-spacing:1px;color:#d1c3ae;margin-top:19px;text-align:center}.best{color:#f7c880;text-align:center;font-size:11px;min-height:13px;margin-bottom:0}#hud{position:absolute;top:max(24px,env(safe-area-inset-top));left:22px;right:22px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;text-shadow:1px 2px 1px #172531}.label{display:block;color:#ffe6be;font-size:9px;letter-spacing:1.7px}#score{font-size:34px;font-weight:900;line-height:1.3}.coin-count{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:26px;background:#1b303bdf;color:#b9e4b8;border-bottom:3px solid #8fbda9;padding:6px 12px;min-width:72px;text-align:right}.coin-count span{color:#b9e4b8;font-size:23px}#hint{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:9px;letter-spacing:1px;color:#fff0d0;background:#1c303bcf;padding:10px 0;pointer-events:none}h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(50px,17vw,76px);line-height:.88;letter-spacing:-1px;margin:0 0 30px}.results{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:14px}.results strong{display:block;font-size:clamp(32px,10.5vw,44px);font-variant-numeric:tabular-nums;line-height:1.4}#breakdown{color:#e1d5c1;font-size:12px;margin:0 0 28px}#over,#paused{justify-content:center;background:linear-gradient(180deg,#233c4b44,#192735eb 35%,#192735ed 80%,#19273588)}#turn{position:absolute;top:105px;left:50%;transform:translateX(-50%);width:220px;text-align:center;background:#1e514fee;border:2px solid #fff1c6;color:#fff4d3;padding:9px 12px;box-shadow:3px 4px 0 #13272c88;pointer-events:none}#turn span{display:block;font-size:10px;font-weight:800;letter-spacing:2px}#turn strong{display:block;font-size:37px;line-height:1.1}#turn small{display:block;font-size:9px;letter-spacing:1px;margin-top:4px}#turn.chosen{background:#2c5c45}#turn.wrong{background:#8b3e39}@media(max-height:700px){.screen{padding:24px 25px 20px}.eyebrow{margin-bottom:12px}.tagline{margin:16px 0 20px}.controls{margin-bottom:20px}h1{font-size:64px}.foot{margin-top:14px}.best{margin-top:5px}#turn{top:90px;width:190px}#turn strong{font-size:30px}}