:root{--c-bg: #000;--c-ink: #e8e2d8;--c-green: #2fd39a;--c-lime: #b8f02c;--c-yellow: #f2ee6a;--c-blue: #79c4e8;--c-orange: #efa66b;--c-pink: #d877e6;--font-pixel: "Press Start 2P", ui-monospace, monospace;--font-term: "VT323", ui-monospace, monospace;--px: 4px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--c-bg);color:var(--c-ink);font-family:var(--font-pixel);overflow:hidden;-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}.page{position:absolute;top:0;right:0;bottom:0;left:0}#transition{--t: .25s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background-color:#fff0;transition:background-color var(--t) linear;pointer-events:none}#transition.is-active{pointer-events:all}#transition.is-white{background-color:#fff}#transition.is-black{background-color:#000}.transition__spinner{width:72px;height:72px;opacity:0;transition:opacity .15s linear}.transition__spinner.is-visible{opacity:1}.btn-slot{--w: 260px;--h: 76px;--art: none;--art-hover: var(--art);--art-active: var(--art-hover);position:relative;width:var(--w);height:var(--h);padding:0;border:0;cursor:pointer;color:var(--c-ink);font:inherit;font-size:20px;letter-spacing:2px;background:#000 var(--art) center / 100% 100% no-repeat;image-rendering:pixelated;box-shadow:0 calc(var(--px) * -1) 0 0 #000,0 var(--px) 0 0 #000,calc(var(--px) * -1) 0 0 0 #000,var(--px) 0 0 0 #000,0 calc(var(--px) * 2.5) 0 0 var(--c-green);transition:transform 80ms steps(2),box-shadow 80ms steps(2)}.btn-slot:hover,.btn-slot:focus-visible{background-image:var(--art-hover);transform:translateY(-2px);outline:none}.btn-slot:focus-visible{box-shadow:0 calc(var(--px) * -1) 0 0 var(--c-lime),0 var(--px) 0 0 var(--c-lime),calc(var(--px) * -1) 0 0 0 var(--c-lime),var(--px) 0 0 0 var(--c-lime),0 calc(var(--px) * 2.5) 0 0 var(--c-green)}.btn-slot:active{background-image:var(--art-active);transform:translateY(calc(var(--px) * 2));box-shadow:0 calc(var(--px) * -1) 0 0 #000,0 var(--px) 0 0 #000,calc(var(--px) * -1) 0 0 0 #000,var(--px) 0 0 0 #000,0 calc(var(--px) * .5) 0 0 var(--c-green)}.btn-slot.has-art{background-color:transparent;box-shadow:none}.btn-slot.has-art .btn-slot__label{display:none}.btn-slot.has-art{image-rendering:auto}.btn-slot.has-art:hover,.btn-slot.has-art:focus-visible{filter:brightness(1.08)}.btn-slot.has-art:focus-visible{outline:3px dashed var(--c-ink);outline-offset:6px}.btn-slot.has-art:active{transform:translateY(calc(var(--h) * .06))}.btn-slot--play{--w: clamp(220px, 26vw, 340px);--h: calc(var(--w) * 276 / 960)}.home{overflow:hidden}.home__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.home__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgb(0 0 0 / .12) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 40%,transparent 40%,rgb(0 0 0 / .45) 100%)}.home__content{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(32px,7vh,72px);padding:16px;padding-bottom:10vh}.home__logo{margin:0;width:min(86vw,880px);animation:bob 3.2s steps(8) infinite}.home__logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 0 rgb(0 0 0 / .35));-webkit-user-drag:none}.home__menu{display:flex;flex-direction:column;align-items:center;gap:24px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(orientation:portrait){.home__content{justify-content:flex-start;padding-top:22vh}.home__logo{width:92vw}.btn-slot{--w: 220px;--h: 68px;font-size:18px}.btn-slot--play{--w: 64vw;--h: calc(var(--w) * 276 / 960)}}.screen{display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:72px 16px 32px;text-align:center;overflow-y:auto;background:repeating-linear-gradient(to bottom,rgb(0 0 0 / .18) 0 1px,transparent 1px 3px),linear-gradient(rgb(47 211 154 / .06) 2px,transparent 2px) 0 0 / 40px 40px,linear-gradient(90deg,rgb(47 211 154 / .06) 2px,transparent 2px) 0 0 / 40px 40px,radial-gradient(ellipse at 50% 30%,#1a2733,#0b1118 60%,#05080c)}.screen__title{margin:0 0 28px;font-size:clamp(14px,2.4vw,22px);color:var(--c-lime);text-shadow:0 4px 0 #000;letter-spacing:2px}.btn-back,.btn-arrow{display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;cursor:pointer;font:inherit;font-size:20px;color:var(--c-ink);background:#000;box-shadow:0 -4px #000,0 4px #000,-4px 0 #000,4px 0 #000,0 8px 0 var(--c-green);transition:transform 80ms steps(2)}.btn-back:hover,.btn-arrow:hover,.btn-back:focus-visible,.btn-arrow:focus-visible{color:var(--c-lime);transform:translateY(-2px);outline:none}.btn-back:active,.btn-arrow:active{transform:translateY(6px);box-shadow:0 -4px #000,0 4px #000,-4px 0 #000,4px 0 #000,0 2px 0 var(--c-green)}.btn-back{position:absolute;top:20px;left:20px;width:44px;height:44px;font-size:16px}.screen>*{position:relative;z-index:1}.screen>.screen__binary{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.screen__binary img{width:100%;height:100%;object-fit:cover;opacity:.55}.screen>.btn-back{position:absolute;z-index:2}.btn-slot--select-play.has-art{--w: 240px;--h: calc(var(--w) * 287 / 960)}.select__picker{display:flex;align-items:center;gap:clamp(16px,4vw,48px)}.select__box{width:clamp(200px,30vmin,300px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:linear-gradient(to top,rgb(47 211 154 / .18),transparent 45%),#0a0f14;border:4px solid var(--c-ink);box-shadow:0 0 0 4px #000,0 12px 0 4px var(--c-green),inset 0 0 0 4px #000}.select__sprite{width:54%;aspect-ratio:12 / 15;animation:idle 1.2s steps(2) infinite}.select__sprite.slide-r{animation:slide-r .18s steps(4),idle 1.2s steps(2) .18s infinite}.select__sprite.slide-l{animation:slide-l .18s steps(4),idle 1.2s steps(2) .18s infinite}.sprite{display:block;width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.sprite--pixel{filter:drop-shadow(3px 0 0 #000) drop-shadow(-3px 0 0 #000) drop-shadow(0 3px 0 #000) drop-shadow(0 -3px 0 #000)}.select__sprite.is-art{position:relative;width:100%;height:100%;aspect-ratio:auto;animation:none}.select__sprite.is-art .sprite{position:absolute;left:50%;top:calc(94% - .9028 * 120%);width:auto;height:120%;max-width:none;transform:translate(calc(-50% + var(--shift, 0%)))}.sprite--face-left{--shift: 3.13%}.sprite--face-right{--shift: -2.71%}.fighter .sprite--art{transform:translate(var(--shift))}.select__sprite.is-art.slide-r{animation:slide-r .18s steps(4)}.select__sprite.is-art.slide-l{animation:slide-l .18s steps(4)}@keyframes idle{50%{transform:translateY(-3%)}}@keyframes slide-r{0%{transform:translate(60%);opacity:0}}@keyframes slide-l{0%{transform:translate(-60%);opacity:0}}.select__char-name{margin:28px 0 10px;font-size:clamp(14px,2vw,18px);color:var(--c-ink);text-shadow:0 3px 0 #000}.select__dots{display:flex;gap:8px;margin-bottom:clamp(28px,6vh,56px)}.select__dots i{width:8px;height:8px;background:#33414d}.select__dots i.on{background:var(--c-lime)}.select__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:28px 40px}.select__row:has(.options:not([hidden])){align-items:center}.select__main{display:flex;flex-direction:column;align-items:center}.select__fields{display:flex;flex-direction:column;gap:18px}.name-field{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left}.name-field__label{font-size:10px;color:var(--c-green);letter-spacing:1px}.name-field__input,.code-input{width:280px;height:64px;padding:0 16px;border:0;font:inherit;font-size:16px;letter-spacing:2px;color:var(--c-ink);caret-color:var(--c-lime);background:#000;box-shadow:0 -4px #000,0 4px #000,-4px 0 #000,4px 0 #000,inset 0 -4px #1b2630;-webkit-user-select:text;user-select:text}.name-field__input::placeholder,.code-input::placeholder{color:#3c4a56}.name-field__input:focus,.code-input:focus{outline:none;box-shadow:0 -4px 0 var(--c-lime),0 4px 0 var(--c-lime),-4px 0 0 var(--c-lime),4px 0 0 var(--c-lime),inset 0 -4px #1b2630}.name-field.is-error .name-field__label{color:#ff5d6c}.name-field.is-error .name-field__input{box-shadow:0 -4px #ff5d6c,0 4px #ff5d6c,-4px 0 #ff5d6c,4px 0 #ff5d6c;animation:shake .3s steps(6)}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.btn-slot--select-play{--w: 240px;--h: 64px}.play-slot{display:flex;justify-content:center}.options{--red: #e85046;--red-dark: #9c2538;position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;width:min(380px,88vw);padding:30px 20px 26px;background:var(--red);box-shadow:0 -6px #000,0 6px #000,-6px 0 #000,6px 0 #000,inset 0 -10px 0 var(--red-dark),0 16px #000;animation:options-open .22s steps(5) both}.options[hidden]{display:none}@keyframes options-open{0%{clip-path:inset(38% 18% 38% 18%)}to{clip-path:inset(-20px -20px -20px -20px)}}.options>:not(.options__close){animation:fade-in .16s .18s steps(3) both}@keyframes fade-in{0%{opacity:0}}.options__heading{margin:6px 0 -2px;padding-bottom:8px;font-size:12px;color:#fbf9e6;border-bottom:4px solid #fbf9e6;text-shadow:0 3px 0 var(--red-dark)}.options__close{position:absolute;top:8px;right:8px;width:30px;height:30px;padding:0;border:0;cursor:pointer;font:inherit;font-size:12px;color:#fbf9e6;background:var(--red-dark)}.options__close:hover,.options__close:focus-visible{background:#000;outline:none}.options .btn-slot--quick.has-art{--w: min(320px, 74vw);--h: calc(var(--w) * 181 / 960)}.options .btn-slot--join.has-art,.options .btn-slot--create.has-art{--w: min(260px, 64vw)}.options .btn-slot--join.has-art{--h: calc(var(--w) * 201 / 960)}.options .btn-slot--create.has-art{--h: calc(var(--w) * 191 / 960)}.options .btn-slot.has-art:focus-visible{outline-color:#000}.btn-slot--small{--w: 150px;--h: 52px;font-size:12px}.is-greyed{filter:grayscale(1) brightness(.4);transition:filter .15s steps(3)}.popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#28282873}.popup__box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:min(420px,100%);aspect-ratio:1;padding:28px 24px;background:#0a0f14;border:4px solid var(--c-ink);box-shadow:0 0 0 4px #000,0 12px 0 4px var(--c-green);animation:pop .16s steps(4)}@keyframes pop{0%{transform:scale(.85);opacity:0}}.popup__title{margin:0;font-size:18px;color:var(--c-lime)}.popup__box--join .popup__title{color:var(--c-blue)}.popup__box--create .popup__title{color:var(--c-orange)}.popup__hint{margin:0;font-size:9px;color:#7d8a96;letter-spacing:1px}.popup__time{margin:-8px 0 0;font-family:var(--font-term);font-size:40px;color:var(--c-ink)}.popup__matchmaking{display:block;width:100%;height:auto}.popup__code{margin:0;font-size:30px;letter-spacing:6px;color:var(--c-yellow);-webkit-user-select:text;user-select:text}.popup__msg{margin:0;min-height:1em;font-size:10px;color:var(--c-green)}.popup__code.is-dead{opacity:.35;text-decoration:line-through}.popup .btn-slot:disabled{opacity:.45;cursor:default;transform:none}.popup__form{display:flex;flex-direction:column;align-items:center;gap:16px}.popup__buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:6px}.code-input{width:240px;text-align:center;font-size:22px;letter-spacing:8px}.dots:after{content:"";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.game{--stage-h: 100cqh;--hud-h: 0px;overflow:hidden;background:#000;container-type:size}.game__bg{position:absolute;top:0;left:0;width:100%;height:var(--stage-h);object-fit:cover;pointer-events:none}.game__bg[hidden]{display:none}.game__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgb(0 0 0 / .08) 0 1px,transparent 1px 3px),linear-gradient(to bottom,rgb(0 0 0 / .45),transparent 20%);opacity:0;transition:opacity .4s steps(4)}.game.is-live .game__shade{opacity:1}.game .fhud,.game .fighter,.game .game__quit,.game .desk{visibility:hidden}.game.is-live .fhud,.game.is-live .fighter,.game.is-live .game__quit,.game.is-live .desk{visibility:visible}.game.is-live .fhud{animation:drop-in .32s steps(5) both}.game.is-live .fighter--p1{animation:enter-l .42s .2s steps(7) both}.game.is-live .fighter--p2{animation:enter-r .42s .2s steps(7) both}.game.is-live .desk{animation:rise-in .36s .15s steps(6) both}.game.is-live .game__quit{animation:fade-in .2s .3s steps(3) both}@keyframes drop-in{0%{transform:translateY(-140%)}}@keyframes rise-in{0%{transform:translateY(40px);opacity:0}}@keyframes enter-l{0%{transform:translate(-60vw)}}@keyframes enter-r{0%{transform:translate(60vw)}}.game__quit{top:16px;left:16px}.fhud{position:absolute;top:16px;left:76px;right:20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:14px}.fhud__side{display:flex;align-items:flex-start;gap:10px;min-width:0}.fhud__portrait{position:relative;flex:none;width:56px;height:56px;padding:6px 9px 2px;overflow:hidden;background:linear-gradient(#1d2a36,#0a0f14);box-shadow:0 0 0 4px #000,inset 0 0 0 3px var(--c-ink)}.fhud__portrait.is-art{padding:0}.fhud__portrait.is-art .sprite{position:absolute;width:240%;height:auto;max-width:none;top:-2%;left:-78%}.fhud__side--p2 .fhud__portrait.is-art .sprite{left:-62%}.fhud__portrait.is-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px var(--c-ink)}.fhud__meter{flex:1;min-width:0}.fhud__health{height:26px;padding:3px;background:#000;box-shadow:0 0 0 3px var(--c-ink),0 0 0 6px #000}.fhud__health i{display:block;width:100%;height:100%;background:linear-gradient(to bottom,rgb(255 255 255 / .45) 0 4px,transparent 4px),linear-gradient(to bottom,#f6e05e,#e8a92a)}.fhud__side--p1 .fhud__health i{margin-left:auto}.fhud__name{margin:10px 0 0;font-size:14px;color:var(--c-ink);text-shadow:3px 3px 0 #000;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fhud__side--p2 .fhud__name{text-align:right}.fhud__timer{min-width:112px;padding:12px 10px 10px;text-align:center;font-size:22px;color:var(--c-yellow);background:#0a0f14;box-shadow:0 0 0 4px #000,inset 0 0 0 3px var(--c-ink),0 8px 0 4px #0006;text-shadow:0 3px 0 #000}.fighter{--frame-h: max(var(--stage-h), 56.25cqw);--ground: calc(var(--stage-h) / 2 + .1 * var(--frame-h));--fit: calc((var(--ground) - var(--hud-h)) * .95);--body: min(calc(var(--frame-h) * .26), 46cqw, var(--fit));--span: 1;--feet: 1;--aspect: .8;--box-h: calc(var(--body) / var(--span));--box-w: calc(var(--box-h) * var(--aspect));--x: 34cqw;position:absolute;width:var(--box-w);height:var(--box-h);top:calc(var(--ground) - var(--box-h) * var(--feet))}.fighter.is-art{--body: min(calc(var(--frame-h) * .36), 60cqw, var(--fit));--span: .7882;--feet: .9028;--aspect: .8333}.fighter:after{content:"";position:absolute;left:10%;right:10%;bottom:calc((1 - var(--feet)) * 100% - 5px);height:10px;background:#0006;z-index:-1}.fighter.is-art:after{left:28%;right:28%}.fighter .sprite--pixel{animation:idle 1.2s steps(2) infinite}.fighter--p2 .sprite--pixel{animation-delay:-.6s}.fighter--p1{left:calc(var(--x) - var(--box-w) / 2)}.fighter--p2{right:calc(var(--x) - var(--box-w) / 2)}.fighter.is-attacking{z-index:2}.fighter.is-attacking .sprite--art:not(.sprite--attack){visibility:hidden}.fighter .sprite--art.sprite--attack{position:absolute;top:0;left:-25%;width:150%;height:100%;max-width:none;transform:translate(-1.81%)}.fighter .sprite--art.sprite--attack.sprite--face-left{transform:translate(1.81%)}.fighter.is-ultimate .sprite--attack{filter:drop-shadow(0 0 6px var(--c-pink)) drop-shadow(0 0 2px #fff)}.desk{position:absolute;left:16px;right:16px;bottom:16px;height:calc(30cqh - 16px);display:grid;grid-template-columns:1fr 1fr;gap:16px}.pane{position:relative;min-height:0;background:#080c10c7;box-shadow:0 0 0 4px #000,0 8px 0 4px #00000073}.pane__label{position:absolute;top:-12px;left:14px;margin:0;padding:4px 8px;font-size:9px;color:#000;background:var(--c-green);box-shadow:0 0 0 3px #000}.pane:last-child .pane__label{background:var(--c-lime)}.pane__body{height:100%;overflow:auto;padding:20px 16px 14px}.popup__title--danger{color:#ff5d6c}.cutscene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;background:#000;animation:fade-in .2s steps(4)}.cutscene.is-out{opacity:0;transition:opacity .2s steps(4)}.cutscene__video{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.cutscene__skip{position:absolute;right:20px;bottom:20px;padding:10px 14px;border:0;cursor:pointer;font:inherit;font-size:10px;color:var(--c-ink);background:#0009;box-shadow:0 0 0 3px var(--c-ink)}.cutscene__skip:hover,.cutscene__skip:focus-visible{outline:none;color:#000;background:var(--c-lime)}.game.is-over .game__quit{display:none}.result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;overflow-y:auto;padding:40px 16px;background:#000000b8;animation:fade-in .24s steps(4)}.result__box{width:min(760px,100%);margin:0 auto;padding:28px 24px;text-align:center;background:#0a0f14;border:4px solid var(--c-ink);box-shadow:0 0 0 4px #000,0 12px 0 4px var(--c-green)}.result__title{margin:0;font-size:32px;color:var(--c-ink);text-shadow:4px 4px 0 #000}.result__title:focus{outline:none}.result__title[data-tone=good]{color:var(--c-lime)}.result__title[data-tone=bad]{color:#ff5d6c}.result__reason{margin:14px 0 0;font-size:12px;color:var(--c-yellow)}.result__hp{margin:12px 0 0;font-family:var(--font-term);font-size:22px;color:#9aa7b3}.result__buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:24px 0 8px}.name-field__input--link{height:48px;font-size:11px;letter-spacing:0}.connect{margin:22px 0 0;display:flex;flex-direction:column;align-items:center;gap:12px}.connect__btn{padding:14px 18px;border:0;font:inherit;line-height:1.6;font-size:11px;color:#000;background:var(--c-lime);box-shadow:0 0 0 4px #000,0 6px 0 4px var(--c-green);cursor:pointer}.connect__btn:hover:not(:disabled),.connect__btn:focus-visible{background:var(--c-yellow)}.connect__btn:focus-visible{outline:2px solid var(--c-ink);outline-offset:6px}.connect__btn:disabled{color:var(--c-ink);background:#33414d;box-shadow:0 0 0 4px #000;cursor:wait}.connect__status{margin:0;min-height:12px;font-size:10px;line-height:1.6;color:var(--c-yellow)}.connect.is-waiting .connect__status:before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:middle;background:url(/assets/overlays/loading-ring.svg) center / contain no-repeat}.connect__link{font-family:var(--font-term);font-size:22px;color:var(--c-lime);word-break:break-all}.review__title{margin:28px 0 14px;font-size:12px;color:var(--c-green);text-align:left}.review__empty{margin:0;font-size:10px;color:#7d8a96;text-align:left}.review{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;text-align:left;-webkit-user-select:text;user-select:text}.review__item{padding:14px 16px;background:#121a22;box-shadow:inset 4px 0 #ff5d6c}.review__item[data-result=good]{box-shadow:inset 4px 0 0 var(--c-lime)}.review__meta{margin:0;font-size:8px;line-height:1.6;color:#7d8a96}.review__prompt,.review__opts,.review__why,.review__answers{font-family:var(--font-term);font-size:20px;line-height:1.15}.review__prompt{margin:8px 0 0;color:var(--c-ink)}.review__opts{margin:6px 0 0;color:#9aa7b3}.review__code{margin:8px 0 0;padding:8px 10px;overflow-x:auto;font-family:var(--font-term);font-size:18px;color:var(--c-ink);background:#000}.review__answers{display:grid;grid-template-columns:max-content 1fr;gap:2px 14px;margin:10px 0 0}.review__answers dt{font-family:var(--font-pixel);font-size:8px;color:#7d8a96;padding-top:5px}.review__answers dd{margin:0;white-space:pre-wrap;word-break:break-word}.review__answers dd[data-tone=good]{color:var(--c-lime)}.review__answers dd[data-tone=bad]{color:#ff7a6b}.review__answers dd[data-tone=key]{color:var(--c-yellow)}.review__why{margin:10px 0 0;color:#b9c3cc}.fhud__health i{transition:width .36s steps(6)}.fhud__side.is-low .fhud__health i{background:linear-gradient(to bottom,rgb(255 255 255 / .45) 0 4px,transparent 4px),linear-gradient(to bottom,#ff7a6b,#d63a4a)}.fhud__ult{height:10px;margin-top:9px;padding:2px;background:#000;box-shadow:0 0 0 2px #3c4a56,0 0 0 4px #000}.fhud__ult i{display:block;width:0;height:100%;background:var(--c-blue);transition:width .36s steps(6)}.fhud__side--p1 .fhud__ult i{margin-left:auto}.fhud__ult.is-full i{background:var(--c-pink);animation:ult-glow .6s steps(2) infinite}@keyframes ult-glow{50%{background:var(--c-yellow)}}.fhud__row{display:flex;align-items:baseline;gap:10px;margin-top:8px}.fhud__side--p2 .fhud__row{flex-direction:row-reverse}.fhud__row .fhud__name{flex:1;min-width:0;margin:0}.fhud__combo{margin:0;flex:none;font-size:10px;color:var(--c-lime);text-shadow:2px 2px 0 #000}.fhud__timer.is-low{color:#ff5d6c;animation:blink .5s steps(2) infinite}@keyframes blink{50%{opacity:.55}}.game__banner{position:absolute;left:50%;top:calc(var(--stage-h) * .3);transform:translate(-50%);width:min(560px,90%);text-align:center;pointer-events:none;visibility:hidden}.game__banner.is-on{visibility:visible;animation:pop .16s steps(4)}.game__banner p{margin:0 0 10px;font-size:16px;line-height:1.4;color:var(--c-ink);text-shadow:3px 3px 0 #000,-2px -2px 0 #000}.game__banner[data-tone=good] p{color:var(--c-lime)}.game__banner[data-tone=bad] p{color:#ff7a6b}.game__banner[data-tone=ult] p{color:var(--c-pink);font-size:22px}.q{display:flex;flex-direction:column;gap:8px}.q__meta{margin:0;line-height:1.6;font-size:8px;color:#7d8a96;letter-spacing:1px}.q__prompt{margin:0;font-family:var(--font-term);font-size:22px;line-height:1.1;color:var(--c-ink);-webkit-user-select:text;user-select:text}.q__tip{margin:0;line-height:1.6;font-size:8px;color:var(--c-green)}.q__form{display:flex;gap:8px}.q__input,.code-edit{border:0;font-family:var(--font-term);color:var(--c-ink);caret-color:var(--c-lime);background:#000;-webkit-user-select:text;user-select:text;box-shadow:0 0 0 3px #1b2630}.q__input{flex:1;min-width:0;height:40px;padding:0 12px;font-size:22px}.q__input:focus,.code-edit:focus{outline:none;box-shadow:0 0 0 3px var(--c-lime)}.q__send,.q__opt,.code__line{border:0;cursor:pointer;font:inherit;color:inherit}.q__send{flex:none;line-height:1.4;align-self:flex-start;min-height:40px;padding:0 14px;font-size:10px;color:#000;background:var(--c-lime);box-shadow:0 4px 0 var(--c-green)}.q__send:hover:not(:disabled),.q__send:focus-visible{outline:none;filter:brightness(1.1);transform:translateY(-1px)}.q__options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.q__opt{padding:8px 10px;text-align:left;font-family:var(--font-term);font-size:20px;background:#121a22;box-shadow:0 0 0 3px #1b2630}.q__opt:hover:not(:disabled),.q__opt:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-lime)}.q__opt.is-picked{box-shadow:0 0 0 3px var(--c-yellow)}.q :disabled{cursor:default;opacity:.5}.q__opt.is-picked:disabled{opacity:1}.q__hint{margin:0;min-height:0;font-size:10px;color:var(--c-blue);opacity:0;transition:opacity .4s steps(4)}.q__hint.is-on{opacity:1;transition:none}.q__status{margin:0;font-size:10px;color:var(--c-yellow)}.q__status:empty{display:none}.q__status[data-tone=good]{color:var(--c-lime)}.q__status[data-tone=bad]{color:#ff7a6b}.code{margin:0;padding:0;list-style:none;font-family:var(--font-term);font-size:20px;line-height:1.15;-webkit-user-select:text;user-select:text}.code__line{display:flex;gap:12px;width:100%;text-align:left}.code__line{padding:1px 4px;background:none}.code__line:hover:not(:disabled),.code__line:focus-visible{outline:none;background:#b8f02c1f}.code__line.is-picked{background:#f2ee6a33;box-shadow:inset 3px 0 0 var(--c-yellow)}.code__row:not(:has(.code__line)){display:flex;gap:12px;padding:1px 4px}.code__n{flex:none;min-width:2ch;text-align:right;color:#4d5d6b}.code__text{font:inherit;white-space:pre;color:var(--c-ink)}.code__none{margin:0;line-height:1.6;font-size:9px;color:#4d5d6b}.pane__body.is-edit{padding:18px 10px 10px}.code-edit{display:block;width:100%;height:100%;min-height:80px;padding:8px 10px;resize:none;font-size:20px;line-height:1.15;white-space:pre;-moz-tab-size:4;tab-size:4}@media(max-width:860px){.fhud{left:64px;right:12px;gap:8px;top:12px}.game__quit{top:12px;left:12px}.fhud__portrait{display:none}.fhud__name{font-size:10px}.fhud__health{height:18px}.fhud__timer{min-width:0;font-size:12px;padding:8px 6px}.fighter{--x: 26cqw}.desk{left:12px;right:12px;bottom:12px;gap:12px;height:calc(30cqh - 12px)}}@media(orientation:portrait)and (max-width:700px){.game{--stage-h: 40cqh;--hud-h: 64px}.desk{top:calc(var(--stage-h) + 14px);height:auto;display:flex;flex-direction:column;gap:22px}.pane{flex:1 1 0}.pane.is-empty{display:none}.pane__body{padding:18px 12px 12px}.q__prompt{font-size:21px}}@media(orientation:landscape)and (max-height:500px){.game{--stage-h: 52cqh;--hud-h: 52px}.fhud,.game__quit{top:8px}.fhud__health{height:14px}.fhud__ult{margin-top:6px;height:8px}.fhud__row{margin-top:5px}.fhud__timer{padding:6px}.desk{top:calc(var(--stage-h) + 12px);bottom:8px;height:auto}.pane__body{padding:16px 12px 10px}.q{gap:6px}.q__prompt{font-size:19px}.q__input,.q__send{height:34px;min-height:34px}.q__opt{padding:4px 8px;font-size:18px}.game__banner p{font-size:13px}}@media(max-width:600px){.screen{padding-top:80px}.btn-arrow{width:44px;height:44px;font-size:16px}.select__row{flex-direction:column;align-items:center}.popup__box{aspect-ratio:auto;min-height:min(420px,80vh)}.name-field__input{width:min(280px,80vw)}}@media(prefers-reduced-motion:reduce){.home__logo,.select__sprite,.options,.options>*{animation:none}.screen__binary{display:none}.game.is-live .fhud,.game.is-live .fighter,.game.is-live .desk,.game.is-live .game__quit,.fighter .sprite--pixel{animation:none}}