:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#394949;--muted:#8c918a;--cream:#fbf6ed;--accent:#db785d;--blue:#6a939e;--line:#e8e4da;--paper:#fffdf8}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#e9e4d9;margin:0;font-family:ui-rounded,SF Pro Rounded,Avenir Next,Segoe UI,Arial,PingFang SC,sans-serif;overflow:hidden}button,input{-webkit-tap-highlight-color:transparent;font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;border:0}button:disabled{cursor:default;opacity:.4}button:focus-visible{outline-offset:3px;outline:3px solid #95bdc5}input:focus-visible{outline-offset:3px;outline:3px solid #95bdc5}button:active:not(:disabled){transform:translateY(1px)}#shell{background:var(--cream);flex-direction:column;width:min(100%,510px);height:min(100dvh,960px);margin:auto;display:flex;position:relative;overflow:hidden}header{z-index:3;padding:calc(12px + env(safe-area-inset-top)) 22px 14px;background:var(--cream);flex-shrink:0;position:relative}.brand{letter-spacing:.24em;color:#a2937d;text-align:center;margin:0 0 14px;font-size:10px;font-weight:800}.hud{align-items:center;gap:15px;display:flex}.level-chip{border-right:1px solid #dfd8c9;min-width:82px;padding-right:16px}.eyebrow{letter-spacing:.16em;color:var(--muted);font-size:10px;font-weight:800;display:block}.level-chip strong{letter-spacing:-1.2px;font-size:31px;font-weight:800;line-height:1.12;display:block}.title-block{flex:1;min-width:0}.title-block strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:750;display:block;overflow:hidden}.title-block small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.pause-btn{background:#fffaf1;border:1px solid #e2ddcf;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pause-btn svg{width:16px}.arena{background:#f5eedd;flex:1;min-height:180px;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.target-badge{pointer-events:none;background:#fffdf5df;border:1px solid #fff7e3;border-radius:30px;align-items:center;gap:9px;padding:8px 14px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #695b3810}.target-icon{border:2px solid var(--accent);border-radius:4px 4px 6px 6px;width:13px;height:16px;position:relative}.target-icon:before{content:"";border:2px solid var(--accent);border-bottom:0;border-radius:2px;width:7px;height:3px;position:absolute;top:-5px;left:0}.target-badge strong{font-size:16px;line-height:1}.target-badge small{letter-spacing:.1em;color:#95998e;font-size:9px;font-weight:800}.status{text-align:center;pointer-events:none;letter-spacing:.025em;color:#777d74;text-shadow:0 1px 4px #fffcf2;font-size:11px;position:absolute;bottom:10px;left:0;right:0}.tutorial{text-align:center;pointer-events:none;background:#fffdf3ed;border:1px solid #ffffffad;border-radius:15px;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:88%;padding:12px 18px;position:absolute;bottom:24%;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #66573614}.tutorial strong{margin-bottom:5px;font-size:13px;display:block}.tutorial span{color:#8a897a;font-size:11px}.tutorial:before{content:"⌖";color:var(--accent);margin-bottom:7px;font-size:25px;line-height:1.1;display:block}.crosshair{pointer-events:none;border:2px solid #fffdf0;border-radius:50%;width:31px;height:31px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #547984cc,0 3px 8px #31484533}.crosshair:after{content:"";background:#547984;border-radius:50%;width:5px;height:5px;position:absolute;top:11px;left:11px}.crosshair.invalid{box-shadow:0 0 0 2px #d57861}.cancel-zone{text-align:center;color:#9d755e;pointer-events:none;background:#eee2d1c9;border-radius:12px 12px 0 0;height:35px;font-size:11px;line-height:35px;position:absolute;bottom:0;left:15px;right:15px}.cancel-zone.active{color:#fff;background:#cf795bcc}.combo{color:#cb7357;opacity:0;pointer-events:none;letter-spacing:.04em;text-shadow:0 2px #fff7dd;font-size:24px;font-weight:900;transition:opacity .13s,transform .2s;position:absolute;top:24%;left:50%;transform:translate(-50%,-6px)}.combo.show{opacity:1;transform:translate(-50%)}footer{z-index:3;background:var(--paper);padding:16px 22px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ece5d9;border-radius:24px 24px 0 0;flex-shrink:0;margin-top:-2px;position:relative;box-shadow:0 -5px 20px #7c624805}.ammo-line{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.ammo-wrap{align-items:center;gap:12px;display:flex}.ammo-dots{gap:6px;display:flex}.ammo-dot{background:#5c7d85;border-radius:50%;width:11px;height:11px;box-shadow:inset 0 1px 2px #ffffff80,inset 0 -1px 1px #344a512e}.ammo-dot.spent{box-shadow:none;background:#e9e8df}.score{color:#999d91;font-variant-numeric:tabular-nums;font-size:13px;font-weight:750}.power-row{align-items:center;gap:12px;display:flex}.power-label{letter-spacing:.1em;width:43px;color:var(--muted);font-size:10px;font-weight:800}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#de8769 0%,#de8769 var(--p,64%),#eee9dd var(--p,64%),#eee9dd 100%);touch-action:none;cursor:pointer;border-radius:10px;flex:1;min-width:0;height:7px;margin:13px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fffdf7;border:6px solid #d8876a;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 5px #8a5e5126}input[type=range]::-moz-range-thumb{background:#fff;border:5px solid #d8876a;border-radius:50%;width:14px;height:14px}#power-value{text-align:right;width:36px;font-size:14px;font-weight:800}.tools{align-items:center;gap:9px;margin-top:14px;display:flex}.tool{background:#faf8f1;border:1px solid #eee9df;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;height:34px;font-size:11px;font-weight:700;display:flex}.tool svg{stroke:#8b9388;stroke-width:1.7px;fill:none;width:15px;height:15px}.toast{text-align:center;z-index:10;opacity:0;pointer-events:none;background:#fffdf5ed;border-radius:14px;padding:13px 16px;font-size:12px;transition:all .18s;position:absolute;bottom:205px;left:24px;right:24px;transform:translateY(6px);box-shadow:0 8px 35px #45372516}.toast.show{opacity:1;transform:translateY(0)}.modal-wrap{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#625a4b30;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal{-webkit-user-select:text;-moz-user-select:text;user-select:text;background:#fffcf5;border-radius:25px;width:100%;max-height:90%;padding:25px;overflow:auto;box-shadow:0 20px 80px #4b3e3c29}.modal h2{letter-spacing:-.7px;text-align:center;margin:8px 0 10px;font-size:24px;line-height:1.2}.modal .sub{color:#8d9388;text-align:center;margin:6px 0 20px;font-size:12px;line-height:1.7}.modal .body-text{color:#747d74;margin:17px 0;font-size:13px;line-height:1.95}.modal button{background:#f1eee4;border-radius:13px;width:100%;margin-top:9px;padding:13px 12px;font-size:13px;font-weight:750}.modal button.primary{color:#fff9ed;background:#d98063;box-shadow:0 3px #b9654d}.modal button.secondary{color:#fff;background:#779aa2}.modal button.plain{color:#96988c;background:0 0;padding:7px 10px;font-size:11px}.modal .row{gap:10px;display:flex}.modal .row>button{flex:1}.medal{color:#c89149;background:#f5e7c6;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:3px auto 13px;font-size:38px;display:flex}.stars{color:#ddad5c;text-align:center;letter-spacing:6px;margin:10px 0 18px;font-size:32px}.stars .empty{color:#e9e2d0}.stats{gap:10px;margin:20px 0;display:flex}.stat{text-align:center;background:#f4f1e7;border-radius:13px;flex:1;padding:12px 5px}.stat strong{font-variant-numeric:tabular-nums;font-size:23px;display:block}.stat span{color:#959a8e;margin-top:5px;font-size:10px;display:block}.tag{letter-spacing:.07em;color:#939989;background:#f0ecdf;border-radius:20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;margin:8px auto;padding:6px 10px;font-size:9px;font-weight:800;display:block}.tabs{background:#f0ede4;border-radius:12px;gap:5px;margin:15px 0;padding:4px;display:flex}.tabs button{background:0 0;margin:0;padding:9px 4px;font-size:12px}.tabs button.active{color:#b76e54;background:#fffdf7;box-shadow:0 2px 6px #75604210}.level-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin:17px 0;display:grid}.level-grid button{background:#f2eee3;border:1px solid #e9e3d7;border-radius:11px;height:56px;margin:0;padding:6px 1px;font-size:16px;font-weight:800}.level-grid button.done{background:#e8efeb;border-color:#dce5df}.level-grid button.current{background:#f7e4d6;border-color:#cc967c}.level-grid button small{letter-spacing:1px;color:#c49c58;font-size:8px;line-height:1.4;display:block}.setting-row{border-bottom:1px solid #ede8dd;justify-content:space-between;align-items:center;padding:14px 0;font-size:13px;display:flex}.setting-row button{width:auto;min-width:83px;margin:0;padding:9px 14px;font-size:12px}.version{text-align:center;letter-spacing:.14em;color:#b3ad9b;margin-top:20px;font-size:9px}.loading{z-index:30;background:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.loading b{letter-spacing:-.6px;font-size:23px}.loading p{color:#8e9284;font-size:12px;line-height:1.7}.loader{border:3px solid #e5dace;border-top-color:#d68468;border-radius:50%;width:34px;height:34px;margin-bottom:22px;animation:1s linear infinite spin}.loading button{color:#fff;background:#d8876a;border-radius:12px;margin-top:12px;padding:13px 28px}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:620px){body{justify-content:center;align-items:center;padding:18px;display:flex}#shell{border:1px solid #fffaf1;border-radius:27px;height:min(100dvh - 36px,930px);box-shadow:0 20px 80px #6a604023}}@media (max-height:650px){header{padding-top:8px;padding-bottom:10px}.brand{margin-bottom:8px}.level-chip strong{font-size:26px}footer{padding-top:12px;padding-bottom:9px}.tools{margin-top:9px}.ammo-line{margin-bottom:6px}.tutorial{padding:8px 12px;bottom:20%}.modal{padding:20px}.modal-wrap{padding:15px}}#phaser-game{position:absolute;top:0;bottom:0;left:0;right:0}#phaser-game canvas{touch-action:none;display:block;width:100%!important;height:100%!important}