:root{color-scheme:dark;--panel:rgba(13,47,39,.88);--panel-border:rgba(255,255,255,.14);--text:#f7fff8;--muted:#c7ddcf;--accent:#ffd45b;--red:#ef4b4b}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#123f35;font-family:ui-rounded,"SF Pro Rounded","Nunito",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent;user-select:none}button{font:inherit}#app{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.1),transparent 28%),linear-gradient(180deg,#1d6d58 0%,#123f35 100%)}#gameCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.hud{position:absolute;z-index:5;top:max(12px,env(safe-area-inset-top));left:50%;width:min(94vw,610px);transform:translateX(-50%);display:grid;grid-template-columns:1fr auto;gap:10px;pointer-events:none}.score-card,.hud-actions{min-height:54px;border:1px solid var(--panel-border);border-radius:18px;background:var(--panel);box-shadow:0 12px 36px rgba(2,20,15,.24),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.score-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:7px 12px}.stat{min-width:0;text-align:center;border-right:1px solid rgba(255,255,255,.11)}.stat:last-child{border-right:0}.stat-label{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.stat-value{display:block;margin-top:1px;color:var(--text);font-size:clamp(17px,4.2vw,23px);font-weight:900;line-height:1.1;white-space:nowrap}.hud-actions{display:flex;align-items:center;gap:6px;padding:6px;pointer-events:auto}.icon-button{width:42px;height:42px;border:0;border-radius:13px;color:var(--text);background:rgba(255,255,255,.09);box-shadow:inset 0 1px rgba(255,255,255,.08);font-weight:900;cursor:pointer;transition:transform 120ms ease,background 120ms ease}.icon-button:hover{background:rgba(255,255,255,.15)}.icon-button:active{transform:scale(.94)}.icon-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#instructions{position:absolute;z-index:6;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(88vw,430px);transform:translateX(-50%);padding:14px 18px;border:1px solid rgba(255,255,255,.16);border-radius:20px;color:var(--text);background:rgba(9,36,30,.9);box-shadow:0 18px 45px rgba(0,0,0,.26);text-align:center;pointer-events:none;transition:opacity 350ms ease,transform 350ms ease}#instructions.hidden{opacity:0;transform:translate(-50%,12px)}#instructions strong{display:block;margin-bottom:3px;font-size:16px}#instructions span{color:var(--muted);font-size:13px;line-height:1.35}#toast{position:absolute;z-index:9;top:28%;left:50%;transform:translate(-50%,-10px) scale(.88);padding:10px 20px;border-radius:999px;color:#14372d;background:#fff4a9;box-shadow:0 12px 35px rgba(0,0,0,.28);font-size:clamp(26px,8vw,46px);font-weight:1000;letter-spacing:-.03em;opacity:0;pointer-events:none}#toast.show{animation:toast-pop 1.05s cubic-bezier(.2,.8,.2,1) both}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.65) rotate(-4deg)}22%{opacity:1;transform:translate(-50%,-8px) scale(1.08) rotate(2deg)}66%{opacity:1;transform:translate(-50%,-12px) scale(1)}100%{opacity:0;transform:translate(-50%,-30px) scale(.94)}}.modal{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:22px;background:rgba(4,24,20,.64);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity 220ms ease,visibility 220ms ease}.modal.show{opacity:1;visibility:visible}.modal-card{width:min(92vw,430px);padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:28px;color:var(--text);background:linear-gradient(155deg,rgba(30,106,82,.98),rgba(12,53,43,.98));box-shadow:0 28px 80px rgba(0,0,0,.38);text-align:center}.modal-kicker{margin:0 0 8px;color:#f6d968;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.modal h1{margin:0;font-size:clamp(30px,9vw,48px);line-height:.98;letter-spacing:-.045em}.modal p{margin:14px 0 22px;color:var(--muted);font-size:16px;line-height:1.5}.primary-button{width:100%;border:0;border-radius:16px;padding:14px 18px;color:#17382f;background:linear-gradient(180deg,#ffe677,#f6c94e);box-shadow:0 8px 0 #c9962c,0 14px 28px rgba(0,0,0,.23);font-weight:1000;cursor:pointer}.primary-button:active{transform:translateY(4px);box-shadow:0 4px 0 #c9962c,0 8px 18px rgba(0,0,0,.2)}@media(max-width:520px){.hud{grid-template-columns:1fr}.hud-actions{position:absolute;top:64px;right:0;width:max-content;min-height:0}.score-card{min-height:52px}.icon-button{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}