:root{--navy: #16314f;--orange: #ff8a1c;--yellow: #ffd21f;--red: #d6372a;--paper: #fff6df;--safe-t: env(safe-area-inset-top, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#9fd3f2;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;color:var(--navy);overscroll-behavior:none;-webkit-user-select:none;user-select:none}canvas#game{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;touch-action:none}.hidden{display:none!important}button{font:inherit;cursor:pointer;border:3px solid var(--navy);color:var(--navy);background:var(--paper);border-radius:14px;box-shadow:0 4px 0 var(--navy);transition:transform .06s,box-shadow .06s}button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--navy)}button.round{width:42px;height:42px;border-radius:50%;font-size:20px;line-height:1;padding:0;display:grid;place-items:center}button.big{background:var(--orange);font-size:26px;font-weight:900;letter-spacing:.06em;padding:12px 34px;box-shadow:0 6px 0 var(--navy)}button.sec{font-size:15px;font-weight:800;padding:9px 16px}#hud{position:fixed;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));pointer-events:none}#hud>*{pointer-events:auto}.hud-left,.hud-right{display:flex;align-items:center;gap:8px}.lvl{display:flex;flex-direction:column;background:var(--paper);border:3px solid var(--navy);border-radius:12px;padding:3px 10px;box-shadow:0 3px 0 var(--navy)}.lvl b{font-size:15px;letter-spacing:.03em}.lvl small{font-size:11px;opacity:.7}.score{display:flex;flex-direction:column;align-items:flex-end;background:var(--paper);border:3px solid var(--navy);border-radius:12px;padding:2px 12px;box-shadow:0 3px 0 var(--navy);min-width:96px}.score small{font-size:10px;letter-spacing:.12em;opacity:.7}.score b{font-size:20px;font-variant-numeric:tabular-nums}#queue{display:flex;gap:2px;align-items:center;background:#fff6dfeb;border:3px solid var(--navy);border-radius:12px;padding:0 6px;box-shadow:0 3px 0 var(--navy);height:46px;pointer-events:none}#queue img{width:54px;height:36px;opacity:.55;filter:saturate(.7);transition:transform .2s}#queue img.now{opacity:1;filter:none;transform:translateY(-1px) scale(1.12)}#queue .empty{font-size:12px;font-weight:800;padding:0 6px;opacity:.6}.banner{position:fixed;left:50%;top:calc(64px + var(--safe-t));transform:translate(-50%);background:var(--paper);border:3px solid var(--navy);border-radius:16px;padding:8px 18px;box-shadow:0 5px 0 var(--navy);text-align:center;max-width:min(560px,90vw);pointer-events:none;animation:drop .4s cubic-bezier(.2,1.4,.4,1)}.banner b{display:block;font-size:18px;letter-spacing:.04em}.banner span{font-size:14px}.banner.fade{opacity:0;transition:opacity .6s}@keyframes drop{0%{transform:translate(-50%,-30px);opacity:0}}.unit-tip{position:fixed;left:50%;bottom:calc(14px + var(--safe-b));transform:translate(-50%);background:var(--navy);color:#fff;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:800;pointer-events:none;box-shadow:0 3px #0000004d;white-space:nowrap}.screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#16314f47,#16314f9e);padding:10px;overflow:auto;z-index:5}.card{background:var(--paper);border:4px solid var(--navy);border-radius:24px;box-shadow:0 10px 0 var(--navy),0 24px 60px #00000059;text-align:center;padding:18px 26px 20px;max-width:620px;width:100%;animation:pop .45s cubic-bezier(.2,1.5,.4,1)}@keyframes pop{0%{transform:scale(.82) translateY(20px);opacity:0}}.logo{font-family:Arial Black,Impact,sans-serif;line-height:.9;transform:rotate(-2deg);margin:2px 0 8px}.logo span{display:block;font-size:clamp(40px,11vh,76px);letter-spacing:.02em;color:var(--orange);-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;text-shadow:0 5px 0 var(--navy)}.logo span:last-child{color:var(--yellow)}.tag{font-size:17px;font-weight:900;margin:6px 0 4px}.story{font-size:14px;margin:0 0 12px;opacity:.85}.levels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 8px}.levels button{padding:6px 4px 5px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1px;background:#fff;box-shadow:0 3px 0 var(--navy)}.levels button b{font-size:20px;line-height:1}.levels button span{font-size:10.5px;font-weight:800;opacity:.75;line-height:1.1}.levels button i{font-style:normal;font-size:13px;letter-spacing:1px;color:#e0a800;text-shadow:0 1px 0 rgba(0,0,0,.25)}.levels button i .off{color:#cfc6ad}.total{margin:4px 0;font-size:13px;font-weight:800}.how{margin:8px 0 0;font-size:12.5px;opacity:.8}.kicker{margin:0;font-size:13px;font-weight:900;letter-spacing:.14em;color:var(--red)}.end-card h1{margin:2px 0 6px;font-family:Arial Black,Impact,sans-serif;font-size:clamp(26px,6vw,40px);line-height:1}.stars{font-size:52px;letter-spacing:6px;color:#cfc6ad;margin:4px 0;text-shadow:0 3px 0 rgba(22,49,79,.25)}.stars .on{color:#ffc400;text-shadow:0 3px 0 var(--navy);animation:star .5s cubic-bezier(.2,1.8,.4,1) both;display:inline-block}@keyframes star{0%{transform:scale(0) rotate(-120deg)}}.end-card p{margin:4px 0;font-size:15px}.end-score{font-size:14px;font-weight:800;background:#fff;border:3px solid var(--navy);border-radius:14px;padding:8px 12px;margin:10px 0;line-height:1.5}.end-score b{font-size:26px;font-variant-numeric:tabular-nums}.end-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:10px}#rotate{position:fixed;inset:0;z-index:9;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}#rotate p{font-family:Arial Black,Impact,sans-serif;font-size:22px;letter-spacing:.05em;margin:0}.phone{width:70px;height:120px;border:6px solid #fff;border-radius:14px;animation:turn 2.4s ease-in-out infinite}@keyframes turn{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(max-height:520px){.card{padding:10px 18px 12px;border-radius:18px;max-width:760px}.story,.how{display:none}.tag{font-size:14px;margin:2px 0}.logo{margin:0}.logo span{font-size:38px;-webkit-text-stroke-width:2px;text-shadow:0 3px 0 var(--navy)}.logo{display:flex;gap:10px;justify-content:center}button.big{font-size:20px;padding:8px 26px}.levels{margin:10px 0 4px;grid-template-columns:repeat(8,1fr);gap:5px}.levels button span{display:none}.stars{font-size:36px;margin:0}.end-score{margin:6px 0;padding:4px 10px}.end-score b{font-size:20px}.lvl small{display:none}.banner{top:calc(56px + var(--safe-t));padding:5px 14px}.banner b{font-size:15px}#queue{height:40px}#queue img{width:40px;height:27px}button.round{width:36px;height:36px;font-size:17px}.score b{font-size:17px}.score{min-width:80px}}