*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;overflow:hidden;background:#1b0b3b;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.card-bg{background:linear-gradient(180deg,#12082b,#341460 60%,#7c2d6b);display:grid;place-items:center;padding:16px}.fight-card{width:min(94vw,420px);max-height:94vh;overflow-y:auto;text-align:center;background:#fffbf0f5;border:3px solid #3b2a1a;border-radius:14px;box-shadow:0 10px 40px #00000080,inset 0 0 0 6px #3b2a1a14;padding:18px 18px 14px;color:#3b2a1a}.card-top{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;opacity:.7}.fight-card h1{font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;line-height:1.1;margin-top:2px}.card-sub{font-size:.8rem;font-style:italic;opacity:.75;border-bottom:2px solid rgba(59,42,26,.25);padding-bottom:8px}.card-preview{height:168px;display:grid;place-items:center;margin:8px 0 4px}.card-preview .enemy{width:76px;translate:0;animation:none}.name-in{width:100%;font:600 1rem Inter,sans-serif;text-align:center;padding:10px;border:2px solid rgba(59,42,26,.35);border-radius:10px;background:#fff;color:#3b2a1a;outline:none;margin:6px 0 10px}.name-in:focus{border-color:#d93a3a}.opt-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-bottom:10px}.chip{font:600 .76rem Inter,sans-serif;padding:7px 12px;border-radius:999px;border:2px solid rgba(59,42,26,.3);background:#fff;color:#3b2a1a;cursor:pointer}.chip.on{background:#d93a3a;border-color:#d93a3a;color:#fff}.color-lab{display:flex;align-items:center;gap:8px;font:600 .78rem Inter,sans-serif}.color-in{width:52px;height:34px;padding:0 2px;border:2px solid rgba(59,42,26,.35);border-radius:8px;background:#fff;cursor:pointer}.go{font:800 1rem Inter,sans-serif;width:100%;padding:13px;border:none;border-radius:12px;background:#d93a3a;color:#fff;cursor:pointer;box-shadow:0 4px #a82826;margin-top:4px}.go:active{translate:0 3px;box-shadow:0 1px #a82826}.go.alt{background:#3b2a1a;box-shadow:0 4px #241a10}.card-foot{font-size:.7rem;opacity:.7;margin-top:10px}.ring-bg{background:linear-gradient(180deg,#12082b,#2a1148 55%,#4c1d95)}.ring{position:absolute;top:0;right:0;bottom:0;left:0}.ring.shake{animation:shake .16s linear}@keyframes shake{25%{translate:3px -2px}50%{translate:-3px 2px}75%{translate:2px 1px}}.spotlight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(58% 46% at 50% 38%,rgba(255,240,200,.2) 0%,transparent 70%);pointer-events:none}.ropes{position:absolute;left:0;right:0;top:52%;height:26vh;width:100%;opacity:.55;pointer-events:none}.hud{position:absolute;top:14px;left:50%;translate:-50% 0;width:min(78vw,340px);text-align:center;z-index:30;pointer-events:none}.hud-name{font:800 .95rem Inter,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 8px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-bar{height:12px;margin-top:5px;border-radius:999px;background:#00000073;border:2px solid rgba(255,255,255,.55);overflow:hidden}.hp-fill{height:100%;border-radius:999px;transition:width .18s ease-out}.hud-round{margin-top:4px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6}.arena{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;cursor:crosshair;touch-action:manipulation;z-index:10}.enemy{position:relative;width:min(72vw,330px);translate:0 9vh;animation:dizzy-sway ease-in-out infinite;animation-duration:calc(3.6s - var(--dizzy, 0) * .7s);transform-origin:50% 96%}@keyframes dizzy-sway{0%,to{rotate:calc(-1deg - var(--dizzy, 0) * 2deg)}50%{rotate:calc(1deg + var(--dizzy, 0) * 2deg)}}.enemy svg{display:block;width:100%;height:auto}.head{transform-box:view-box;transform-origin:100px 150px}.head.smack{animation:smack .32s ease-out}@keyframes smack{0%{transform:rotate(0) scale(1)}18%{transform:rotate(7deg) translate(7px) scale(.97,1.03)}55%{transform:rotate(-3deg) translate(-3px)}to{transform:rotate(0) scale(1)}}.spiral{fill:none;stroke:#2b2b2b;stroke-width:1.6;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sweat{animation:sweat-fall 1.6s ease-in infinite;transform-box:fill-box}.sweat.s2{animation-delay:.7s}@keyframes sweat-fall{0%{opacity:0;transform:translateY(0)}25%{opacity:1}to{opacity:0;transform:translateY(14px)}}.blood-drop{animation:drip 1.8s ease-in infinite;transform-box:fill-box}@keyframes drip{0%,55%{opacity:0;transform:translateY(-4px)}70%{opacity:1}to{opacity:0;transform:translateY(8px)}}.stars-orbit{position:absolute;left:50%;top:6%;width:0;height:0;z-index:5;animation:orbit 2.2s linear infinite;pointer-events:none}.stars-orbit span{position:absolute;font-size:17px;translate:-50% -50%}.stars-orbit span:nth-child(1){left:62px;top:0}.stars-orbit span:nth-child(2){left:-34px;top:-26px;font-size:13px}.stars-orbit span:nth-child(3){left:-50px;top:22px}@keyframes orbit{to{rotate:360deg}}.enemy.ko{animation:ko-fall 1.1s ease-in forwards}@keyframes ko-fall{25%{rotate:6deg;translate:0 2vh}to{rotate:-14deg;translate:0 70vh;opacity:.4}}.ko-text{position:absolute;left:50%;top:34%;translate:-50% -50%;font:800 clamp(4rem,22vw,7rem) "Inter",sans-serif;font-style:italic;color:#fde047;-webkit-text-stroke:3px #a82826;text-shadow:0 6px 0 #a82826,0 10px 30px rgba(0,0,0,.5);animation:ko-pop .5s cubic-bezier(.2,.9,.3,1.4) both;z-index:40;pointer-events:none}@keyframes ko-pop{0%{opacity:0;scale:.2;rotate:-12deg}to{opacity:1;scale:1;rotate:-6deg}}.pow{position:absolute;translate:-50% -50%;font:800 1.5rem Inter,sans-serif;font-style:italic;color:#fde047;-webkit-text-stroke:1.5px #a82826;text-shadow:0 3px 0 #a82826;animation:pow-out .65s ease-out both;pointer-events:none;z-index:25}@keyframes pow-out{0%{opacity:0;scale:.3}20%{opacity:1;scale:1.25}45%{scale:1}to{opacity:0;scale:1.1;translate:-50% -110%}}.glove{position:absolute;bottom:-14px;width:clamp(120px,36vw,190px);z-index:20;pointer-events:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.glove-l{left:-18px;rotate:8deg}.glove-r{right:-18px;rotate:-8deg}.glove svg{display:block;width:100%;height:auto}.glove-l.jab{animation:jab-l .24s ease-out}.glove-r.jab{animation:jab-r .24s ease-out}@keyframes jab-l{30%{translate:26vw -44vh;scale:.82;rotate:14deg}to{translate:0 0;scale:1}}@keyframes jab-r{30%{translate:-26vw -44vh;scale:.82;rotate:-14deg}to{translate:0 0;scale:1}}.coach{position:absolute;left:14px;bottom:15vh;width:clamp(52px,15vw,72px);z-index:22;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.coach svg{display:block;width:100%;height:auto}.coach-tag{display:block;text-align:center;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:#fff9;margin-top:2px}.say{position:absolute;bottom:calc(100% + 5px);left:50%;translate:-50% 0;background:#fffffff2;color:#24405c;font-size:.74rem;font-weight:600;white-space:nowrap;padding:5px 10px;border-radius:12px;box-shadow:0 2px 8px #00000059;animation:say-pop 2.4s ease-out both;pointer-events:none;z-index:26}.say:after{content:"";position:absolute;top:100%;left:50%;translate:-50% 0;border:5px solid transparent;border-top-color:#fffffff2}.enemy-say{bottom:auto;top:10%;left:55%}.coach .say{left:0;translate:0 0}.coach .say:after{left:24px;translate:0 0}@keyframes say-pop{0%{opacity:0;transform:translateY(6px) scale(.7)}10%{opacity:1;transform:translateY(0) scale(1.05)}16%{transform:scale(1)}84%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.win{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a051cb8;display:grid;place-items:center;animation:appear .4s both}@keyframes appear{0%{opacity:0}to{opacity:1}}.conf{position:absolute;top:-14px;width:8px;height:12px;border-radius:2px;animation:conf-fall linear infinite}@keyframes conf-fall{to{transform:translateY(110vh) rotate(560deg)}}.win-card{width:min(88vw,380px);text-align:center;background:#fffbf0f7;border:3px solid #3b2a1a;border-radius:16px;padding:22px 20px;color:#3b2a1a;box-shadow:0 12px 50px #0009;animation:win-pop .5s cubic-bezier(.2,.9,.3,1.3) both}@keyframes win-pop{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}.win-trophy{font-size:2.6rem}.win-line{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:600;font-size:1.45rem;line-height:1.3;margin:6px 0 4px}.win-verse{font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;font-style:italic;font-weight:600;line-height:1.25;color:#6b3d67;margin:0 0 7px}.win-verses{margin:-5px 0 7px}.win-signature{font-size:.76rem;font-style:italic;color:#a23e6d;margin:0 0 13px}.win-btns{display:grid;gap:8px}.back-link{position:fixed;top:12px;left:12px;z-index:60;width:38px;height:38px;display:grid;place-items:center;font:600 1.15rem Inter,sans-serif;color:#fff;text-decoration:none;background:#140f2d73;border:1px solid rgba(255,255,255,.3);border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-footer{position:fixed;left:14px;bottom:10px;z-index:60;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffff73}