:root{color:#382f45;font-synthesis:none;--ink:#382f45;--coral:#f36353;--mint:#36ad98;--muted:#827b87;--line:#e5e0d6;background:#f8f5ed;font-family:ui-rounded,Arial Rounded MT Bold,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #7964b1}button{border:0}button:hover{filter:brightness(.97)}button:active{transform:translateY(2px)}[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;height:100px;margin:0 4.5%;display:flex;position:relative}.wordmark{letter-spacing:-1.6px;background:0 0;align-items:center;padding:0;font-size:31px;font-weight:900;display:flex}.brand-bear{color:var(--coral);margin-right:10px;font-size:42px;line-height:1}.brand-dot{color:var(--coral)}.header-right{align-items:center;gap:12px;display:flex}.build-tag{letter-spacing:1.8px;align-items:center;gap:9px;margin-right:20px;font-size:9px;font-weight:800;display:flex}.build-tag i,.tiny-dot{background:var(--mint);border-radius:50%;width:6px;height:6px;display:inline-block}.icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;width:36px;height:36px;font-size:19px}#fullscreen svg{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}#fullscreen .fullscreen-exit,#fullscreen.is-fullscreen .fullscreen-enter{display:none}#fullscreen.is-fullscreen .fullscreen-exit{display:inline}.home-mode{grid-template-columns:37% 63%;height:calc(100dvh - 160px);min-height:520px;padding-left:7%;display:grid;position:relative}.intro{z-index:2;pointer-events:none;padding-top:clamp(30px,6vh,90px);padding-bottom:20px;position:relative}.intro button,.intro input{pointer-events:auto}.eyebrow{letter-spacing:2px;align-items:center;gap:8px;font-size:10px;font-weight:850;display:flex}.eyebrow>span{background:var(--coral);width:20px;height:2px}h1{letter-spacing:-4.5px;margin:24px 0 22px;font-size:clamp(52px,5.5vw,88px);font-weight:950;line-height:1.02}h1>span{color:var(--coral)}.lead{color:#817989;margin:0 0 27px;font-size:16px;font-weight:450;line-height:1.65}.mode-actions{flex-direction:column;gap:10px;width:310px;max-width:90%;display:flex}.button{border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px 21px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .12s,background .12s;display:flex}.button.primary{background:var(--coral);color:#fff;box-shadow:0 4px #da4d42}.button.secondary{background:#f8f5ed;border:1.5px solid #ddd7cf}.button-aside{letter-spacing:1px;align-items:center;gap:12px;font-size:8px;display:flex}.button b{font-size:22px;font-weight:500}.join-row{border:1px solid var(--line);border-radius:12px;align-items:center;margin-top:3px;padding:4px 4px 4px 17px;display:flex}.join-row input{background:0 0;border:0;width:100%;min-width:0;padding:9px 0;font-size:12px}.join-row button{white-space:nowrap;background:0 0;padding:9px 13px;font-size:12px;font-weight:750}.join-row button span{margin-left:9px}.no-signup{color:#8c8492;margin:20px 0 30px;font-size:10px}.no-signup span{color:var(--mint);margin-right:5px}.rules-mini{gap:25px;display:flex}.rules-mini div{align-items:center;gap:7px;font-size:9px;display:flex}.rules-mini b{color:#b8aeba;font-size:9px}.stage{background:radial-gradient(at 50% 53%,#e3eddf88 0,#0000 64%);min-width:0;height:100%;position:relative}.stage canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.arena-tag{z-index:1;letter-spacing:1.5px;white-space:nowrap;border:1px solid #deded3;border-radius:100px;align-items:center;gap:10px;padding:11px 14px;font-size:8px;display:flex;position:absolute;top:9%;left:50%;transform:translate(-50%)}.arena-tag>span:last-child{color:#9d96a3;margin-left:12px}.flavor{z-index:1;letter-spacing:1px;color:#e57e6b;font-size:9px;font-weight:850;position:absolute;top:32%;transform:rotate(-7deg)}.flavor span{letter-spacing:0;color:#8c8390;margin-top:6px;font-size:9px;font-weight:450;display:block}.flavor-left{left:9%}.flavor-right{color:#379c8b;top:27%;right:9%;transform:rotate(7deg)}.stage-note{white-space:nowrap;letter-spacing:1.7px;color:#8d8593;font-size:8px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.stage-note span{color:var(--coral);letter-spacing:3px;margin-right:12px;font-size:12px}footer{border-top:1px solid var(--line);color:#9a929e;letter-spacing:1.6px;justify-content:space-between;align-items:center;height:60px;margin:0 4.5%;font-size:8px;display:flex}footer>span:last-child{letter-spacing:0;font-size:10px}footer b{color:var(--coral);margin-left:7px;font-size:17px}.play-mode{height:calc(100dvh - 100px);position:relative}.play-mode .stage{position:absolute;inset:0}.play-mode .intro,.play-mode .flavor,.play-mode .arena-tag,.play-mode .stage-note{display:none}.hud{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:22px;left:6%;right:6%}.fighter-card{min-width:170px}.fighter-name{letter-spacing:1px;font-size:10px;font-weight:800}.fighter-card.mint{text-align:right}.hearts{letter-spacing:5px;white-space:nowrap;margin:5px 0 0;font-size:31px;line-height:1.2}.coral .hearts{color:var(--coral)}.mint .hearts{color:var(--mint)}.hearts .lost{color:#ded9d0}.heart-pop{animation:.3s ease-out heart-pop}.phase{letter-spacing:1px;color:#8e8595;font-size:8px}.match-info{text-align:center;flex-direction:column;gap:6px;display:flex}.match-info>span{letter-spacing:1.8px;font-size:9px;font-weight:800}.match-info strong{font-size:24px;font-weight:800}.match-info small{color:#8d8494;font-size:10px}.fight-bottom{justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute;bottom:25px;left:4%;right:4%}.text-button{background:0 0;padding:9px 0;font-size:11px;font-weight:650;text-decoration:none;display:inline-block}.keyboard-hints{color:#8c8394;gap:20px;font-size:10px;display:flex}.keyboard-hints>span{align-items:center;gap:5px;display:flex}kbd{color:#66596d;background:#fffcf5b3;border:1px solid #d9d1de;border-radius:5px;padding:4px 6px;font-family:inherit;font-size:9px}.panel{z-index:15;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffdf6f5;border:1px solid #fff;border-radius:24px;width:350px;max-width:calc(100vw - 32px);padding:30px;position:absolute;box-shadow:0 18px 80px #3c2a4b1a}.panel h2{letter-spacing:-1.5px;margin:14px 0 12px;font-size:34px;line-height:1.08}.panel p{color:#8b7f92;font-size:13px;line-height:1.6}.panel .button{width:100%}.result{max-height:calc(100% - 24px);top:48%;right:5%;overflow-y:auto;transform:translateY(-50%)}.clip-format{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:.85rem;display:flex}.clip-format select{border:1px solid var(--line);max-width:100%;color:inherit;background:#f8f5ed;border-radius:10px;padding:7px 10px}.result-extras{justify-content:space-between;margin-top:17px;display:flex}.result .eyebrow{color:var(--coral);font-size:9px}.result .button{margin-top:24px}.lobby,.pause-panel{text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby .eyebrow,.pause-panel .eyebrow{justify-content:center}.invite-code{letter-spacing:8px;background:#f2eee7;border-radius:14px;margin-top:20px;padding:18px 5px;font-size:42px;font-weight:800}.fine-print{line-height:1.7;font-size:10px!important}.lobby-buttons{flex-direction:column;gap:12px;display:flex}.lobby-buttons .text-button{padding:3px}.settings{max-height:calc(100dvh - 120px);top:10px;right:4%;overflow-y:auto}.settings h2{margin-top:0;font-size:26px}.settings label{justify-content:space-between;align-items:center;gap:10px;margin:22px 0;font-size:12px;display:flex}.settings input{accent-color:var(--coral);width:18px;height:18px}.settings select{border:1px solid var(--line);background:#f8f5ed;border-radius:5px;max-width:120px;padding:5px}.toast{z-index:30;pointer-events:none;color:#fffdf6;opacity:0;text-align:center;background:#382f45ee;border-radius:100px;max-width:90%;padding:12px 20px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;top:140px;left:50%;transform:translate(-50%)}.toast.visible{opacity:1;transform:translate(-50%,5px)}.loading{z-index:100;background:#f8f5ed;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-gummy{color:var(--coral);font-size:70px;animation:1s infinite wobble}.loading h2{font-size:22px}.loading p{color:var(--muted);text-align:center;max-width:80%;font-size:12px}.debug{color:#adf4c0;z-index:40;pointer-events:none;background:#282233df;border-radius:8px;padding:12px;font:10px/1.6 monospace;position:absolute;bottom:80px;left:16px}.touch-controls{bottom:max(48px, env(safe-area-inset-bottom));left:max(22px, env(safe-area-inset-left));right:max(22px, env(safe-area-inset-right));pointer-events:none;z-index:6;justify-content:space-between;align-items:end;display:none;position:absolute}.mobile-install-hint{display:none}@media (pointer:coarse) and (display-mode:browser){.mobile-install-hint{display:block}}.touch-controls>div{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-controls span,.touch-controls small,.touch-controls b{pointer-events:none}.move-pad{touch-action:none;background:#fffdf64d;border:1px solid #d5ccda;border-radius:50%;width:112px;height:112px;position:relative;box-shadow:inset 0 0 0 25px #fffdf62e}.move-pad>span{width:52px;height:52px;transform:translate(var(--stick-x,0px), var(--stick-y,0px));background:#fffdf6cc;border:1px solid #d5ccda;border-radius:50%;position:absolute;top:29px;left:29px;box-shadow:0 3px 5px #3c2a4b11}.move-pad small{text-align:center;letter-spacing:1.5px;color:#9c909f;width:100%;font-size:8px;position:absolute;bottom:-19px}.touch-actions{grid-template-rows:60px 88px;grid-template-columns:72px 88px;align-items:end;gap:8px 13px;display:grid}.touch-actions #touch-jump{grid-column:1/3;justify-self:center}.touch-actions #touch-charge{grid-area:2/1}.touch-actions #touch-punch{grid-area:2/2}.touch-actions #touch-jump.cooling{opacity:.65}.touch-actions button{touch-action:none;letter-spacing:1px;background:#fffdf6d9;border:1px solid #d5ccda;border-radius:50%;width:72px;height:72px;font-size:8px;box-shadow:0 4px #ddd4d8}.touch-actions button span{margin-bottom:3px;font-size:30px;line-height:1.1;display:block}.touch-actions #touch-punch{background:var(--coral);color:#fff;border-color:var(--coral);width:88px;height:88px;box-shadow:0 4px #d94f45}.touch-actions #touch-punch span{font-size:38px}.held{background:#c9e7da!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes wobble{0%,to{transform:rotate(-8deg)scale(1.05,.95)}50%{transform:rotate(8deg)scale(.95,1.05)}}@keyframes heart-pop{50%{opacity:.65;transform:scale(1.2)}}@media (pointer:coarse){.touch-controls:not([hidden]){display:flex}.keyboard-hints{display:none}.fight-bottom{bottom:12px}.fight-bottom .text-button{font-size:10px}.play-mode .stage{bottom:65px}.result{top:40%}.hud{top:20px}.site-header{height:78px}.play-mode{height:calc(100dvh - 78px)}}@media (max-width:1000px){.site-header{height:80px}.home-mode{grid-template-columns:40% 60%;height:calc(100dvh - 135px);padding-left:5%}.play-mode{height:calc(100dvh - 80px)}.intro{padding-top:40px}h1{letter-spacing:-3px;font-size:61px}.flavor-left{top:28%;left:4%}.flavor-right{top:23%;right:4%}.rules-mini{gap:13px}.build-tag{margin-right:7px}.keyboard-hints{gap:10px}.keyboard-hints span:last-child{max-width:185px}footer{height:55px}.result{width:320px;right:3%}.lead{font-size:14px}}@media (max-width:700px){body{overflow:auto}.site-header{height:68px;margin:0 6%}.wordmark{font-size:25px}.brand-bear{font-size:35px}.header-right{gap:8px}.build-tag{display:none}.icon-button{width:31px;height:31px}.home-mode{flex-direction:column;height:auto;min-height:calc(100dvh - 120px);padding:0;display:flex}.intro{padding:30px 8% 20px}.eyebrow{letter-spacing:1.4px;font-size:8px}h1{letter-spacing:-3px;margin:15px 0;font-size:58px;line-height:1}.lead{margin-bottom:20px;font-size:13px;line-height:1.55}.desktop-break{display:none}.mode-actions{gap:9px;width:100%;max-width:100%}.button{padding:17px 18px;font-size:13px}.no-signup{margin:15px 0 0;font-size:9px}.rules-mini{display:none}.home-mode .stage{pointer-events:none;opacity:.9;z-index:0;order:-1;width:45%;height:330px;position:absolute;top:0;right:0}.intro h1,.intro .lead,.intro>.eyebrow{max-width:70%}.intro .lead{max-width:65%}.home-mode .flavor,.home-mode .arena-tag,.home-mode .stage-note{display:none}.home-mode .stage canvas{transform:scale(1.7)translate(2%,3%)}.intro .mode-actions{margin-top:25px}.site-header{z-index:20;background:#f8f5ed}footer{letter-spacing:1px;height:52px;margin:0 6%;font-size:6px}footer>span:last-child{display:none}.play-mode{height:calc(100dvh - 68px);min-height:400px;overflow:hidden}.play-mode .stage{height:auto;top:30px;bottom:100px}.hud{top:17px;left:6%;right:6%}.fighter-card{min-width:100px}.fighter-name{letter-spacing:.3px;font-size:8px}.hearts{letter-spacing:3px;font-size:25px}.phase{letter-spacing:.5px;font-size:7px}.match-info{gap:4px;max-width:105px}.match-info>span{letter-spacing:.7px;font-size:7px}.match-info strong{font-size:18px}.match-info small{font-size:8px}.touch-controls{bottom:max(58px, calc(env(safe-area-inset-bottom) + 28px));left:max(22px, env(safe-area-inset-left));right:max(22px, env(safe-area-inset-right))}.move-pad{width:102px;height:102px}.move-pad>span{top:24px;left:24px}.touch-actions{grid-template-rows:55px 80px;grid-template-columns:65px 80px;column-gap:10px}.touch-actions button{width:65px;height:65px}.touch-actions #touch-punch{width:80px;height:80px}.result{width:330px;padding:23px;inset:auto auto 24px 50%;transform:translate(-50%)}.result h2{font-size:29px}.result .button{margin-top:15px}.result-extras{margin-top:12px}.result p{font-size:11px}.settings{top:15px;right:16px}.toast{width:max-content;max-width:90%;font-size:11px;top:100px}.keyboard-hints{display:none}.fight-bottom{bottom:12px;left:6%;right:6%}.debug{font-size:8px;bottom:200px}.panel{border-radius:20px}}@media (max-height:650px) and (min-width:701px){.site-header{height:65px}.home-mode{height:calc(100dvh - 105px);min-height:0}.intro{padding-top:20px}h1{margin:15px 0;font-size:53px}.lead{margin-bottom:16px;font-size:12px}.button{padding:13px 16px}.no-signup{margin:14px 0}.rules-mini{display:none}footer{height:40px}.play-mode{height:calc(100dvh - 65px)}.hud{top:12px}.touch-controls{bottom:40px}.result{padding:22px;top:50%}.result h2{font-size:27px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.brand-bear{object-fit:contain;border-radius:10px;width:35px;height:35px;margin-right:9px}.quick-match{color:#786c83;background:0 0;justify-content:space-between;align-items:center;padding:10px 3px 0;font-size:11px;font-weight:650;display:flex}.quick-match span{letter-spacing:1px;color:#9b8d9f;font-size:7px}@media (min-width:701px) and (max-height:760px){.intro{padding-top:25px}h1{margin:18px 0;font-size:61px}.lead{margin-bottom:18px}.button{padding:14px 18px}.no-signup{margin:14px 0 18px}.rules-mini{gap:16px}.stage-note{bottom:4%}}@media (max-width:700px){.home-mode{overflow:hidden}.intro h1{letter-spacing:-2.5px;max-width:100%;margin-top:18px;margin-bottom:24px;font-size:49px}.intro .lead{max-width:62%;font-size:12px}.home-mode .stage{width:39%;height:240px;top:70px;right:-3%}.home-mode .stage canvas{transform:scale(1.5)}.intro .mode-actions{margin-top:30px}.intro>.eyebrow{max-width:100%}.brand-bear{width:29px;height:29px}.keyboard-hints,.fight-bottom kbd{display:none}}@media (pointer:coarse) and (orientation:landscape) and (max-height:500px){.site-header{height:44px}.wordmark{font-size:22px}.brand-bear{width:25px;height:25px}.icon-button{width:28px;height:28px}.build-tag{display:none}.play-mode{height:calc(100dvh - 44px)}.hud{top:9px}.hearts{font-size:22px}.match-info strong{font-size:19px}.match-info small,.fighter-name{font-size:8px}.play-mode .stage{bottom:0}.touch-controls{bottom:max(50px, calc(env(safe-area-inset-bottom) + 28px))}.move-pad{width:90px;height:90px}.move-pad>span{top:18px;left:18px}.touch-actions{grid-template-rows:50px 76px;grid-template-columns:60px 76px;column-gap:10px}.touch-actions button{width:60px;height:60px}.touch-actions #touch-punch{width:76px;height:76px}.toast{padding:7px 13px;font-size:10px;top:62px}.result{width:290px;padding:20px;inset:50% 3% auto auto;transform:translateY(-50%)}.result h2{font-size:26px}.result p{font-size:10px}.result .button{margin-top:12px;padding:12px 15px}.result-extras{margin-top:9px}}.touch-actions #touch-punch.winding{background:#c94139;transform:translateY(2px);box-shadow:0 2px #a82c28}@media (pointer:coarse) and (orientation:landscape) and (max-height:360px){.move-pad small,.fight-bottom kbd,.phase{display:none}.hearts{font-size:18px}.touch-controls{bottom:max(42px, calc(env(safe-area-inset-bottom) + 20px))}}