:root{--bg:#0b0b10;--surface:#14141c;--surface-2:#1c1c27;--line:#2a2a38;--text:#f1f1f5;--muted:#8e8ea0;--boss:#e6e6ee;--gold:#f5c518;--amber:#f59e0b;--orange:#f97316;--red:#ef4444;--blood:#b3121f;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:radial-gradient(120% 60% at 50% 0%, #17172a 0%, transparent 60%), var(--bg);min-height:100dvh;color:var(--text);font:16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0}h1,h2,h3{margin:0;line-height:1.2}h2{font-size:1.05rem;font-weight:700}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}button{font:inherit;color:inherit}.shell{max-width:480px;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}.content{flex-direction:column;gap:16px;display:flex}.muted{color:var(--muted);margin:0}.small{font-size:.85rem}.arena{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:14px 16px 12px;position:relative}.hud{padding:0 2px}.arena-body{justify-content:center;align-items:flex-end;gap:16px;display:flex}.arena-slot{flex:1;align-self:center;min-width:0}.arena:not([data-layout=compact]) .arena-slot{display:none}.arena .stats{background:0 0;border:0;gap:10px;padding:0}.arena .stat-value.big{font-size:clamp(1.7rem,8vw,2.3rem)}.arena .stat-row{gap:8px;padding-top:10px}.arena .stat-row .stat-value{font-size:1rem}.arena .stat-label{font-size:.68rem}.hud-top{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.boss-name{letter-spacing:.12em;font-size:.95rem;font-style:italic;font-weight:900}.boss-pct{font-variant-numeric:tabular-nums;color:var(--gold);font-style:italic;font-weight:800}.bar{--fill-a:#fff1a8;--fill-b:var(--gold);--fill-c:#d79a00;background:linear-gradient(#2a0d10,#1a0709);border:1px solid #ffffff29;border-radius:3px;height:18px;position:relative;overflow:hidden;transform:skew(-16deg);box-shadow:0 0 0 2px #00000080,0 4px 18px #00000080}.bar[data-stage="2"]{--fill-a:#ffe0a0;--fill-b:var(--amber);--fill-c:#c26a00}.bar[data-stage="3"]{--fill-a:#ffc9a0;--fill-b:var(--orange);--fill-c:#b8420b}.bar[data-stage="4"]{--fill-a:#ffb0b0;--fill-b:var(--red);--fill-c:#9b1414;animation:1.4s ease-in-out infinite bar-pulse}.bar-fill,.bar-damage{transform-origin:0;position:absolute;inset:0}.bar-fill{background:linear-gradient(var(--fill-a), var(--fill-b) 45%, var(--fill-c));transition:background .4s}.bar-damage{background:linear-gradient(#ff8a80,#e53935 50%,#a31515)}@keyframes bar-pulse{50%{box-shadow:0 0 0 2px #00000080,0 0 16px #ef44448c}}.stage{isolation:isolate;flex:none;justify-content:center;padding-top:12px;display:flex;position:relative}.stage:before{content:"";z-index:-1;background:radial-gradient(50% 55% at 50% 60%,#ffffff0f,#0000 70%);transition:background .6s;position:absolute;inset:10% 8% 0}.arena[data-mode=finish_him] .stage:before{background:radial-gradient(50% 55% at 50% 60%,#b3121f47,#0000 72%)}.floor{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;bottom:4px;left:-10%;right:-10%}.boss{aspect-ratio:2/3;width:auto;height:clamp(160px,26vh,220px);transition:height .5s cubic-bezier(.3,.7,.3,1);display:block;overflow:visible}.arena[data-layout=compact] .boss{height:140px}.arena[data-layout=compact] .stage{padding-top:8px}.arena[data-layout=hero] .boss{height:clamp(220px,40vh,320px)}.boss line,.boss polygon,.boss circle{stroke:var(--boss);fill:var(--boss);stroke-linecap:round}.boss-puddle{fill:var(--blood)}.boss-root{transform-box:view-box;transform-origin:100px 290px}.boss-upper{transform-box:view-box;transform-origin:100px 160px}.boss-cracks polyline{fill:none;stroke:var(--bg);stroke-width:2.2px;stroke-linejoin:bevel;display:none}.boss[data-look=stage3] .boss-cracks polyline:not(.crack-deep),.boss[data-look=stage4] .boss-cracks polyline,.boss[data-look=dazed] .boss-cracks polyline,.boss[data-look=dead] .boss-cracks polyline{display:inline}.boss[data-look=stage1] .boss-upper{animation:3.2s ease-in-out infinite breathe}.boss[data-look=stage2] .boss-upper{animation:2.6s ease-in-out infinite breathe-heavy}.boss[data-look=stage3] .boss-root{animation:4.2s ease-in-out infinite stagger}.boss[data-look=stage3] .boss-upper{animation:2.2s ease-in-out infinite breathe-heavy}.boss[data-look=stage4]{filter:drop-shadow(0 0 10px #ef444473);animation:3.6s step-end infinite flicker}.boss[data-look=stage4] .boss-upper{animation:1.8s ease-in-out infinite wobble}.boss[data-look=dazed] .boss-root{animation:1.7s ease-in-out infinite sway}.boss[data-look=dazed] .boss-upper{animation:1.7s ease-in-out infinite breathe-heavy}.boss.tappable{cursor:pointer;outline:none}@keyframes breathe{50%{transform:translateY(1.6px)}}@keyframes breathe-heavy{50%{transform:translateY(3px)rotate(.6deg)}}@keyframes stagger{0%,to{transform:rotate(0)}20%{transform:rotate(1.6deg)}28%{transform:rotate(-.8deg)translate(-2px)}60%{transform:rotate(.6deg)}}@keyframes wobble{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)translateY(2px)}}@keyframes sway{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}@keyframes flicker{0%,to{opacity:1}41%{opacity:.55}43%{opacity:1}77%{opacity:.7}78%{opacity:1}}.fx-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.fx-canvas{pointer-events:none;z-index:60;width:100vw;height:100vh;position:fixed;inset:0}.fx-overlay{pointer-events:none;z-index:50;position:fixed;inset:0}.callout{white-space:nowrap;font-family:var(--font);letter-spacing:.01em;text-transform:uppercase;color:#0000;-webkit-text-stroke:1px #0000008c;filter:drop-shadow(0 3px #000000a6)drop-shadow(0 0 14px #00000080);opacity:0;z-index:3;-webkit-background-clip:text;background-clip:text;padding:.1em .2em;font-style:italic;font-weight:900;line-height:1;position:absolute;left:50%;transform:translate(-50%,-50%)}.callout-s{font-size:clamp(1.2rem,6vw,1.7rem)}.callout-m{font-size:clamp(1.6rem,8vw,2.4rem)}.callout-l{font-size:clamp(2rem,10vw,3rem)}.callout-xl{font-size:clamp(2.3rem,12vw,3.8rem)}.theme-gold{background-image:linear-gradient(#fff8d0,#ffd84a 46%,#e08a00 54%,#ffd040)}.theme-fire{background-image:linear-gradient(#fff4b8,#ffa22a 48%,#e8380d 56%,#ff7a1a)}.theme-ice{background-image:linear-gradient(#fff,#9aeeff 46%,#2a8cff 54%,#b8f3ff)}.theme-steel{background-image:linear-gradient(#fff,#dfe3ea 46%,#6f7688 54%,#eef0f4)}.theme-blood{background-image:linear-gradient(#ffd6d6,#ff4040 46%,#9e0b16 54%,#ff3030)}.finish-hint{letter-spacing:.2em;text-transform:uppercase;color:#ffffffbf;white-space:nowrap;font-size:.8rem;font-weight:700;animation:1.4s ease-in-out infinite hint;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@keyframes hint{50%{opacity:.25}}.arena.glitch .boss{animation:.9s steps(2,end) glitch}@keyframes glitch{0%{filter:drop-shadow(-4px 0 #ff003ce6)drop-shadow(4px 0 #00dcffe6);transform:translate(-3px)}20%{filter:drop-shadow(5px 0 #ff003ce6)drop-shadow(-5px 0 #00dcffe6);opacity:.6;transform:translate(4px)skew(6deg)}40%{filter:drop-shadow(-2px 0 #ff003ce6)drop-shadow(2px 0 #00dcffe6);opacity:1;transform:translate(-2px)}70%{filter:drop-shadow(3px 0 #ff003cb3)drop-shadow(-3px 0 #00dcffb3);transform:skew(-4deg)}to{filter:none;transform:none}}.card,.stats{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;padding:16px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.stat-value{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.stat-value.big{letter-spacing:-.02em;font-size:clamp(2rem,10vw,2.6rem);font-weight:800}.stat-row{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;display:grid}.btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:650;transition:transform 80ms,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,.pin-key:focus-visible,.link-btn:focus-visible,.input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-primary{background:linear-gradient(#ffd84a, var(--gold));color:#1b1500;border-color:#c99d00}.btn-cta{width:100%;min-height:56px;font-size:1.05rem;font-weight:800}.btn-big{flex-direction:column;gap:2px;width:100%;min-height:84px}.btn-sub{opacity:.75;font-size:.8rem;font-weight:600}.btn-amount{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:850}.btn-ghost{background:0 0}.btn-danger{color:#ff7b7b;background:0 0;border-color:#ef444480}.btn-sm{min-height:36px;padding:6px 12px;font-size:.9rem}.icon-btn{background:var(--surface-2);cursor:pointer;border:0;border-radius:50%;width:36px;height:36px}.link-btn{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;padding:8px;text-decoration:underline}.footer-btn{margin-top:8px}.input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;background:#0f0f15;border-radius:10px;padding:10px 12px;font-size:16px}.input-wrap{flex:1;display:inline-flex;position:relative}.input-wrap .input{padding-right:30px}.input-suffix{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-inline{width:7.5em}.inline-field .input-wrap{flex:none}.inline-field{align-items:center;gap:8px;display:flex}.inline-field.wrap{flex-wrap:wrap}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.field-error{color:#ff7b7b;min-height:0;margin:0;font-size:.85rem}.field-error:empty{display:none}.sheet-backdrop{z-index:70;background:#0000009e;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--line);width:100%;max-width:480px;padding:18px 16px max(20px, env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;max-height:92dvh;overflow:auto}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pin{flex-direction:column;align-items:center;gap:14px;display:flex}.pin-dots{gap:16px;padding:8px 0;display:flex}.pin-dot{border:2px solid var(--muted);border-radius:50%;width:16px;height:16px;transition:background .1s,border-color .1s}.pin-dot.on{background:var(--gold);border-color:var(--gold)}.pin-msg{min-height:1.3em;color:var(--muted);text-align:center;margin:0;font-size:.9rem}.pin-msg.error{color:#ff7b7b}.pin-keys{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px;display:grid}.pin-key{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;touch-action:manipulation;border-radius:14px;height:60px;font-size:1.5rem;font-weight:600}.pin-key:active{background:var(--line)}.pin-key:disabled{opacity:.35}.log{flex-direction:column;gap:12px;display:flex}.divider-label{text-align:center;color:var(--muted);margin:4px 0 0;font-size:.85rem}.amount-form{gap:8px;display:flex}.fc-block{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.fc-result{flex-direction:column;display:flex}.fc-label{color:var(--muted);font-size:.85rem}.fc-date{color:var(--gold);font-size:1.5rem;font-weight:800}.fc-basis{flex-direction:column;gap:6px;display:flex}.hist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hist-row{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:8px 0;display:grid}.hist-row:first-child{border-top:0}.hist-row.editing{display:block}.hist-date{color:var(--muted);font-variant-numeric:tabular-nums}.hist-amount{font-variant-numeric:tabular-nums;font-weight:700}.hist-edit{flex-direction:column;gap:8px;padding:4px 0;display:flex}.hist-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hist-actions{align-items:center;gap:8px;display:flex}.spacer{flex:1}.end{text-align:center;flex-direction:column;gap:10px;padding:8px 0;display:flex}.end-title,.end-sub{color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:900}.end-title{background-image:linear-gradient(#fff,#dfe3ea 46%,#6f7688 54%,#eef0f4);font-size:clamp(1.5rem,7vw,2rem)}.end-sub{background-image:linear-gradient(#ffd6d6,#ff4040 46%,#9e0b16 54%,#ff3030);margin:0;font-size:clamp(1.8rem,9vw,2.6rem)}.end-stats{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:left;gap:10px;margin:12px 0 0;padding:14px 16px;display:grid}.end-stats div{justify-content:space-between;gap:12px;display:flex}.end-stats dt{color:var(--muted)}.end-stats dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:80;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:.9rem;position:fixed;transform:translate(-50%)}.shell.offline .arena{display:none}.offline-card{text-align:center;align-items:center;margin-top:30vh}.playground .pg-row{flex-wrap:wrap;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.boss,.boss *,.bar,.finish-hint{animation:none!important}}