*,:before,:after{box-sizing:border-box}html,body{color:#f2e8d5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#050608;height:100%;margin:0;padding:0;font-family:Arial Narrow,Helvetica Condensed,Impact,Haettenschweiler,Arial Black,sans-serif;overflow:hidden}button{font-family:inherit}.ff-root{background:radial-gradient(80% 60% at 50% 40%,#1a1410 0%,#050608 70%),#050608;justify-content:center;align-items:center;width:100%;height:100dvh;min-height:100dvh;padding:clamp(.35rem,1.5vw,.85rem);display:flex}.ff-cabinet{background:linear-gradient(#1c1814 0%,#0c0a09 100%);border:3px solid #3a3028;border-radius:10px;flex-direction:column;width:min(100%,1100px);height:min(100dvh - .7rem,720px);max-height:100dvh;display:flex;overflow:hidden;box-shadow:0 0 0 2px #0a0806,0 0 0 5px #2a2218,0 18px 50px #000000bf,inset 0 1px #ffc87814}.ff-titlebar{background:linear-gradient(#2a221c 0%,#161210 100%);border-bottom:2px solid #4a3820;flex:none;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem .75rem;padding:.4rem .75rem;display:grid;box-shadow:inset 0 1px #ffb4501f}.ff-title-block{min-width:0}.ff-title{letter-spacing:.06em;color:#ffb020;text-shadow:0 0 12px #ffa00073,0 2px #3a2000,2px 2px #000;margin:0;font-size:clamp(1.05rem,2.8vw,1.55rem);font-weight:900;line-height:1}.ff-subtitle{letter-spacing:.28em;color:#c8a070;margin:.12rem 0 0;font-size:clamp(.55rem,1.4vw,.72rem);font-weight:700}.ff-disclosure{letter-spacing:.1em;color:#8a7a60;white-space:nowrap;background:#00000059;border:1px solid #3a3228;border-radius:4px;margin:0;padding:.28rem .5rem;font-size:clamp(.48rem,1.2vw,.62rem);font-weight:700}.ff-mute{appearance:none;color:#e8c888;letter-spacing:.08em;cursor:pointer;background:linear-gradient(#3a3020 0%,#1a140c 100%);border:2px solid #5a4830;border-radius:6px;min-width:88px;min-height:44px;padding:.45rem .65rem;font-size:.62rem;font-weight:800;transition:border-color .12s,color .12s;box-shadow:inset 0 1px #ffc86426,0 2px #0a0804}.ff-mute:hover{color:#ffd060;border-color:#c89030}.ff-mute:focus-visible{outline-offset:2px;outline:3px solid #ffb020}.ff-stage{isolation:isolate;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.ff-stage--shake{animation:.16s linear ff-shake}.ff-stage--hitstop{filter:brightness(1.12)contrast(1.08)}.ff-stage--critical .ff-bg-lights .ff-light{animation-duration:.35s}.ff-stage--critical .ff-vignette{box-shadow:inset 0 0 80px 24px #7814008c}.ff-stage--critical:after{content:"";pointer-events:none;z-index:8;background:radial-gradient(#0000 40%,#b428002e 100%);animation:.7s ease-in-out infinite alternate ff-critical-pulse;position:absolute;inset:0}@keyframes ff-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}@keyframes ff-critical-pulse{0%{opacity:.55}to{opacity:1}}.ff-bg{z-index:0;pointer-events:none;background:linear-gradient(#12161a 0%,#0a0c0e 45%,#14100c 100%);position:absolute;inset:0;overflow:hidden}.ff-bg-grid{opacity:.45;background-image:linear-gradient(#5046321f 1px,#0000 1px),linear-gradient(90deg,#5046321f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.ff-bg-lights{position:absolute;inset:0}.ff-light{background:#ff9a10;border-radius:50%;width:14px;height:14px;animation:1.4s ease-in-out infinite ff-light-blink;position:absolute;top:8%;box-shadow:0 0 12px 4px #ff8c00b3,0 0 40px 12px #ff640040}.ff-light--l{left:8%}.ff-light--r{animation-delay:.7s;right:8%}@keyframes ff-light-blink{0%,to{opacity:.55;filter:brightness(.85)}50%{opacity:1;filter:brightness(1.25)}}.ff-bg-pipes{background:repeating-linear-gradient(90deg,#0000 0 40px,#28241e80 40px 44px),linear-gradient(#0000 0%,#14120ed9 40%,#0e0c0a 100%);border-top:3px solid #2a241c;height:38%;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 8px 20px #00000080}.ff-bg-pipes:before,.ff-bg-pipes:after{content:"";opacity:.85;background:linear-gradient(#3a342c,#1a1612);border:2px solid #2a241c;border-bottom:none;border-radius:6px 6px 0 0;width:22%;height:18px;position:absolute;top:-18px}.ff-bg-pipes:before{left:10%}.ff-bg-pipes:after{right:10%}.ff-vignette{transition:box-shadow .3s;position:absolute;inset:0;box-shadow:inset 0 0 90px 30px #000000b8}.ff-scanlines{opacity:.55;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 2px 4px);position:absolute;inset:0}.ff-hud-top{z-index:4;pointer-events:none;grid-template-columns:1fr auto 1fr;gap:.4rem;padding:.45rem .65rem .25rem;display:grid;position:relative}.ff-stat-block{flex-direction:column;gap:.05rem;min-width:0;display:flex}.ff-stat-block--center{text-align:center;align-items:center}.ff-stat-block--right{text-align:right;align-items:flex-end}.ff-stat-label{letter-spacing:.18em;color:#8a7a60;font-size:.55rem;font-weight:800}.ff-stat-value{color:#ffe8b0;text-shadow:0 2px #000,0 0 10px #ffb42840;font-variant-numeric:tabular-nums;font-size:clamp(1rem,3vw,1.45rem);font-weight:900;line-height:1.1}.ff-timer{color:#fff0c8;font-size:clamp(1.3rem,4vw,1.9rem)}.ff-timer--low{color:#ff6040;animation:.5s ease-in-out infinite alternate ff-timer-pulse}@keyframes ff-timer-pulse{0%{text-shadow:0 0 6px #ff3c1e66}to{text-shadow:0 0 16px #ff3c1ee6;transform:scale(1.05)}}.ff-mult{color:#ffb040;margin-left:.35rem;font-size:.7em;font-weight:800}.ff-best{letter-spacing:.1em;color:#7a6a50;font-size:.55rem;font-weight:700}.ff-health-wrap,.ff-stamina-wrap{z-index:4;padding:.2rem .75rem;position:relative}.ff-stamina-wrap{margin-top:auto;padding-top:.15rem;padding-bottom:.35rem}.ff-bar-label-row{justify-content:space-between;align-items:baseline;margin-bottom:.15rem;display:flex}.ff-bar-label{letter-spacing:.16em;color:#9a8a70;font-size:.55rem;font-weight:800}.ff-bar-num{color:#d0c0a0;font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:800}.ff-bar{background:#0a0806;border:2px solid #3a3020;border-radius:3px;height:14px;overflow:hidden;box-shadow:inset 0 2px 4px #000000b3,0 1px #ffc86414}.ff-bar--health{height:16px}.ff-bar-fill{border-radius:1px;width:100%;height:100%;transition:width 80ms linear}.ff-bar-fill--health{background:linear-gradient(#ff6040 0%,#c02010 45%,#801008 100%);box-shadow:inset 0 1px #ffb48c73}.ff-bar-fill--critical{background:linear-gradient(#ff4020 0%,#a01008 50%,#600804 100%);animation:.4s ease-in-out infinite alternate ff-bar-crit}@keyframes ff-bar-crit{0%{filter:brightness()}to{filter:brightness(1.35)}}.ff-bar-fill--stamina{background:linear-gradient(#50d0ff 0%,#1080c0 45%,#085080 100%);box-shadow:inset 0 1px #b4e6ff73}.ff-arena{z-index:3;flex:auto;justify-content:center;align-items:flex-end;min-height:0;padding-bottom:0;display:flex;position:relative;overflow:hidden}.ff-opponent{z-index:2;will-change:transform;justify-content:center;align-items:flex-end;width:min(52%,280px);max-height:82%;margin-bottom:clamp(1.55rem,4.2%,2.55rem);transition:transform 80ms ease-out;display:flex;position:relative}.ff-sprite{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 18px #0000008c);pointer-events:none;width:100%;height:auto;max-height:min(48vh,360px);display:block;transform:translateY(10%)}.ff-desk{z-index:4;pointer-events:none;width:min(92%,560px);height:clamp(4.8rem,18%,7.2rem);position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.ff-desk-shadow{filter:blur(4px);background:radial-gradient(#0000008c 0%,#0000 72%);border-radius:50%;height:28px;position:absolute;bottom:88%;left:6%;right:6%}.ff-desk-top{background:linear-gradient(#4a4238 0%,#2a241c 45%,#1a1612 100%);border:2px solid #0a0806;border-bottom:none;border-radius:4px 4px 2px 2px;height:28%;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 1px #ffc8782e,0 -2px 8px #00000059}.ff-desk-edge{background:linear-gradient(#3a3228 0%,#1c1814 55%,#0e0c0a 100%);border:2px solid #0a0806;border-top:1px solid #ffb45038;border-radius:2px;height:55%;position:absolute;bottom:-35%;left:-1%;right:-1%;box-shadow:inset 0 2px #ffbe5a1f,0 4px 10px #00000073}.ff-desk-rim{background:linear-gradient(90deg,#0000 0%,#ffaa3c59 15%,#ffbe5a8c 50%,#ffaa3c59 85%,#0000 100%);border-radius:2px;height:3px;position:absolute;top:18%;left:2%;right:2%;box-shadow:0 0 8px #ffa02840}.ff-desk-front{background:linear-gradient(#221e18 0%,#141210 55%,#0c0a08 100%);border:2px solid #0a0806;border-top:none;border-radius:0 0 6px 6px;gap:3%;padding:.35rem .55rem .4rem;display:flex;position:absolute;inset:42% 2% 0;box-shadow:inset 0 6px 12px #0000008c,inset 0 1px #ffb4500f}.ff-desk-panel{background:linear-gradient(#2a241c 0%,#16120e 100%);border:1px solid #0a0806;border-radius:3px;flex:1;box-shadow:inset 0 2px 4px #00000080,inset 0 -1px #ffb4500d}.ff-desk-vent{opacity:.85;background:repeating-linear-gradient(0deg,#0a0806 0 2px,#2a241c 2px 4px);border:1px solid #1a1612;border-radius:2px;width:22%;height:28%;position:absolute;bottom:18%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 3px #0009}.ff-desk-rivet{background:radial-gradient(circle at 35% 30%,#6a5a48,#2a2218 70%);border:1px solid #0a0806;border-radius:50%;width:7px;height:7px;position:absolute;top:22%;box-shadow:inset 0 1px #ffc87840}.ff-desk-rivet--l{left:8%}.ff-desk-rivet--r{right:8%}.ff-opponent--hit{animation:.28s ease-out ff-hit-react}.ff-opponent--hit .ff-sprite{filter:drop-shadow(0 12px 18px #0000008c)brightness(1.45)saturate(.7)}.ff-opponent--block{transform:scale(.97)}.ff-opponent--block .ff-sprite{filter:drop-shadow(0 12px 18px #0000008c)brightness(.85)contrast(1.1)}.ff-opponent--dodge{animation:.4s ease-out ff-dodge}.ff-opponent--fifth{animation:.42s ease-out ff-fifth}.ff-opponent--fifth .ff-sprite{filter:drop-shadow(0 12px 18px #0000008c)brightness(1.05)hue-rotate(25deg)saturate(1.15)}@keyframes ff-hit-react{0%{transform:rotate(0)translate(0)scale(1)}25%{transform:rotate(-4deg)translate(6px,-4px)scale(1.03)}50%{transform:rotate(3deg)translate(-5px,2px)scale(.98)}75%{transform:rotate(-2deg)translate(3px,-1px)scale(1.01)}to{transform:rotate(0)translate(0)scale(1)}}@keyframes ff-dodge{0%{transform:translate(0)}40%{transform:translate(28px)rotate(2deg)}to{transform:translate(0)}}@keyframes ff-fifth{0%{transform:scale(1)rotate(0)}35%{transform:scale(.96)rotate(-2deg)translateY(-4px)}70%{transform:scale(1.02)rotate(1deg)}to{transform:scale(1)rotate(0)}}.ff-defense-badge{letter-spacing:.16em;z-index:6;white-space:nowrap;text-align:center;border:2px solid;border-radius:4px;max-width:min(96%,220px);padding:.25rem .55rem;font-size:.72rem;font-weight:900;animation:.2s ease-out ff-badge-pop;position:absolute;top:6%;left:50%;transform:translate(-50%)}.ff-defense-badge--block{color:#80d0ff;background:#0a2846d9;border-color:#40a0e0;box-shadow:0 0 12px #288cdc73}.ff-defense-badge--dodge{color:#c0ff80;background:#14320ad9;border-color:#70c030;box-shadow:0 0 12px #64c82866}.ff-defense-badge--fifth{letter-spacing:.1em;color:#e8c0ff;background:#371450e6;border-color:#b070e0;padding:.3rem .65rem;font-size:clamp(.62rem,2vw,.78rem);box-shadow:0 0 14px #b45af08c,inset 0 1px #ffdcff40}@keyframes ff-badge-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.ff-impact{pointer-events:none;z-index:5;background:radial-gradient(circle,#ffdc78e6 0%,#ff78288c 35%,#0000 70%);border-radius:50%;width:90px;height:90px;margin:-45px 0 0 -45px;animation:.18s ease-out forwards ff-impact;position:absolute;top:42%;left:50%}.ff-impact:before,.ff-impact:after{content:"";border:3px solid #ffc850b3;border-radius:50%;animation:.18s ease-out forwards ff-impact-ring;position:absolute;inset:10%}.ff-impact:after{border-width:2px;animation-delay:30ms;inset:-5%}@keyframes ff-impact{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}@keyframes ff-impact-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.ff-feedback-layer{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:.25rem;min-height:2rem;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.ff-feedback{letter-spacing:.08em;text-shadow:0 2px #000,0 0 10px #0009;white-space:nowrap;font-size:clamp(.95rem,2.8vw,1.35rem);font-weight:900;animation:.7s ease-out forwards ff-feedback-float}.ff-feedback--hit{color:#ffd040}.ff-feedback--block{color:#60b8ff}.ff-feedback--dodge{color:#90f050}.ff-feedback--fifth{color:#d890ff;text-shadow:0 2px #000,0 0 12px #b450ff8c}.ff-feedback--stamina{color:#ff8060}.ff-feedback--cooldown{color:#a09080;font-size:.85em}@keyframes ff-feedback-float{0%{opacity:0;transform:translateY(8px)scale(.85)}15%{opacity:1;transform:translateY(0)scale(1.08)}to{opacity:0;transform:translateY(-28px)scale(1)}}.ff-particles{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.ff-particle{pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.ff-fists{pointer-events:none;z-index:7;height:55%;position:absolute;bottom:0;left:0;right:0;overflow:visible}.ff-fist{transform-origin:50% 100%;flex-direction:column;align-items:center;width:38%;max-width:170px;transition:transform 80ms ease-out;display:flex;position:absolute;bottom:-8%}.ff-fist--left{left:3%;transform:rotate(8deg)translateY(12%)}.ff-fist--right{right:3%;transform:rotate(-8deg)translateY(12%)}.ff-fist--left.ff-fist--jab{animation:.22s ease-out ff-jab-left}.ff-fist--right.ff-fist--jab{animation:.22s ease-out ff-jab-right}.ff-fist--left.ff-fist--hook{animation:.38s ease-out ff-hook-left}.ff-fist--right.ff-fist--hook{animation:.38s ease-out ff-hook-right}@keyframes ff-jab-left{0%{transform:rotate(8deg)translateY(12%)scale(1)}45%{transform:rotate(2deg)translate(28%,-78%)scale(1.08)}to{transform:rotate(8deg)translateY(12%)scale(1)}}@keyframes ff-jab-right{0%{transform:rotate(-8deg)translateY(12%)scale(1)}45%{transform:rotate(-2deg)translate(-28%,-78%)scale(1.08)}to{transform:rotate(-8deg)translateY(12%)scale(1)}}@keyframes ff-hook-left{0%{transform:rotate(8deg)translateY(12%)scale(1)}30%{transform:rotate(-18deg)translate(-10%,-40%)scale(1.05)}55%{transform:rotate(12deg)translate(45%,-70%)scale(1.15)}to{transform:rotate(8deg)translateY(12%)scale(1)}}@keyframes ff-hook-right{0%{transform:rotate(-8deg)translateY(12%)scale(1)}30%{transform:rotate(18deg)translate(10%,-40%)scale(1.05)}55%{transform:rotate(-12deg)translate(-45%,-70%)scale(1.15)}to{transform:rotate(-8deg)translateY(12%)scale(1)}}.ff-fist-glove{aspect-ratio:.92;background:linear-gradient(155deg,#3a3a3e 0%,#1c1c20 38%,#0e0e12 72%,#08080a 100%);border:2px solid #050506;border-radius:28% 28% 22% 22%/32% 32% 28% 28%;width:72%;position:relative;box-shadow:inset 0 3px 5px #ffffff14,inset 0 -8px 14px #0000008c,0 8px 16px #00000080}.ff-fist--right .ff-fist-glove{background:linear-gradient(205deg,#3a3a3e 0%,#1c1c20 38%,#0e0e12 72%,#08080a 100%)}.ff-fist-glove:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a 20%,#00000073 50%,#ffffff14 80%,#0000);height:1px;position:absolute;top:48%;left:12%;right:12%}.ff-fist-knuckles{justify-content:space-between;gap:3%;height:38%;display:flex;position:absolute;top:6%;left:10%;right:10%}.ff-fist-knuckles span{background:linear-gradient(#4a4a50 0%,#222228 55%,#121216 100%);border:1px solid #050506;border-radius:30% 30% 22% 22%;flex:1;position:relative;box-shadow:inset 0 2px 3px #ffffff1a,0 2px 3px #0006}.ff-fist-knuckles span:before{content:"";background:linear-gradient(#e8b898 0%,#c48860 55%,#a06848 100%);border:1px solid #50281473;border-radius:40% 40% 30% 30%;height:42%;position:absolute;top:-18%;left:12%;right:12%;box-shadow:inset 0 1px 1px #ffe6c859}.ff-fist-palm{background:linear-gradient(#2a2a30 0%,#141418 100%);border:1px solid #00000080;border-radius:30%;position:absolute;inset:48% 18% 22%;box-shadow:inset 0 2px 6px #00000073}.ff-fist-strap{background:linear-gradient(#2e2e34 0%,#121216 100%);border:1px solid #050506;border-radius:3px;height:16%;position:absolute;bottom:6%;left:8%;right:8%;box-shadow:inset 0 1px #ffffff14,0 1px 2px #0006}.ff-fist-strap:after{content:"";background:linear-gradient(90deg,#0000,#5a5040 20%,#8a7860 50%,#5a5040 80%,#0000);border-radius:1px;height:2px;position:absolute;top:40%;left:10%;right:10%}.ff-fist-thumb{background:linear-gradient(160deg,#323238,#121216);border:2px solid #050506;border-radius:40% 45% 40% 35%;width:30%;height:36%;position:absolute;bottom:20%;box-shadow:inset 0 2px 4px #ffffff14}.ff-fist-thumb:before{content:"";background:linear-gradient(#e8b898,#b07850);border:1px solid #50281466;border-radius:45%;width:58%;height:42%;position:absolute;top:8%;box-shadow:inset 0 1px 1px #ffe6c84d}.ff-fist--left .ff-fist-thumb{right:-12%}.ff-fist--left .ff-fist-thumb:before{right:8%}.ff-fist--right .ff-fist-thumb{left:-12%}.ff-fist--right .ff-fist-thumb:before{left:8%}.ff-fist-arm{background:linear-gradient(#2a2a30 0%,#121216 55%,#0a0a0c 100%);border:2px solid #050506;border-top:none;border-radius:0 0 8px 8px;width:42%;height:48px;margin-top:-4px;box-shadow:inset 0 4px 8px #00000073}.ff-fist-arm:before{content:"";opacity:.9;background:linear-gradient(90deg,#1a1a1e,#3a3a42 30%,#5a5040 50%,#3a3a42 70%,#1a1a1e);border-top:1px solid #ffffff0f;border-bottom:1px solid #00000080;height:7px;margin-top:6px;display:block}.ff-controls{z-index:5;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.35rem .55rem .55rem;display:grid;position:relative}.ff-atk{appearance:none;color:#f0d8a0;cursor:pointer;background:linear-gradient(#3a3024 0%,#1a140e 55%,#100c08 100%);border:2px solid #5a4830;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:56px;padding:.45rem .25rem;transition:transform 80ms,border-color .1s,filter .1s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffc8782e,inset 0 -3px 6px #0006,0 3px #0a0804}.ff-atk:hover:not(:disabled){filter:brightness(1.08);border-color:#c89030}.ff-atk:active:not(:disabled),.ff-atk--active{transform:translateY(2px);box-shadow:inset 0 2px 6px #0000008c,0 1px #0a0804}.ff-atk:focus-visible{outline-offset:2px;outline:3px solid #ffb020}.ff-atk:disabled{cursor:default;opacity:.72}.ff-atk--jab{border-color:#4a5840}.ff-atk--hook{border-color:#6a4030}.ff-atk--cooling{filter:brightness(.75)}.ff-atk--drained{opacity:.55}.ff-atk-key{letter-spacing:.04em;color:#ffc040;text-shadow:0 2px #000;font-size:clamp(1rem,3vw,1.35rem);font-weight:900;line-height:1}.ff-atk-name{letter-spacing:.06em;color:#b8a080;text-align:center;font-size:clamp(.48rem,1.4vw,.62rem);font-weight:800;line-height:1.15}.ff-atk-cd{pointer-events:none;background:#00000073;transition:height 50ms linear;position:absolute;bottom:0;left:0;right:0}.ff-overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040406c7;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.ff-overlay--dim{background:#040406a6}.ff-panel{text-align:center;background:linear-gradient(#2a2218 0%,#12100c 100%);border:3px solid #5a4830;border-radius:10px;width:min(100%,380px);padding:1.35rem 1.25rem 1.25rem;box-shadow:0 0 0 2px #0a0804,0 16px 40px #000000a6,inset 0 1px #ffc8641f}.ff-panel-title{letter-spacing:.06em;color:#ffb020;text-shadow:0 0 16px #ffa00066,0 2px #3a2000;margin:0;font-size:clamp(1.5rem,5vw,2rem);font-weight:900}.ff-panel-sub{letter-spacing:.28em;color:#c8a070;margin:.35rem 0 0;font-size:.75rem;font-weight:800}.ff-panel-note{letter-spacing:.12em;color:#7a6a50;margin:.55rem 0 0;font-size:.58rem;font-weight:700}.ff-panel-body{color:#c0b090;letter-spacing:.04em;margin:.75rem 0 0;font-size:.85rem;font-weight:700}.ff-howto{text-align:left;flex-direction:column;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.ff-howto li{letter-spacing:.04em;color:#c8b898;background:#0000004d;border:1px solid #2a241c;border-radius:4px;padding:.35rem .5rem;font-size:.72rem;font-weight:700}.ff-howto kbd{color:#ffc040;text-align:center;background:#1a140c;border:1px solid #5a4830;border-radius:3px;min-width:1.35em;margin:0 .1em;padding:.1em .35em;font-family:inherit;font-size:.9em;font-weight:900;display:inline-block;box-shadow:0 2px #0a0804}.ff-cta{appearance:none;color:#1a1000;letter-spacing:.14em;cursor:pointer;background:linear-gradient(#ffb020 0%,#d07000 50%,#a05000 100%);border:3px solid #c88010;border-radius:8px;min-width:160px;min-height:52px;margin-top:1.15rem;padding:.7rem 1.8rem;font-size:1.25rem;font-weight:900;transition:transform 80ms,filter .1s;box-shadow:inset 0 2px #fff0b473,inset 0 -3px 6px #501e0059,0 4px #4a2800,0 8px 20px #0006}.ff-cta:hover{filter:brightness(1.08)}.ff-cta:active{transform:translateY(2px);box-shadow:inset 0 2px 6px #501e0066,0 2px #4a2800}.ff-cta:focus-visible{outline-offset:3px;outline:3px solid #ffe080}.ff-cta--secondary{color:#f0d8a0;background:linear-gradient(#4a4030 0%,#2a2218 100%);border-color:#7a6840;box-shadow:inset 0 1px #ffc87826,0 4px #0a0804}.ff-cta--share{letter-spacing:.1em;color:#e8f0ff;background:linear-gradient(#1a2430 0%,#0c1018 55%,#080a10 100%);border:2px solid #3a5a78;min-height:44px;margin-top:.55rem;font-size:.85rem;box-shadow:inset 0 1px #78b4ff1f,0 3px #040608,0 0 0 1px #0006}.ff-cta--share:hover{filter:brightness(1.1);border-color:#6a9ec8;box-shadow:inset 0 1px #8cc8ff2e,0 3px #040608,0 0 12px #508cdc40}.ff-cta--share:focus-visible{outline-offset:2px;outline:3px solid #8ab4e8}.ff-results{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.ff-results>div{background:#00000059;border:1px solid #3a3020;border-radius:6px;flex-direction:column;gap:.2rem;padding:.55rem;display:flex}.ff-result-label{letter-spacing:.16em;color:#8a7a60;font-size:.55rem;font-weight:800}.ff-result-value{color:#ffe8b0;text-shadow:0 2px #000;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:900}.ff-footer{text-align:center;letter-spacing:.12em;color:#5a4a38;background:#0c0a08;border-top:1px solid #2a2218;flex:none;padding:.3rem .75rem;font-size:.55rem;font-weight:700}@media (width<=640px){.ff-root{padding:0}.ff-cabinet{border-left:none;border-right:none;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.ff-titlebar{grid-template-rows:auto auto;grid-template-columns:1fr auto}.ff-disclosure{white-space:normal;grid-column:1/-1;justify-self:start}.ff-mute{grid-area:1/2}.ff-desk{width:min(96%,420px);height:clamp(4.2rem,15%,5.8rem)}.ff-controls{gap:.3rem;padding:.3rem .4rem .45rem}.ff-atk{min-height:52px}.ff-fist{max-width:130px}}@media (width<=640px) and (orientation:portrait){.ff-opponent{width:min(90%,400px);max-height:90%;margin-bottom:clamp(1.5rem,5.5%,2.6rem)}.ff-sprite{max-height:min(62vh,540px);transform:translateY(8%)}}@media (width<=640px) and (orientation:portrait) and (height<=700px){.ff-opponent{width:min(86%,360px);max-height:86%;margin-bottom:clamp(1.4rem,5%,2.3rem)}.ff-sprite{max-height:min(52vh,420px);transform:translateY(7%)}}@media (height<=560px) and (orientation:landscape),(height<=560px) and (width>=641px){.ff-title{font-size:1rem}.ff-subtitle{font-size:.5rem}.ff-sprite{max-height:min(34vh,220px);transform:translateY(8%)}.ff-opponent{width:min(42%,220px);margin-bottom:clamp(1.2rem,4%,2rem)}.ff-desk{height:clamp(3.4rem,14%,5rem)}.ff-atk{min-height:48px;padding:.3rem .2rem}.ff-bar{height:11px}.ff-bar--health{height:12px}}@media (height<=420px) and (orientation:landscape){.ff-titlebar{padding:.2rem .5rem}.ff-disclosure,.ff-footer{display:none}.ff-opponent{width:min(34%,180px);max-height:78%;margin-bottom:1.1rem}.ff-sprite{max-height:32vh;transform:translateY(6%)}.ff-desk{width:min(70%,360px);height:3rem}.ff-fist{max-width:110px}.ff-fist-arm{height:28px}}@media (prefers-reduced-motion:reduce){.ff-stage--shake,.ff-opponent--hit,.ff-opponent--dodge,.ff-opponent--fifth,.ff-fist--jab,.ff-fist--hook,.ff-impact,.ff-feedback,.ff-timer--low,.ff-bar-fill--critical,.ff-stage--critical:after,.ff-light{animation:none!important}.ff-fist--left.ff-fist--jab,.ff-fist--right.ff-fist--jab,.ff-fist--left.ff-fist--hook,.ff-fist--right.ff-fist--hook{transform:translateY(-30%)scale(1.05)}.ff-scanlines{opacity:.25}.ff-particle{display:none}}