:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#13212e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#ffffffc7;--panel-solid:#ffffffeb;--ink:#13212e;--muted:#4e6479;--accent:#ff5f7e;--accent-dark:#d83d60;--good:#1aae8f;--shadow:#152d4138;background:#87ceeb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none}#app{position:relative}#app:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#00ffe157,#ffffff47,#0000);width:1px;position:absolute;inset:0 auto 0 50%;box-shadow:0 0 14px #00ffe138}#game-canvas{outline:none;width:100%;height:100%;display:block}.hud,.overlay,.toast,.bridge-toast,.pause-pill,.reset-countdown,.saved-flash,.settings-panel,.tower-selector{z-index:2;position:absolute}.hud{pointer-events:none;inset:0}.score-stack{pointer-events:none;position:absolute;inset:0}.metric,.pause-pill{background:var(--panel);min-width:96px;box-shadow:0 12px 32px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffa6;border-radius:8px;padding:10px 12px}.hud-card{cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;justify-content:center;align-items:center;min-width:82px;min-height:54px;display:flex;position:absolute;overflow:hidden;container-type:size}.hud-card:active{cursor:grabbing}.metric span,.pause-pill span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere;text-align:center;white-space:normal;width:100%;font-size:clamp(.5rem,min(11cqw,22cqh),.78rem);font-weight:700;line-height:1.05;display:block}.metric strong,.pause-pill strong{color:var(--ink);text-overflow:ellipsis;text-align:center;white-space:nowrap;width:100%;max-width:calc(100% - 8px);margin-top:2px;font-size:clamp(.95rem,min(24cqw,40cqh),2.25rem);line-height:.95;display:block;overflow:hidden}.hud-resize-handle{cursor:nwse-resize;opacity:0;pointer-events:auto;touch-action:none;border:0;width:14px;height:14px;position:absolute;bottom:4px;right:4px}.score-meter .hud-resize-handle,.combo-meter .hud-resize-handle,.world-record-meter .hud-resize-handle,.bridge-meter .hud-resize-handle,.tower-choice .hud-resize-handle,.stack-counter .hud-resize-handle,.gift-badge .hud-resize-handle{border-color:#b7fff699}.stack-counter,.win-counter{min-width:54px;min-height:54px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;overflow:visible}.stack-counter strong,.win-counter strong{color:#fff;text-align:center;text-shadow:0 0 10px #fffffff5,0 0 24px #00ffe16b,0 0 48px #ff4fd847;width:100%;font-size:clamp(2.2rem,min(48cqw,72cqh),6rem);font-weight:1000;line-height:.9;display:block}.win-counter{min-width:108px}.win-counter strong{letter-spacing:.04em;white-space:nowrap;font-size:clamp(1.25rem,min(26cqw,48cqh),3.8rem);font-weight:1000}.stack-counter-1 strong{color:#ffe1e8;text-shadow:0 0 10px #ff3660,0 0 28px #ff789694}.stack-counter-2 strong{color:#def7ff;text-shadow:0 0 10px #00beff,0 0 28px #00ffe180}.win-counter-1 strong{color:#ffe1e8;text-shadow:0 0 10px #ff3660,0 0 28px #ff789694}.win-counter-2 strong{color:#def7ff;text-shadow:0 0 10px #00beff,0 0 28px #00ffe180}.stack-counter .hud-resize-handle,.win-counter .hud-resize-handle{opacity:.48}.gift-badge{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:2px;padding:0;display:grid;overflow:visible}.gift-badge img{object-fit:contain;filter:drop-shadow(0 0 9px #ffffff73)drop-shadow(0 0 14px #00ffe147);pointer-events:none;-webkit-user-select:none;user-select:none;width:min(100%,118px);height:100%;min-height:0;display:block}.gift-label-input{color:#fff;width:100%;min-width:0;font:inherit;text-align:center;text-shadow:0 2px 3px #000000d9,0 0 12px #00ffe1d9;pointer-events:auto;background:0 0;border:0;outline:none;font-size:clamp(.78rem,min(14cqw,18cqh),1.4rem);font-weight:900;line-height:1}.gift-label-input::placeholder{color:#ffffffb3}.score-meter,.combo-meter{box-shadow:0 0 18px #00ffe138, 0 12px 32px var(--shadow);background:#0b1626c2;border-color:#00ffe194}.score-meter span,.combo-meter span{color:#b7fff6d1}.score-meter strong,.combo-meter strong{color:#fff;text-shadow:0 0 8px #00ffe1f2,0 0 18px #ff5f7e73}.world-record-meter{min-width:132px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#ffffff38}.world-record-meter span{color:#fff;letter-spacing:.06em;text-shadow:-8px 0 18px #ff3660e6,8px 0 18px #00aeffe6,0 0 10px #ffffffbf;font-size:clamp(1.25rem,min(30cqw,48cqh),2.7rem);font-weight:1000}.bridge-meter{background:#13212e8a;border-color:#ffffff47;min-width:108px}.bridge-meter strong{color:#ffb347}.bridge-meter.is-connected{background:#0b1626c2;border-color:#00ffe194}.bridge-meter.is-connected strong{color:#fff;text-shadow:0 0 10px #00ffe1e6}.hud-actions{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));pointer-events:auto;gap:10px;display:flex;position:absolute}.tower-selector{left:50%;bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;gap:12px;display:flex;transform:translate(-50%)}.tower-choice{color:#b7fff6e6;min-width:112px;min-height:54px;box-shadow:0 0 16px #00ffe11f, 0 12px 32px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:grab;background:#0b1626ad;border:1px solid #b7fff65c;border-radius:8px;place-items:center;gap:8px;padding:10px 16px;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:grid}.tower-choice-1{color:#fff;box-shadow:0 0 22px #ff366057, 0 12px 32px var(--shadow);background:radial-gradient(circle at 30% 20%,#ff587a52,#0000 42%),#360616d6;border-color:#ff3660c7}.tower-choice-2{color:#fff;box-shadow:0 0 22px #00aeff57, 0 12px 32px var(--shadow);background:radial-gradient(circle at 30% 20%,#00ddff47,#0000 42%),#06183ed6;border-color:#00aeffc7}.tower-choice:hover{background:#0b1626d1}.tower-choice.is-active{color:#fff;box-shadow:0 0 24px #00ffe157, 0 0 12px #ff5f7e33, 0 12px 32px var(--shadow);border-color:#00ffe1e6}.tower-choice-1.is-active{box-shadow:0 0 30px #ff366085, 0 0 14px #ffd2dc47, 0 12px 32px var(--shadow);border-color:#ff4e78}.tower-choice-2.is-active{box-shadow:0 0 30px #00aeff85, 0 0 14px #c8f8ff47, 0 12px 32px var(--shadow);border-color:#00cdff}.tower-choice span{color:#fff;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;text-align:center;text-shadow:0 0 8px,0 0 18px #ffffff5c;font-size:clamp(.8rem,min(18cqw,34cqh),1.55rem);font-weight:950;line-height:1}.tower-choice-1 span{color:#ffd7df;text-shadow:0 0 9px #ff3660,0 0 22px #ff7896b8}.tower-choice-2 span{color:#d8f7ff;text-shadow:0 0 9px #00beff,0 0 22px #00ffe19e}.tower-choice strong{text-shadow:0 0 10px #00ffe1e6;font-size:1.6rem;line-height:1}.pause-button,.settings-button{color:#fff;width:46px;height:46px;box-shadow:0 12px 30px var(--shadow);cursor:pointer;pointer-events:auto;background:#13212eb8;border:0;border-radius:50%;transition:transform .16s,background .16s}.pause-button:hover,.settings-button:hover{background:#13212edb;transform:translateY(-1px)}.pause-button:active,.settings-button:active{transform:translateY(1px)scale(.98)}.pause-icon,.play-icon,.settings-icon{place-items:center;width:100%;height:100%;display:inline-grid}.pause-icon:before,.pause-icon:after{content:"";background:currentColor;border-radius:2px;width:5px;height:18px;margin:0 2px}.pause-icon{grid-auto-flow:column}.play-icon:before{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid;width:0;height:0;transform:translate(2px)}.settings-icon:before{content:"";border:3px solid;border-radius:50%;width:19px;height:19px;box-shadow:0 -9px 0 -6px,0 9px 0 -6px,9px 0 0 -6px,-9px 0 0 -6px,6px 6px 0 -6px,-6px -6px 0 -6px,6px -6px 0 -6px,-6px 6px 0 -6px}.settings-panel{top:calc(max(18px, env(safe-area-inset-top)) + 58px);right:max(18px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#0b1626d6;border:1px solid #00ffe180;border-radius:8px;width:min(280px,100vw - 36px);padding:14px;transition:opacity .16s,transform .16s;transform:translateY(-8px)scale(.98);box-shadow:0 0 22px #00ffe12e,0 18px 42px #152d4147}.settings-panel.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.settings-bridge-status{background:#ffffff14;border:1px solid #00ffe159;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin-bottom:14px;padding:8px 10px;display:flex}.settings-bridge-status span{color:#b7fff6d1;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.settings-bridge-status strong{color:#ff5f7d;text-shadow:0 0 12px #ff5f7db3;text-transform:uppercase;font-size:1.05rem;font-weight:900}.settings-bridge-status.is-connected strong{color:#00ffe1;text-shadow:0 0 12px #00ffe1d9}.speed-control,.snap-control,.record-control{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.speed-control span,.snap-control span,.record-control span{color:#b7fff6d1;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.speed-control strong,.snap-control strong{color:#fff;text-shadow:0 0 10px #00ffe1cc;font-size:1.25rem}.speed-slider,.snap-slider{accent-color:#00ffe1;cursor:pointer;width:100%}.snap-control{margin-top:14px}.record-control,.tower-name-control{margin:14px 0 0}.record-input,.tower-name-input{color:#fff;width:112px;min-height:36px;font:inherit;text-align:right;background:#ffffff1a;border:1px solid #00ffe16b;border-radius:8px;outline:none;padding:0 10px;font-weight:800}.tower-name-panel{border-top:1px solid #00ffe138;margin-top:16px;padding-top:12px}.tower-name-control{justify-content:space-between;align-items:center;gap:12px;display:flex}.tower-name-control span{color:#b7fff6d1;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.tower-name-input{text-align:left;width:138px}.record-input:focus,.tower-name-input:focus{border-color:#00ffe1e6;box-shadow:0 0 0 3px #00ffe129}.keybind-panel{border-top:1px solid #00ffe138;margin-top:16px;padding-top:12px}.keybind-title{color:#b7fff6d1;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.74rem;font-weight:800}.keybind-list{gap:7px;display:grid}.keybind-row{color:#ebfffce6;grid-template-columns:54px 1fr;align-items:center;gap:10px;font-size:.82rem;font-weight:700;line-height:1.2;display:grid}.keybind-row kbd{color:#fff;min-height:28px;font:inherit;text-shadow:0 0 8px #00ffe1cc;background:#ffffff1a;border:1px solid #00ffe173;border-radius:7px;place-items:center;padding:0 8px;font-size:.76rem;font-weight:900;display:inline-grid}.overlay{opacity:0;pointer-events:none;background:radial-gradient(circle at 20% 25%,#ffffff57,#0000 28%),linear-gradient(#87ceeb14,#13212e2e);place-items:center;padding:24px;transition:opacity .22s;display:grid;inset:0}.overlay.is-visible{opacity:1;pointer-events:auto}.menu{background:var(--panel-solid);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;border:1px solid #ffffffb3;border-radius:8px;width:min(480px,100%);padding:clamp(22px,5vw,38px);transition:transform .22s;transform:translateY(10px)scale(.98);box-shadow:0 24px 70px #152d4147}.overlay.is-visible .menu{transform:translateY(0)scale(1)}.menu h1,.menu h2{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(2.7rem,11vw,5.8rem);line-height:.9}.menu h2{font-size:clamp(2.2rem,8vw,4rem)}.menu p{max-width:34ch;color:var(--muted);margin:16px auto 0;font-size:1rem;line-height:1.55}.menu .final-score{color:var(--ink);margin-top:18px;font-size:clamp(2rem,7vw,3.8rem);font-weight:800}.primary-action,.secondary-action{min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;margin-top:22px;padding:0 24px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(135deg, var(--accent), #ffb347);box-shadow:0 14px 30px #ff5f7e52}.secondary-action{color:var(--ink);background:#13212e1a}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.primary-action:active,.secondary-action:active{transform:translateY(1px)scale(.99)}.instructions{max-width:34ch;color:var(--muted);text-align:left;gap:8px;margin:20px auto 0;padding:0;list-style:none;display:grid}.instructions li{align-items:flex-start;gap:8px;line-height:1.4;display:flex}.instructions li:before{content:"";background:var(--good);border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:8px}.toast{color:#fff;opacity:0;pointer-events:none;background:#1aae8feb;border-radius:8px;padding:12px 18px;font-weight:900;transition:opacity .18s,transform .18s;top:22%;left:50%;transform:translate(-50%,16px)scale(.94);box-shadow:0 16px 36px #1aae8f3d}.toast.is-visible{opacity:1;transform:translate(-50%)scale(1)}.bridge-toast{color:#fff;text-align:center;opacity:0;pointer-events:none;background:#0b1626db;border:1px solid #00ffe161;border-radius:8px;max-width:min(340px,100vw - 36px);padding:10px 14px;font-weight:800;transition:opacity .18s,transform .18s;top:calc(22% + 56px);left:50%;transform:translate(-50%,16px)scale(.94);box-shadow:0 16px 36px #00ffe12e}.bridge-toast.is-visible{opacity:1;transform:translate(-50%)scale(1)}.pause-pill{text-align:center;opacity:0;pointer-events:none;min-width:160px;transition:opacity .18s;top:86px;left:50%;transform:translate(-50%)}.pause-pill.is-visible{opacity:1}.reset-countdown{color:#fff;text-align:center;opacity:0;pointer-events:none;background:radial-gradient(circle,#ff4fd833,#0000 34%),#02040e85;place-items:center;transition:opacity .18s;display:grid;inset:0 50% 0 0}.reset-countdown-2{inset:0 0 0 50%}.reset-countdown.is-visible{opacity:1;animation:1s ease-in-out infinite resetBackdropPulse}.reset-countdown strong{color:#fff;letter-spacing:.04em;text-shadow:0 0 14px #ff4fd8,0 0 28px #00ffe1ad,0 0 54px #fff04a57;font-size:clamp(2.2rem,6.8vw,7rem);font-weight:1000;line-height:.9;animation:1s cubic-bezier(.2,.9,.25,1) infinite resetTextPulse;display:block}@keyframes resetTextPulse{0%{opacity:.72;filter:blur(1px);transform:scale(.92)}18%{opacity:1;filter:blur();transform:scale(1.06)}to{opacity:.9;filter:blur();transform:scale(1)}}@keyframes resetBackdropPulse{0%,to{background:radial-gradient(circle,#ff4fd829,#0000 34%),#02040e75}18%{background:radial-gradient(circle,#00ffe13d,#0000 38%),#02040e99}}.saved-flash{color:#fff;text-align:center;opacity:0;pointer-events:none;place-items:center;transition:opacity .18s;display:grid;inset:0 50% 0 0}.saved-flash-2{inset:0 0 0 50%}.saved-flash.is-visible{opacity:1}.saved-flash strong{color:#fff;letter-spacing:.03em;text-shadow:0 0 14px #00ffe1,0 0 30px #55ff8ab8,0 0 60px #ffffff5c;padding:0 24px;font-size:clamp(2.8rem,8vw,8rem);font-weight:1000;line-height:.9;animation:2.4s cubic-bezier(.2,.9,.25,1) both savedFlashPop;display:block}@keyframes savedFlashPop{0%{opacity:0;filter:blur(3px);transform:scale(.7)rotate(-2deg)}12%{opacity:1;filter:blur();transform:scale(1.08)rotate(1deg)}72%{opacity:1;filter:blur();transform:scale(1)rotate(0)}to{opacity:0;filter:blur(1px);transform:scale(1.08)translateY(-18px)}}@media (width<=560px){.metric{min-width:82px;padding:9px 10px}.pause-button,.settings-button{width:42px;height:42px}.settings-panel{top:calc(max(18px, env(safe-area-inset-top)) + 54px)}}