:root{--bg:#0e1424;--ink:#f4f6ff;--dim:#8f9ac0;--gold:#ffcf3f;--cyan:#4de3ff;--red:#ff5470;--panel:rgba(18,26,48,.78);--line:rgba(255,255,255,.12)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Nunito,Segoe UI,system-ui,sans-serif;user-select:none;-webkit-user-select:none}canvas{position:fixed;inset:0;display:block}#hud{position:fixed;left:0;right:0;top:0;height:112px;padding:14px 22px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.col{display:flex;flex-direction:column;gap:10px;width:260px}.col.r{align-items:flex-end}.pill{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 18px;font-weight:800;letter-spacing:.06em;font-size:15px;backdrop-filter:blur(8px);box-shadow:0 6px 20px #00000059;display:inline-flex;gap:8px;align-items:center;width:max-content}.pill b{font-size:22px;letter-spacing:0;font-variant-numeric:tabular-nums}#credPill b{color:var(--gold)}#credPill.bump{animation:bump .3s ease-out}#credPill.bad{animation:bad .4s ease-out}@keyframes bump{0%{transform:scale(1)}30%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes bad{0%,to{transform:translate(0);color:inherit}20%{transform:translate(-8px);background:#5a1224}60%{transform:translate(8px);background:#5a1224}}#targetCard{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid rgba(255,207,63,.45);border-radius:22px;padding:8px 22px 8px 16px;box-shadow:0 0 0 1px #ffcf3f26,0 10px 30px #00000073,0 0 40px #ffcf3f1f;backdrop-filter:blur(8px)}#targetCard.pop{animation:cardpop .7s cubic-bezier(.2,1.6,.4,1)}@keyframes cardpop{0%{transform:scale(.4) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0)}}#tgtEmoji{font-size:58px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}#targetCard .lbl{font-size:12px;font-weight:900;letter-spacing:.25em;color:var(--gold)}#speedwrap{width:130px}#speedbar{height:8px;border-radius:9px;background:#ffffff1f;overflow:hidden;margin-top:6px}#speedfill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff9d2f,var(--gold));border-radius:9px;transition:background .3s}#speedlbl{font-size:12px;color:var(--dim);margin-top:5px;font-weight:700;letter-spacing:.04em}#comboBox{opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s;width:200px}#comboBox.on{opacity:1;transform:none}#comboTxt{font-weight:900;font-size:22px;color:var(--cyan);text-shadow:0 0 18px rgba(77,227,255,.6)}#comboTxt small{font-size:13px;color:var(--ink);opacity:.8;margin-left:6px}#comboTxt.hit{animation:bump .22s ease-out}#comboBar{height:6px;border-radius:6px;background:#ffffff1f;margin-top:6px;overflow:hidden}#comboFill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),#a6f4ff)}#snd{pointer-events:auto;cursor:pointer;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:50%;width:40px;height:40px;font-size:18px}#snd:hover{background:#283864e6}#powers{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:14px}.pw{cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;border-radius:18px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;backdrop-filter:blur(8px);box-shadow:0 6px 20px #00000059;transition:transform .12s,background .15s,opacity .2s,border-color .2s}.pw:hover:not(:disabled){transform:translateY(-3px) scale(1.04);background:#283c6eeb;border-color:#ffffff59}.pw:active:not(:disabled){transform:scale(.96)}.pw:disabled{opacity:.42;cursor:not-allowed}.pw .ic{font-size:30px}.pw .tx{text-align:left;line-height:1.15}.pw .tx b{display:block;font-size:14px;letter-spacing:.04em}.pw .tx span{font-size:11px;color:var(--dim)}.pw .cost{font-weight:900;color:var(--gold);margin-left:4px;font-size:15px}.pw.no{animation:bad .4s}#banner{position:fixed;left:0;right:0;top:36%;text-align:center;pointer-events:none;font-weight:900;font-size:84px;letter-spacing:.04em;opacity:0;text-shadow:0 6px 0 rgba(0,0,0,.35),0 0 50px rgba(255,207,63,.5)}#banner.show{animation:banner 1.8s ease-out forwards}#banner.win{color:var(--gold)}@keyframes banner{0%{opacity:0;transform:scale(.3) rotate(-6deg)}14%{opacity:1;transform:scale(1.15) rotate(2deg)}24%{transform:scale(1) rotate(0)}78%{opacity:1}to{opacity:0;transform:scale(1.25) translateY(-30px)}}#overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#0e1424b8,#060912ed);z-index:10}#overlay.on{display:flex}.card{text-align:center;padding:42px 56px;border-radius:32px;background:linear-gradient(160deg,#202c54eb,#10162cf2);border:1px solid var(--line);box-shadow:0 30px 80px #0009;max-width:640px;animation:cardin .55s cubic-bezier(.2,1.5,.4,1)}@keyframes cardin{0%{transform:scale(.6) translateY(40px);opacity:0}to{transform:none;opacity:1}}.card h1{font-size:72px;letter-spacing:.02em;line-height:1;background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 rgba(0,0,0,.3))}.card h2{font-size:42px;color:var(--gold)}.card p{color:var(--dim);margin:16px auto 0;font-size:17px;line-height:1.5;max-width:460px}.card p b{color:var(--ink)}.row{display:flex;justify-content:center;gap:10px;font-size:42px;margin-bottom:18px}.row span{display:inline-block;animation:hop 1.2s ease-in-out infinite}@keyframes hop{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(6deg)}}.stats{display:grid;grid-template-columns:1fr auto;gap:8px 40px;margin:22px auto 0;text-align:left;font-size:18px;width:max-content}.stats i{font-style:normal;color:var(--dim)}.stats b{text-align:right;font-variant-numeric:tabular-nums}.stats .tot{border-top:1px solid var(--line);padding-top:10px;color:var(--gold);font-size:22px}.big{margin-top:30px;cursor:pointer;font:inherit;font-weight:900;font-size:22px;letter-spacing:.08em;color:#2a1b00;padding:16px 44px;border:none;border-radius:999px;background:linear-gradient(180deg,#ffe27a,#ffb61f);box-shadow:0 8px #b27800,0 16px 30px #00000073;transition:transform .1s,box-shadow .1s}.big:hover{transform:translateY(-2px);box-shadow:0 10px #b27800,0 20px 34px #00000073}.big:active{transform:translateY(6px);box-shadow:0 2px #b27800,0 6px 12px #00000073}#tiny{position:fixed;right:14px;bottom:8px;font-size:11px;color:var(--dim);opacity:.6;pointer-events:none}