*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e3b98e;color:#fff2cd;font-family:Impact,'Arial Black',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff4cb;outline-offset:6px}button:disabled{opacity:.6}[hidden]{display:none!important}#game{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #59351e22}#flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:#e65f36;mix-blend-mode:soft-light}.toolbar{position:absolute;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));display:flex;justify-content:space-between;z-index:5}.toolbar-right{display:flex;gap:9px}.icon{width:46px;height:46px;border:1px solid #fff4d97a;background:#6b533244;color:#fff5d8;border-radius:50%;display:grid;place-items:center;text-decoration:none;font:24px system-ui;backdrop-filter:blur(12px);transition:background .2s}.icon:hover{background:#463a3277}.icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;flex-direction:column}.logo{margin:clamp(66px,10vh,110px) 0 0;text-align:center;line-height:.81;transform:rotate(-5deg);font-family:Impact,'Arial Black',sans-serif;letter-spacing:-3px;filter:drop-shadow(0 10px 0 #673e27) drop-shadow(0 14px 16px #51352630);-webkit-text-stroke:2px #704329;paint-order:stroke fill}.logo>span{display:block;font-size:clamp(65px,10vw,115px);color:#fff0bd;letter-spacing:8px;transform:translateX(4px)}.logo strong{display:block;position:relative;font-size:clamp(89px,13vw,154px);font-weight:900;color:#c17639;-webkit-text-stroke:4px #fff0bd;paint-order:stroke fill}.drop{position:absolute;width:15px;height:25px;background:#c17639;right:24%;bottom:-15px;border-radius:0 0 15px 15px;border:2px solid #fff0bd;border-top:0;z-index:-1}.start-bottom{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));text-align:center;pointer-events:auto}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-width:205px;padding:17px 28px;border:2px solid #6a4028;border-radius:9px;background:#fff0bd;color:#673e27;font-size:23px;letter-spacing:1px;text-decoration:none;box-shadow:0 6px 0 #673e27,0 12px 25px #43241330;transition:background .12s}.primary:hover{background:#fff9de}.primary:active{box-shadow:0 2px 0 #673e27;transform:translateY(4px)}.primary span{font:28px system-ui;line-height:1}.controls{font:600 12px system-ui,sans-serif;color:#fff6de;text-shadow:0 1px 6px #604020;margin:19px 0 0}.touch-hint{display:none}#hud{position:absolute;top:max(25px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);text-shadow:0 3px 0 #75523b,0 3px 16px #68432877;font-size:43px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.unit{font:600 16px system-ui;margin-left:5px}.modal{position:absolute;inset:0;background:#30291d55;backdrop-filter:blur(5px);display:grid;place-items:center;z-index:4;text-align:center}.panel{padding:35px 30px;min-width:290px}.panel h2{font-size:clamp(46px,7vw,75px);line-height:1.02;letter-spacing:-1.5px;margin:0 0 23px;text-shadow:0 5px 0 #633f2a}.result{font-size:90px;line-height:1}.result small{font:600 23px system-ui;margin-left:6px}.panel p{font:600 13px system-ui;margin:16px 0 30px;letter-spacing:1px}.panel .primary{margin-top:12px}#error{z-index:10;background:#5f4435}.danger #vignette{box-shadow:inset 0 0 100px #a3483866;animation:warning .7s infinite alternate}@keyframes warning{to{box-shadow:inset 0 0 70px #a3483815}}@media(pointer:coarse){.touch-hint{display:inline}.key-hint{display:none}}@media(max-width:600px){.toolbar{top:max(16px,env(safe-area-inset-top));left:15px;right:15px}.icon{width:40px;height:40px}.toolbar-right{gap:6px}.logo{margin-top:17vh}.logo>span{font-size:76px}.logo strong{font-size:100px}#hud{font-size:37px;top:max(22px,env(safe-area-inset-top))}.start-bottom{bottom:max(35px,env(safe-area-inset-bottom))}.primary{font-size:21px}.panel{min-width:260px;padding:20px}}@media(max-height:500px){.logo{margin-top:25px;margin-left:-50%;}.logo>span{font-size:55px}.logo strong{font-size:76px}.start-bottom{bottom:26px;left:12%;}.panel h2{font-size:42px;margin-bottom:12px}.result{font-size:58px}.panel p{margin:10px 0}.primary{padding:12px 23px}.controls{margin-top:13px}}@media(prefers-reduced-motion:reduce){.danger #vignette{animation:none}}

@media (min-aspect-ratio: 1.15) and (min-height: 501px) { .logo { position:absolute; top:22%; left:9%; margin:0; } .logo>span { font-size:clamp(65px,8vw,106px); } .logo strong { font-size:clamp(90px,11vw,145px); } .start-bottom { left:18%; bottom:17%; } }

.start-line{font:800 clamp(17px,2vw,23px)/1.3 system-ui,sans-serif;color:#fff8e8;text-shadow:0 2px 5px #56351d;margin:0 0 20px}
.panel .game-over-line{max-width:360px;margin:0 auto 22px;font:500 14px/1.5 system-ui,sans-serif;letter-spacing:0;color:#fff8e8}
@media(max-height:500px){.start-line{font-size:16px;margin-bottom:12px}.panel .game-over-line{margin-bottom:12px;max-width:450px;font-size:12px}.panel{padding:15px}}