:root{--font-hand:"Patrick Hand", "Comic Sans MS", "Segoe Print", cursive;--font-sans:"Source Sans 3", "Segoe UI", system-ui, sans-serif;color:#2a241c;font-family:var(--font-sans), "Source Sans 3", sans-serif;background:#e7dcc6}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(90deg,#0000 46px,#d4534a8c 46px 48px,#0000 48px),repeating-linear-gradient(#0000 0 31px,#9eb0cc8c 31px 32px),#f4efe2;min-height:100dvh}a{color:inherit}.sheet{max-width:42rem;margin:0 auto;padding:12vh 1.5rem 4rem 4.5rem}.kicker{letter-spacing:.14em;text-transform:uppercase;color:#8a5a32;margin:0 0 .4rem;font-size:.78rem}h1{font-family:var(--font-hand), "Patrick Hand", cursive;margin:0;font-size:clamp(3.2rem,8vw,5.4rem);font-weight:400;line-height:.9}.pitch{font-family:var(--font-hand), "Patrick Hand", cursive;max-width:28rem;font-size:1.55rem;line-height:1.35}.note{color:#4a433a;max-width:34rem;line-height:1.5}.play-link{font-family:var(--font-hand), "Patrick Hand", cursive;background:#fffaf1;border:2px solid #2a241c;border-radius:999px;margin-top:.5rem;padding:.7rem 1.2rem;font-size:1.6rem;text-decoration:none;display:inline-block;box-shadow:3px 3px #2a241c}.play-link:hover{background:#fff;transform:translate(-1px,-1px)}.play-link:disabled{opacity:.45;cursor:default;transform:none}button.play-link{cursor:pointer;color:inherit}.keys{color:#4a433a;flex-wrap:wrap;gap:.6rem 1.2rem;margin:1.4rem 0 0;padding:0;list-style:none;display:flex}kbd{font-family:var(--font-sans), sans-serif;background:#fff;border:1px solid #2a241c;border-bottom-width:2px;border-radius:4px;padding:.05rem .35rem}.stage{background:#f4efe2;height:100dvh;position:relative;overflow:hidden}.canvas-host{position:absolute;inset:0}.canvas-host canvas{touch-action:none;width:100%;height:100%;display:block}.overlay{pointer-events:none;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.overlay a,.overlay button,.overlay aside,.overlay label,.overlay input{pointer-events:auto}.topbar,.bottombar{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.8rem 1rem 0 3.2rem;display:flex}.bottombar{align-items:flex-end;padding-bottom:.8rem}.back{font-family:var(--font-hand), cursive;font-size:1.2rem;text-decoration:none}.bars{flex-direction:column;gap:.35rem;min-width:min(280px,46vw);margin-right:6.2rem;display:flex}.bar-label{letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;font-size:.78rem;display:flex}.track{background:#fffaf1;border:1.5px solid #2a241c;height:12px;overflow:hidden}.fill{transform-origin:0;background:repeating-linear-gradient(-45deg,#2a241c,#2a241c 4px,#4d463c 4px 8px);width:100%;height:100%}.fill.bag{background:repeating-linear-gradient(-45deg,#d4534a,#d4534a 4px,#e7b2ad 4px 8px)}.hint{color:#5c564c;margin:0;font-size:.95rem}.pads{gap:.5rem;display:flex}.pads button,.text-btn,.tune-toggle{font-family:var(--font-hand), cursive;background:#fffaf1e6;border:1.5px solid #2a241c;border-radius:10px;min-width:3.2rem;min-height:3rem;font-size:1.25rem}.pads button:active,.text-btn:active{background:#efe4cf}.tune{pointer-events:auto;background:#fffaf1f0;border:1.5px solid #2a241c;width:min(280px,100vw - 1.4rem);max-height:calc(100dvh - 1.4rem);padding:.8rem .9rem 1rem;position:absolute;top:.7rem;right:.7rem;overflow:auto;box-shadow:4px 4px #2a241c26}.tune h2{font-family:var(--font-hand), cursive;margin:.2rem 0 .6rem;font-size:1.6rem;font-weight:400}.tune[data-open=false] .tune-body{display:none}.tune[data-open=false]{width:auto;box-shadow:none;background:0 0;border:none;padding:0;overflow:visible}.slider{grid-template-columns:1fr auto;gap:.15rem .5rem;margin-bottom:.45rem;font-size:.82rem;display:grid}.slider input{grid-column:1/-1;width:100%}.tune-actions{gap:.4rem;margin-top:.4rem;display:flex}.boot{font-family:var(--font-hand), cursive;pointer-events:none;place-items:center;font-size:2rem;display:grid;position:absolute;inset:0}@media (max-width:720px){.hint{display:none}.sheet{padding-left:3.4rem}}.notebook{max-width:72rem;margin:0 auto;padding:4vh 1.25rem 3rem 4.4rem}.pencils{flex-wrap:wrap;gap:.45rem;margin:.2rem 0 .9rem;display:flex}.pencil{cursor:pointer;border:2px solid #2a241c;border-radius:50%;width:1.7rem;height:1.7rem;padding:0}.pencil[aria-pressed=true]{outline-offset:3px;outline:2px solid #2a241c}.slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:.4rem 0 1.2rem;display:grid}.slot{aspect-ratio:3/4;background:#fffaf173;border:1.5px dashed #2a241c66;position:relative}.slot canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.slot-label,.slot-hint{font-family:var(--font-hand), "Patrick Hand", cursive;pointer-events:none;position:absolute}.slot-label{color:#8a5a32;font-size:1.2rem;top:.35rem;left:.5rem}.slot-hint{color:#2a241c59;place-items:center;font-size:1.3rem;display:grid;inset:0}.slot-clear{color:#8a5a32;font-family:var(--font-hand), "Patrick Hand", cursive;cursor:pointer;background:0 0;border:none;font-size:1rem}.desk{background:radial-gradient(circle at 50% 40%,#e7d8bf,#c9b89a 72%);place-items:center;min-height:100dvh;padding:1.2rem;display:grid}.a3-wrap{aspect-ratio:420/297;background:#f6f0e2;width:min(96vw,141.414dvh - 3.39394rem);position:relative;box-shadow:inset 0 1px #ffffffb3,0 18px 50px #46321e47}.a3-wrap canvas{width:100%;height:100%;display:block}.luna-strip{pointer-events:none;justify-content:space-between;gap:.8rem;display:flex;position:absolute;top:.55rem;left:7%;right:7%}.luna-card{background:#f6f0e2f0;border:1.5px solid #2a241c;max-width:min(18rem,42%);padding:.35rem .6rem .45rem}.luna-card.theirs{color:#1d4f89;text-align:right;border-color:#1d4f89}.luna-name{font-family:var(--font-hand), "Patrick Hand", cursive;margin:0;font-size:1.25rem;line-height:1.1}.luna-kind,.luna-line,.luna-stats{margin:.1rem 0 0;font-size:.82rem;line-height:1.25}.luna-kind{text-transform:uppercase;letter-spacing:.08em}.verdict{text-align:center;background:#f6f0e2eb;border:2px solid #2a241c;padding:1rem 1.3rem 1.2rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:4px 4px #2a241c26}.verdict p{font-family:var(--font-hand), "Patrick Hand", cursive;margin:0 0 .7rem;font-size:clamp(1.6rem,3vw,2.4rem)}@media (max-width:800px){.notebook{padding-left:3.2rem}.slots{grid-template-columns:repeat(2,minmax(0,1fr))}}.slot-duel{color:#8a5a32;font-family:var(--font-hand), "Patrick Hand", cursive;cursor:pointer;background:#fffaf0;border:1.5px solid #8a5a32;border-radius:999px;padding:0 .6rem;font-size:1rem;position:absolute;bottom:.3rem;right:.3rem}.reading{font-family:var(--font-hand), "Patrick Hand", cursive;color:#8a5a32;pointer-events:none;text-align:center;width:max-content;max-width:min(80vw,1100px);margin:0;font-size:1.1rem;position:absolute;top:8.6rem;left:50%;transform:translate(-50%)}.luna-compact{opacity:.72}.luna-compact .luna-name{font-size:1.05rem}.luna-active .luna-name{text-underline-offset:3px;text-decoration:underline}.banner{text-align:center;pointer-events:none;z-index:3;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.banner[data-kind=ko],.banner[data-kind=match]{pointer-events:auto;cursor:pointer}.banner p{font-family:var(--font-hand), "Patrick Hand", cursive;margin:0}.banner-text{color:#c23b32;text-shadow:3px 3px #2a241c1f;font-size:clamp(2.4rem,8vw,6rem);line-height:1}.banner[data-kind=count] .banner-text{color:#2a241c;font-size:clamp(4rem,14vw,9rem)}.banner[data-kind=ko] .banner-text,.banner[data-kind=match] .banner-text{font-size:clamp(1.8rem,5vw,3.6rem)}.banner-sub{color:#5c564c;font-size:clamp(1.1rem,2.4vw,1.6rem);margin-top:.3rem!important}.banner[data-kind=""]{display:none}.round-row{color:#5c564c;justify-content:space-between;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.levels{gap:.25rem;display:inline-flex}.levels button{background:#fffaf1e6;border:1.2px solid #2a241c;border-radius:7px;padding:.05rem .45rem;font-size:.85rem}.levels button[aria-pressed=true]{color:#f6f0e2;background:#2a241c}.banner[data-kind=ko],.banner[data-kind=match]{background:#f6f0e2eb;border:2px solid #2a241c;padding:.5rem 1.2rem .7rem;top:24.5%;box-shadow:4px 4px #2a241c26}:is(.stage:has(.banner[data-kind=ko]) .reading,.stage:has(.banner[data-kind=match]) .reading){opacity:0}.fighter-card{z-index:2;pointer-events:auto;width:min(300px,42vw);font-size:.85rem;position:absolute;top:2.9rem;left:3.2rem}.card-toggle{font-family:var(--font-hand), cursive;cursor:pointer;background:#fffaf1e6;border:1.5px solid #2a241c;border-radius:8px;padding:.1rem .6rem;font-size:1rem}.card-body{background:#fffaf1f0;border:1.5px solid #2a241c;margin-top:.35rem;padding:.55rem .7rem .6rem;box-shadow:4px 4px #2a241c26}.fighter-card[data-pinned=auto][data-auto=false] .card-body,.fighter-card[data-pinned=false] .card-body{display:none}.card-title{font-family:var(--font-hand), cursive;margin:0 0 .35rem;font-size:1.2rem}.stat-row{grid-template-columns:5.2rem 1fr 3.2rem;align-items:center;gap:.4rem;margin:.12rem 0;display:grid}.stat-track{background:#fffaf1;border:1px solid #2a241c;height:8px}.stat-fill{background:repeating-linear-gradient(-45deg,#2a241c,#2a241c 3px,#6b6357 3px 6px);height:100%;display:block}.stat-num{text-align:right;font-variant-numeric:tabular-nums}.card-why{color:#4d463c;margin:.45rem 0 .3rem;padding-left:1.1rem}.card-why li{margin:.1rem 0}.card-rival{color:#1d4f89;margin:.3rem 0 0;font-size:.78rem}.slot-wrap{flex-direction:column;gap:.25rem;min-width:0;display:flex}.slot-stats{color:#5c564c;flex-direction:column;margin:0;font-size:.8rem;line-height:1.25;display:flex}.slot-why{color:#8a5a32;font-family:var(--font-hand), "Patrick Hand", cursive;font-size:.95rem}.meter{background:#fffaf1;border:1.2px solid #2a241c;height:15px;margin-top:3px;font-size:.72rem;line-height:13px;position:relative;overflow:hidden}.meter-fill{transform-origin:0;background:repeating-linear-gradient(-45deg,#c4962c,#c4962c 3px,#e8d29a 3px 6px);position:absolute;inset:0;transform:scaleX(0)}.meter[data-power=fire] .meter-fill{background:repeating-linear-gradient(-45deg,#e07a2f,#e07a2f 3px,#f3c49b 3px 6px)}.meter[data-power=water] .meter-fill,.meter[data-power=ice] .meter-fill{background:repeating-linear-gradient(-45deg,#3f7fbf,#3f7fbf 3px,#b5cfe8 3px 6px)}.meter[data-power=pumpkin] .meter-fill{background:repeating-linear-gradient(-45deg,#e07a2f,#e07a2f 3px,#2a241c 3px 6px)}.meter[data-power=wings] .meter-fill,.meter[data-power=shield] .meter-fill,.meter[data-power=spikes] .meter-fill,.meter[data-power=bones] .meter-fill,.meter[data-power=quake] .meter-fill,.meter[data-power=leap] .meter-fill{background:repeating-linear-gradient(-45deg,#6b6357,#6b6357 3px,#cfc7b8 3px 6px)}.meter-label{color:#2a241c;white-space:nowrap;padding-left:.3rem;position:relative}.meter[data-state=ready]{box-shadow:0 0 0 2px #c4962c8c}.meter[data-state=ready] .meter-label{font-weight:700}.meter[data-state=none]{opacity:.55}.special-btn{border-color:#c4962c!important}.card-power{color:#8a5a12;margin:.35rem 0 0}.bottombar.two-p{justify-content:space-between;gap:1rem}.player-side{flex-direction:column;gap:.35rem;max-width:48%;display:flex}.player-side.p2{text-align:right;align-items:flex-end}.player-side .pads{flex-wrap:wrap}.player-side .pads button{min-width:2.6rem;min-height:2.6rem;font-size:1.05rem}.player-side.p1 b{color:#2a241c}.player-side.p2 b{color:#1d4f89}.two-p-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.4rem 0 .2rem;font-size:.95rem;display:flex}.two-p-row select{font:inherit;background:#fffaf1;border:1.5px solid #2a241c;border-radius:6px;padding:.05rem .3rem}.fx-buttons{pointer-events:auto;z-index:3;gap:.35rem;display:flex;position:absolute;top:2.9rem;left:9.2rem}.fx-buttons button{font-family:var(--font-hand), cursive;background:#fffaf1eb;border:1.5px solid #2a241c;border-radius:8px;padding:.05rem .5rem;font-size:.95rem}.fx-buttons button[data-testid=save-clip]{color:#c23b32;border-color:#c23b32}.fx-buttons button:disabled{opacity:.7}.stage[data-replay=on] .banner,.stage[data-replay=on] .reading,.stage[data-replay=on] .fighter-card{opacity:0}.fx-buttons{flex-wrap:wrap;max-width:calc(100vw - 30rem)}.fx-buttons button[data-testid=renderer-toggle],.fx-buttons button[data-testid=physics-toggle]{color:#1d4f89;border-color:#1d4f89}.online .lobby{z-index:4;width:min(36rem,92vw);height:fit-content;font-family:var(--font-hand), "Patrick Hand", cursive;background:#fffaf1f5;border:2px solid #2a241c;border-radius:14px;margin:auto;padding:1.2rem 1.4rem;position:absolute;inset:0;box-shadow:4px 5px #2a241c26}.online .lobby h1{margin:0 0 .4rem;font-size:2.2rem}.lobby-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.8rem 0;display:flex}.lobby-actions input{font:inherit;letter-spacing:.15em;text-transform:uppercase;border:1.5px solid #2a241c;border-radius:8px;width:7.5rem;padding:.15rem .4rem;font-size:1.3rem}.lobby button{font:inherit;cursor:pointer;background:#fffaf1;border:1.5px solid #2a241c;border-radius:8px;padding:.15rem .7rem;font-size:1.15rem}.lobby .big-btn{color:#fffaf1;background:#c23b32;border-color:#c23b32;font-size:1.4rem}.lobby-room b[data-testid=room-code]{letter-spacing:.18em;color:#c23b32;font-size:2rem}.lobby .share code{word-break:break-all;background:#f1e9d6;border-radius:4px;padding:.05rem .3rem;font-size:.95rem}.lobby .seats{padding:0;font-size:1.2rem;list-style:none}.lobby .seats li[data-filled=false]{color:#8a8273}.lobby-error{color:#c23b32}.lobby-foot{margin-bottom:0;font-size:1rem}.peer-note{z-index:5;color:#c23b32;font-family:var(--font-hand), cursive;background:#fffaf1;border:2px solid #c23b32;border-radius:10px;margin:0;padding:.4rem .9rem;font-size:1.3rem;position:absolute;top:42%;left:50%;transform:translate(-50%)}.net-hud{color:#1d4f89;font-family:ui-monospace,monospace;font-size:.78rem}.net-hud[data-sync=bad]{color:#c23b32;font-weight:700}.online .overlay[hidden]{display:none}.rival-pick h2{font-family:var(--font-hand), "Patrick Hand", cursive;margin:.2rem 0 .5rem;font-size:1.6rem;font-weight:400}.rival-grid{grid-template-columns:repeat(auto-fill,minmax(7.4rem,1fr));gap:.55rem;max-width:60rem;display:grid}.rival-card{font:inherit;color:#2a241c;cursor:pointer;touch-action:manipulation;background:#fffaf1b3;border:1.5px solid #2a241c59;border-radius:10px;flex-direction:column;align-items:center;gap:.1rem;min-height:44px;padding:.35rem .3rem .45rem;display:flex}.rival-thumb{width:4.6rem;height:6.1rem;display:block}.rival-q{width:4.6rem;height:6.1rem;font-family:var(--font-hand), "Patrick Hand", cursive;color:#8a5a32;place-items:center;font-size:3rem;display:grid}.rival-name{font-family:var(--font-hand), "Patrick Hand", cursive;font-size:1.15rem;line-height:1.1}.rival-blurb{color:#6b6458;text-align:center;font-size:.72rem;line-height:1.15}.card-quality .card-qline{color:#6b6458;margin:.1rem 0 .3rem;font-size:.74rem;line-height:1.2}@media (max-width:640px){.notebook{padding:2.5vh .8rem 2rem 1.6rem}.rival-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.rival-thumb,.rival-q{width:3.6rem;height:4.8rem}.rival-blurb{display:none}}html,body{overscroll-behavior:none}.stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.slot canvas,.tp-stick,.tp-btn{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bottombar{flex-wrap:wrap}.touchpad{pointer-events:none;flex:100%;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.touchpad>*{pointer-events:auto}.tp-stick{--s:7rem;width:var(--s);height:var(--s);background:#fffaf18c;border:2px dashed #2a241c8c;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.tp-knob{pointer-events:none;background:#2a241cd1;border-radius:50%;width:44%;height:44%;transition:transform 60ms linear;box-shadow:0 2px #0003}.tp-buttons{grid-template-columns:repeat(3,auto);justify-content:end;align-items:end;gap:.45rem;display:grid}.tp-btn{--b:3.4rem;min-width:var(--b);height:var(--b);font-family:var(--font-hand), cursive;color:#2a241c;background:#fffaf1eb;border:2px solid #2a241c;border-radius:999px;padding:0 .6rem;font-size:1.2rem;line-height:1}.tp-btn:active,.tp-btn[data-on=true]{background:#efe4cf;transform:translateY(1px)}.tp-punch,.tp-kick{--b:4rem;background:#fffaf1;font-size:1.35rem}.tp-punch{color:#c23b32;border-color:#c23b32}.tp-kick{color:#1d4f89;border-color:#1d4f89}.tp-special{color:#8a6a1c;border-color:#c4962c}.bottombar.two-p .touchpad{flex:1 1 0}.bottombar.two-p .tp-p2{flex-direction:row-reverse}.bottombar.two-p .tp-p2 .tp-buttons{justify-content:start}.bottombar.two-p .player-side{flex-direction:column;flex:1 1 0;gap:.3rem;min-width:0;display:flex}@media (pointer:fine){.tp-stick{--s:5.2rem}.tp-btn{--b:2.9rem;font-size:1.05rem}.tp-punch,.tp-kick{--b:3.2rem}}@media (pointer:coarse){.bottombar .hint kbd,.bottombar .hint{font-size:.75rem}.tp-stick{--s:clamp(4.4rem, 17vmin, 6.2rem);opacity:.85;background:#fffaf166}.tp-buttons{gap:.35rem}.tp-btn{--b:2.75rem;opacity:.88;background:#fffaf1b8;min-width:2.75rem;padding:0 .45rem;font-size:.92rem}.tp-punch,.tp-kick{--b:clamp(2.75rem, 9vmin, 3.1rem);background:#fffaf1cc;font-size:1rem}}@media (pointer:coarse) and (max-aspect-ratio:4/5){.stage .canvas-host{bottom:clamp(7.6rem,19vh,9.5rem)}.bottombar{padding:.4rem .6rem calc(.6rem + env(safe-area-inset-bottom));background:linear-gradient(#0000,#f4efe2f2 22%)}.bottombar.two-p{flex-direction:column;align-items:stretch}}@media (max-width:700px),(max-height:500px){.topbar{gap:.5rem;padding:.4rem .6rem 0 2.2rem}.bars{min-width:min(220px,44vw);margin-right:0}.bottombar{padding-left:.6rem;padding-right:.6rem}.fighter-card[data-pinned=auto] .card-body{display:none}}@media (max-width:700px){.topbar{flex-wrap:wrap;padding-top:2.5rem;padding-left:.6rem}.back{pointer-events:auto;font-size:1rem;position:absolute;top:.45rem;left:.6rem}.bars{flex:100%;min-width:0;margin-right:0}.fx-buttons{scrollbar-width:none;flex-wrap:nowrap;max-width:none;top:.4rem;left:6.4rem;right:5.2rem;overflow-x:auto}.fx-buttons button{white-space:nowrap;flex:none;padding:0 .35rem;font-size:.78rem}.tune{top:.35rem;right:.5rem}.tune-toggle{min-width:0;min-height:1.9rem;padding:0 .5rem;font-size:.95rem}.fighter-card{width:min(300px,84vw);top:10.2rem;left:.6rem}.reading{width:92vw;max-width:92vw;font-size:.9rem;top:12.3rem}}@media (min-width:701px) and (max-width:900px) and (min-height:501px){.fx-buttons{max-width:calc(100vw - 37rem)}}@media (max-height:500px) and (min-width:701px){.fx-buttons{scrollbar-width:none;flex-wrap:nowrap;max-width:calc(100vw - 33rem);top:2.4rem;overflow-x:auto}.fx-buttons button{white-space:nowrap;flex:none;font-size:.8rem}.bars{margin-right:5rem}.tune-toggle{min-width:0;min-height:2rem;padding:0 .5rem;font-size:.95rem}.fighter-card{top:4.4rem}.reading{font-size:.9rem;top:7.6rem}}@media (pointer:coarse) and (min-aspect-ratio:4/3) and (max-height:520px){.stage .canvas-host{bottom:5.5rem}.tp-btn,.tp-stick{opacity:.85}}.menu-toggle{display:none}html[data-fit=phone-landscape] .stage,html[data-fit=phone-portrait] .stage{--hud:1}html[data-fit^=phone] .menu-toggle{z-index:5;pointer-events:auto;background:#fffaf1eb;border:1.5px solid #2a241c;border-radius:8px;place-items:center;width:2.4rem;height:2.1rem;font-size:1.15rem;line-height:1;display:inline-grid;position:absolute}html[data-fit^=phone] .stage[data-menu=closed] .fx-buttons,html[data-fit^=phone] .stage[data-menu=closed] .tune,html[data-fit^=phone] .stage[data-menu=closed] .reading{display:none}html[data-fit^=phone] .stage[data-menu=open] .fx-buttons{z-index:6;background:#fffaf1f7;border:1.5px solid #2a241c;border-radius:10px;flex-direction:column;align-items:stretch;gap:.35rem;width:11rem;max-width:none;padding:.5rem;display:flex;position:absolute;overflow:visible;box-shadow:3px 3px #2a241c26}html[data-fit^=phone] .stage[data-menu=open] .fx-buttons button{white-space:nowrap;min-height:2.2rem;padding:.2rem .4rem;font-size:.95rem}html[data-fit^=phone] .stage[data-menu=open] .reading{z-index:6;background:#fffaf1f2;border-radius:6px;padding:.2rem .5rem;top:auto;bottom:auto}html[data-fit^=phone] .stage[data-menu=open] .tune{z-index:6}html[data-fit^=phone] .bars{flex-flow:wrap;gap:.15rem .6rem}html[data-fit^=phone] .bars>div:not(.round-row){flex:1 1 0;min-width:0}html[data-fit^=phone] .bar-label{font-size:.68rem}html[data-fit^=phone] .track{height:.55rem}html[data-fit^=phone] .meter[data-state=none]{display:none}html[data-fit^=phone] .meter{height:.95rem;margin-top:.15rem;font-size:.62rem}html[data-fit^=phone] .round-row{flex:100%;align-items:center;gap:.3rem;font-size:.72rem}html[data-fit^=phone] .round-row .levels button{padding:0 .35rem;font-size:.72rem}html[data-fit^=phone] .card-toggle{padding:0 .4rem;font-size:.82rem}html[data-fit^=phone] .banner-text{font-size:clamp(2rem,9vmin,3.4rem)}html[data-fit=phone-landscape] .stage .canvas-host{bottom:0}html[data-fit=phone-landscape] .topbar{flex-wrap:nowrap;align-items:center;gap:.5rem;padding:.3rem .6rem 0 3.4rem}html[data-fit=phone-landscape] .back{white-space:nowrap;font-size:.85rem;position:static}html[data-fit=phone-landscape] .menu-toggle{top:.3rem;left:.5rem}html[data-fit=phone-landscape] .stage[data-menu=open] .fx-buttons{top:2.7rem;left:.5rem}html[data-fit=phone-landscape] .stage[data-menu=open] .reading{width:auto;max-width:calc(100vw - 14rem);top:2.7rem;left:13rem;transform:none}html[data-fit=phone-landscape] .stage[data-menu=open] .tune{top:2.7rem;right:.5rem}html[data-fit=phone-landscape] .bars{flex:auto;min-width:0;margin-right:0}html[data-fit=phone-landscape] .round-row{flex:none}html[data-fit=phone-landscape] .bars{flex-wrap:nowrap;align-items:center}html[data-fit=phone-landscape] .fighter-card{width:min(270px,40vw);top:2.6rem;left:auto;right:.6rem}html[data-fit=phone-landscape] .fighter-card .card-toggle{float:right}html[data-fit=phone-landscape] .bottombar{padding:0 .6rem calc(.4rem + env(safe-area-inset-bottom))}html[data-fit=phone-landscape] .tp-stick{--s:4.2rem;opacity:.8}html[data-fit=phone-landscape] .tp-buttons{grid-template-columns:repeat(6,auto);gap:.3rem}html[data-fit=phone-landscape] .tp-btn{--b:2.75rem;opacity:.82;padding:0 .4rem;font-size:.78rem}html[data-fit=phone-landscape] .tp-punch,html[data-fit=phone-landscape] .tp-kick{--b:2.9rem;font-size:.88rem}html[data-fit=phone-landscape] .bottombar.two-p .tp-buttons{grid-template-columns:repeat(3,auto)}html[data-fit=phone-portrait] .menu-toggle{top:.35rem;right:.5rem}html[data-fit=phone-portrait] .stage[data-menu=open] .fx-buttons{top:2.8rem;left:auto;right:.5rem}html[data-fit=phone-portrait] .stage[data-menu=open] .reading{top:auto;bottom:calc(clamp(7.6rem,19vh,9.5rem) + .5rem);left:50%}html[data-fit=phone-portrait] .stage[data-menu=open] .tune{width:min(220px,100vw - 13rem);top:2.8rem;right:12rem}html[data-fit=phone-portrait] .fighter-card{top:5.6rem}html[data-fit=phone-portrait] .stage:has(.bars .meter:not([data-state=none])) .fighter-card{top:6.85rem}html[data-fit=phone-portrait] .stage .canvas-host{top:4.5rem}.menu-back{display:none}html[data-fit=phone-landscape] body{background:linear-gradient(90deg,#0000 57px,#d4534a8c 57px 59px,#0000 59px),repeating-linear-gradient(#0000 0 31px,#9eb0cc8c 31px 32px),#f4efe2}html[data-fit=phone-landscape] .topbar{padding-left:calc(72px + env(safe-area-inset-left));gap:1rem}html[data-fit=phone-landscape] .topbar:has(.menu-toggle) .back{display:none}html[data-fit=phone-landscape] .stage[data-menu=open] .fx-buttons .menu-back{font-family:var(--font-hand), cursive;background:#fffaf1eb;border:1.5px solid #2a241c;border-radius:8px;justify-content:center;align-items:center;min-height:2.2rem;padding:.2rem .4rem;font-size:.95rem;text-decoration:none;display:flex}html[data-fit=phone-landscape] .menu-toggle{left:calc(.5rem + env(safe-area-inset-left))}html[data-fit=phone-landscape] .bars{column-gap:1rem}html[data-input=keys] .touchpad,html[data-input=touch] .player-side .hint,html[data-input=touch] .keys-legend{display:none!important}html[data-input=touch] .bottombar>.hint:not(:has(.net-hud)){display:none!important}.sketch-backdrop{z-index:60;touch-action:none;overscroll-behavior:contain;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#2a241c73;place-items:stretch stretch;display:grid;position:fixed;inset:0}.sketch{background:#f6f0e2;border:2px solid #2a241c;border-radius:14px;flex-direction:column;gap:.5rem;min-width:0;min-height:0;margin:.6rem;padding:.6rem;display:flex;box-shadow:4px 6px #2a241c33}.sketch-tools{flex-wrap:wrap;flex:none;align-items:center;gap:.4rem .8rem;display:flex}.sketch-head{align-items:center;display:flex}.sketch-title{font-family:var(--font-hand), "Patrick Hand", cursive;color:#2a241c;white-space:nowrap;font-size:1.35rem}.sketch-group{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.sketch-end{margin-left:auto}.sketch .pencil{touch-action:manipulation;width:2rem;height:2rem}.sketch-brush{cursor:pointer;touch-action:manipulation;background:#fffaf1;border:1.5px solid #2a241c73;border-radius:8px;place-items:center;width:2.2rem;height:2.2rem;padding:0;display:grid}.sketch-brush span{border:1px solid #2a241c80;border-radius:50%;display:block}.sketch-brush[aria-pressed=true]{border-color:#2a241c;box-shadow:inset 0 0 0 2px #2a241c}.sketch-btn{cursor:pointer;touch-action:manipulation;min-height:2.2rem;font-family:var(--font-hand), "Patrick Hand", cursive;color:#2a241c;background:#fffaf1;border:1.5px solid #2a241c;border-radius:8px;padding:0 .6rem;font-size:1.1rem}.sketch-btn[aria-pressed=true]{color:#fffaf1;background:#2a241c}.sketch-btn:disabled{opacity:.4;cursor:default}.sketch-done{color:#fffaf1;background:#c23b32;border-color:#c23b32;font-size:1.2rem}.sketch button:focus-visible{outline-offset:2px;outline:2px solid #1d4f89}.sketch-stage{flex:auto;place-items:center;min-width:0;min-height:0;display:grid}.sketch-page{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#fffaf1;background-image:repeating-linear-gradient(#0000 0 calc(2rem - 1px),#466eaa2e calc(2rem - 1px) 2rem);border:1.5px dashed #2a241c73;position:relative}.sketch-page canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.sketch-page[data-tool=eraser] canvas{cursor:none}.sketch-page .slot-hint{font-size:2rem}.sketch-cursor{pointer-events:none;opacity:0;background:#fffaf18c;border:1.5px solid #2a241c;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #fffc}@media (min-aspect-ratio:1){.sketch{flex-direction:row}.sketch-tools{flex-flow:column;align-items:stretch;width:12.5rem;overflow-y:auto}.sketch-end{margin-top:auto;margin-left:0}.sketch-end .sketch-btn{flex:1}}@media (min-aspect-ratio:1) and (max-height:520px){.sketch{gap:.35rem;margin:.25rem;padding:.35rem}.sketch-tools{gap:.3rem;width:13.5rem}.sketch-title{font-size:1.05rem}.sketch .pencil{width:1.75rem;height:1.75rem}.sketch-brush,.sketch-btn{height:auto;min-height:2rem}.sketch-brush{width:2rem;height:2rem}.sketch-btn{padding:0 .4rem;font-size:.95rem}}@media (max-aspect-ratio:1) and (max-width:640px){.sketch{gap:.4rem;margin:.3rem;padding:.45rem}.sketch-tools{gap:.35rem .5rem}.sketch-head{flex:100%}.sketch-end{flex:100%;justify-content:flex-end;margin-left:0}.sketch-btn{padding:0 .45rem;font-size:1rem}}.lobby .room-line{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lobby .copy-btn{touch-action:manipulation;min-height:2.2rem;font-size:1.05rem}.lobby .copy-btn[data-testid=copy-code]{color:#c23b32;border-color:#c23b32}.lobby .copy-note{color:#2f7d4a;font-size:.95rem}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.8rem 1.5rem;display:flex}.home-title{min-width:0}.home-nav{flex-direction:column;align-items:flex-end;gap:.3rem;margin-bottom:.2rem;display:flex}.home-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem .6rem;display:flex}.home-actions .play-link{touch-action:manipulation;min-height:44px;margin:0;padding:.45rem .95rem;font-size:1.3rem}.home-actions .play-link.alt{color:#1d4f89;background:#fffaf1;border-color:#1d4f89;box-shadow:3px 3px #1d4f89}.home-actions .play-link.room{color:#fffaf1;background:#c23b32;border-color:#c23b32;box-shadow:3px 3px #2a241c}.join-link{font-family:var(--font-hand), cursive;color:#8a5a32;font-size:1rem}.pitch{margin:.6rem 0 .7rem}.draw-first{z-index:40;left:50%;bottom:calc(.8rem + env(safe-area-inset-bottom));color:#2a241c;width:min(40rem,100vw - 1.2rem);font-family:var(--font-hand), cursive;background:#fffaf1;border:2px solid #c23b32;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0;padding:.5rem .6rem .5rem .9rem;font-size:1.25rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:3px 3px #c23b3240}.draw-first>span{flex:14rem}.draw-first .play-link{margin:0;padding:.3rem .8rem;font-size:1.2rem}.draw-first .text-btn{min-height:2.4rem;padding:0 .6rem}.draw-first-x{cursor:pointer;background:0 0;border:none;min-width:2.2rem;min-height:2.2rem;font-size:1.1rem}.home-slots{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;max-width:60rem}.slot-wrap{position:relative}.slot-wrap.sel-p1 .slot{background:#fffaf1b3;border:2px solid #2a241c}.slot-wrap.sel-p2:not(.sel-p1) .slot{border:2px solid #1d4f89}.slot-wrap.needs-ink .slot{border:2.5px solid #c23b32;animation:1.1s ease-in-out infinite alternate needs-ink}@keyframes needs-ink{0%{box-shadow:0 0 #c23b3273}to{box-shadow:0 0 0 7px #c23b3214}}@media (prefers-reduced-motion:reduce){.slot-wrap.needs-ink .slot{animation:none;box-shadow:0 0 0 4px #c23b324d}}.slot-badges{pointer-events:none;gap:.2rem;display:flex;position:absolute;top:.35rem;left:1.7rem}.slot-badge{color:#f6f0e2;background:#2a241c;border-radius:5px;padding:0 .3rem;font-size:.75rem;line-height:1.35}.slot-badge.p2{background:#1d4f89}.slot-tools{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-items:center;gap:3px;display:flex;position:absolute;top:3px;right:3px}.slot-tools button{touch-action:none;cursor:pointer;color:#8a5a32;min-width:1.65rem;height:1.65rem;line-height:1;font-family:var(--font-hand), "Patrick Hand", cursive;background:#fffaf0eb;border:1.2px solid #8a5a32bf;border-radius:999px;padding:0 .35rem;font-size:.95rem}.slot-tools .slot-expand{width:1.65rem;padding:0;font-size:1.05rem}.slot-tools button:disabled{opacity:.45;cursor:default}.slot-tools button:hover:not(:disabled),.slot-tools button:focus-visible{background:#fffaf0;box-shadow:0 0 0 2px #8a5a3240}@media (pointer:coarse){.slot-tools button{min-width:1.85rem;height:1.85rem}.slot-tools .slot-expand{width:1.85rem}}.slot-foot{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.slot-foot button{cursor:pointer;touch-action:manipulation;min-height:2rem;font-family:var(--font-hand), "Patrick Hand", cursive;color:#2a241c;background:#fffaf1d9;border:1.3px solid #2a241c73;border-radius:999px;padding:0 .5rem;font-size:.98rem}.slot-pick.p1[aria-pressed=true]{color:#fffaf1;background:#2a241c;border-color:#2a241c}.slot-pick.p2{color:#1d4f89;border-color:#1d4f8980}.slot-pick.p2[aria-pressed=true]{color:#fffaf1;background:#1d4f89;border-color:#1d4f89}.slot-del{margin-left:auto}.slot-del[data-sure=true]{color:#fffaf1!important;background:#c23b32!important;border-color:#c23b32!important}@media (pointer:coarse){.slot-foot button{min-height:2.4rem}}.slot-add{aspect-ratio:3/4;cursor:pointer;color:#8a5a32;width:100%;font-family:var(--font-hand), "Patrick Hand", cursive;touch-action:manipulation;background:#fffaf159;border:2px dashed #2a241c73;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;display:flex}.slot-add:hover,.slot-add:focus-visible{background:#fffaf1cc;border-color:#8a5a32}.slot-add-plus{font-size:clamp(3.5rem,9vw,6rem);line-height:.9}.slot-add-text{font-size:1.2rem}.slot-full{font-family:var(--font-hand), cursive;color:#8a5a32;align-self:center}.rival-pick-note{color:#6b6458;margin:-.3rem 0 .5rem;font-size:.9rem}.dlg-backdrop{z-index:50;overscroll-behavior:contain;padding:max(.6rem, env(safe-area-inset-top)) max(.6rem, env(safe-area-inset-right)) max(.6rem, env(safe-area-inset-bottom)) max(.6rem, env(safe-area-inset-left));background:#2a241c73;place-items:center;display:grid;position:fixed;inset:0}.dlg{background:#f6f0e2;border:2px solid #2a241c;border-radius:14px;width:min(54rem,100%);max-height:100%;padding:1rem 1.1rem .9rem;position:relative;overflow:auto;box-shadow:4px 6px #2a241c33}.dlg-x{cursor:pointer;background:#fffaf1;border:1.5px solid #2a241c;border-radius:50%;width:2.4rem;height:2.4rem;font-size:1.05rem;position:absolute;top:.45rem;right:.5rem}.dlg-title{font-family:var(--font-hand), "Patrick Hand", cursive;margin:0 2.6rem .4rem 0;font-size:2rem;font-weight:400;line-height:1}.dlg-actions{background:#f6f0e2;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.8rem;padding:.5rem 0 .4rem;display:flex;position:sticky;bottom:-.9rem}.dlg-actions .play-link{margin:0;padding:.45rem 1rem;font-size:1.3rem}.dlg-actions .text-btn{padding:0 .8rem}.dlg button:focus-visible{outline-offset:2px;outline:2px solid #1d4f89}.lvl-pick{gap:.25rem;display:inline-flex}.lvl-pick button{font-family:var(--font-hand), cursive;cursor:pointer;background:#fffaf1;border:1.5px solid #2a241c;border-radius:8px;min-height:2.4rem;padding:0 .8rem;font-size:1.1rem}.lvl-pick button[aria-pressed=true]{color:#fffaf1;background:#2a241c}.picker-top{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-bottom:.6rem;display:flex}.picker-note{color:#6b6458;font-size:.85rem}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem;display:grid}.pick-cell{display:flex;position:relative}.pick-card{min-height:44px;font:inherit;color:#2a241c;cursor:pointer;touch-action:manipulation;background:#fffaf1cc;border:1.5px solid #2a241c59;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:.1rem;padding:.4rem .35rem .5rem;display:flex}.pick-card[aria-checked=true]{background:#fffaf1;border-color:#c23b32;box-shadow:inset 0 0 0 2px #c23b32}.pick-tier{color:#8a5a32;text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:.74rem}.pick-stats{color:#4d463c;text-align:center;font-size:.74rem;line-height:1.2}.pick-special{color:#8a6a1c;font-size:.78rem}.pick-info{color:#1d4f89;cursor:pointer;touch-action:manipulation;background:#fffaf1;border:1.3px solid #1d4f89;border-radius:50%;width:1.9rem;height:1.9rem;font-family:Georgia,serif;font-style:italic;font-weight:700;position:absolute;top:.3rem;right:.3rem}.char-card{width:min(40rem,100%)}.cc-head{align-items:flex-start;gap:1rem;display:flex}.cc-thumb{background:#fffaf1;border:1.5px dashed #2a241c66;flex:none;width:7.5rem;height:10rem}.cc-who{min-width:0}.cc-kind{color:#8a5a32;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .3rem;font-size:.8rem}.cc-about{font-family:var(--font-hand), cursive;margin:0 0 .5rem;font-size:1.2rem;line-height:1.25}.cc-stats{margin-top:.7rem}.cc-stats .stat-row{grid-template-columns:4.6rem 1fr 5.6rem}.cc-note{color:#6b6458;margin:.3rem 0 0;font-size:.75rem;line-height:1.3}.cc-block h3{font-family:var(--font-hand), cursive;margin:.7rem 0 .2rem;font-size:1.3rem;font-weight:400}.cc-block p{margin:.1rem 0}.cc-moves,.cc-abilities{margin:0;padding-left:1.1rem;font-size:.9rem}.cc-moves span:first-child{color:#6b6458}.cc-dmg{color:#c23b32;font-size:.82rem}.home-nav{margin-left:auto}@media (max-width:640px){.home-head{flex-direction:column;align-items:stretch;gap:.5rem}.home-nav{align-items:stretch}.join-link{text-align:right}.home-actions{flex-wrap:nowrap;justify-content:stretch;gap:.35rem}.home-actions .play-link{text-align:center;flex:1 1 0;padding:.35rem .3rem;font-size:1rem;line-height:1.05;box-shadow:2px 2px #2a241c}.home-actions .play-link.alt{box-shadow:2px 2px #1d4f89}.home-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.slot-foot button{padding:0 .35rem;font-size:.88rem}.pitch{font-size:1.15rem}.draw-first{font-size:1.05rem}.dlg{padding:.8rem .7rem .7rem}.dlg-title{font-size:1.6rem}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.pick-card .rival-thumb,.pick-card .rival-q{width:3.4rem;height:4.5rem}.dlg-actions .play-link{flex:auto;font-size:1.05rem}.cc-thumb{width:5.2rem;height:6.9rem}.cc-about{font-size:1.05rem}}@media (max-height:500px) and (min-width:641px){.home-slots{grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(225dvh - 8.125rem)}.home-head h1{font-size:2.6rem}.pitch{margin:.3rem 0;font-size:1.1rem}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}}.ask-box{background:#fffaf1;border:2px solid #1d4f89;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.8rem;margin:.6rem 0;padding:.6rem .7rem;display:flex}.ask-thumb{background:#fffaf1;border:1.2px dashed #2a241c66;flex:none;width:4.8rem;height:6.4rem}.ask-text{flex:12rem;margin:0;font-size:1.25rem;line-height:1.2}.ask-buttons{gap:.5rem;display:flex}.lobby .accept-btn{color:#fffaf1;background:#2f7d4a;border-color:#2f7d4a;min-height:2.6rem;padding:0 1rem;font-size:1.3rem}.lobby .decline-btn{min-height:2.6rem;font-size:1.15rem}.waiting-accept{color:#1d4f89;font-size:1.3rem}.lobby .draw-first-online{background:#fffaf1;border:2px solid #c23b32;border-radius:12px;padding:.5rem .7rem}.lobby .draw-first-online button{color:#fffaf1;background:#c23b32;border-color:#c23b32;margin-top:.3rem;font-size:1.3rem}.lobby-mine{align-items:center;gap:.6rem;display:flex}.mine-thumb{background:#fffaf1;border:1px dashed #2a241c59;flex:none;width:2.6rem;height:3.4rem}@media (max-height:520px){.online .lobby{max-height:calc(100dvh - 1rem);padding:.7rem 1rem;overflow:auto}.online .lobby h1{font-size:1.7rem}}.rotate-btn{display:none}@media (pointer:coarse) and (orientation:portrait) and (max-width:600px){.rotate-btn{z-index:8;pointer-events:auto;touch-action:manipulation;top:calc(.35rem + env(safe-area-inset-top));height:2.1rem;font-family:var(--font-hand), cursive;color:#2a241c;white-space:nowrap;background:#fffaf1f0;border:1.5px solid #2a241c;border-radius:999px;align-items:center;gap:.3rem;padding:0 .7rem;font-size:1rem;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.online .lobby{margin-top:3rem}}.rotate-hint{z-index:9;pointer-events:none;font-family:var(--font-hand), cursive;text-align:center;background:#fffaf1f5;border:2px solid #2a241c;border-radius:12px;max-width:80%;margin:0;padding:.5rem .9rem;font-size:1.3rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait){html[data-rotated="1"],html[data-rotated="1"] body{height:100%;overflow:hidden}html[data-rotated="1"] .stage{transform-origin:0 0;width:100dvh;height:100vw;min-height:0;padding:env(safe-area-inset-left) env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom);position:fixed;top:0;left:0;transform:translate(100vw)rotate(90deg)}html[data-rotated="1"] .stage .canvas-host{top:0;bottom:0}html[data-rotated="1"] .bottombar{background:0 0;flex-direction:row;padding:0 .6rem .4rem}html[data-rotated="1"] .rotate-btn{gap:.2rem;height:1.6rem;padding:0 .5rem;font-size:.82rem;top:2.6rem;left:auto;right:7.2rem;transform:none}html[data-rotated="1"] .online .lobby{margin-top:auto}}.online-busy{background:#fff6d6e6;border:1.5px dashed #c4962c;border-radius:10px;margin:.6rem 0;padding:.7rem .9rem}.online-busy p{margin:0 0 .55rem;font-size:1.15rem}.online-busy-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.online-busy-actions a.big-btn{border:1.5px solid #c23b32;border-radius:8px;align-items:center;min-height:2.2rem;padding:.15rem .7rem;font-size:1.15rem;text-decoration:none;display:inline-flex}.online-busy-actions a.big-btn+a.big-btn{color:#2a241c;background:#fffaf1;border-color:#2a241c}.online-busy-actions button{min-height:2.2rem}.home-slots{-webkit-user-select:none;user-select:none}.nearby .lobby{overscroll-behavior:contain;touch-action:pan-y;max-height:calc(100dvh - 1rem);overflow:auto}.nearby .lobby h1{margin-bottom:.1rem}.nearby-sub{color:#5b5346;margin:0 0 .3rem;font-size:1.1rem}.hotspot-hint{color:#1d4f89;background:#f3f6fb;border:1.5px dashed #1d4f89;border-radius:10px;margin:.4rem 0;padding:.35rem .6rem;font-size:1.15rem}.nearby-actions .big-btn.alt,.lobby .big-btn.alt{color:#fffaf1;background:#1d4f89;border-color:#1d4f89}.nearby-step{flex-direction:column;align-items:flex-start;gap:.45rem;display:flex}.nearby-say{margin:.2rem 0 0;font-size:1.15rem}.qr-code{aspect-ratio:1;width:min(19rem,72vw,52dvh);height:auto;image-rendering:pixelated;background:#fff;border:2px solid #2a241c;border-radius:10px;align-self:center}.qr-scanner{aspect-ratio:1;background:#2a241c;border:2px solid #2a241c;border-radius:12px;align-self:center;width:min(19rem,80vw,50dvh);position:relative;overflow:hidden}.qr-scanner video{object-fit:cover;width:100%;height:100%;display:block}.qr-frame{pointer-events:none;border:3px solid #fffaf1e6;border-radius:12px;position:absolute;inset:14%;box-shadow:0 0 0 999px #2a241c40}.qr-scanner-note{text-align:center;background:#fffaf1eb;margin:0;padding:.3rem .5rem;font-size:1rem;position:absolute;bottom:0;left:0;right:0}.qr-scanner[data-state=denied],.qr-scanner[data-state=none]{aspect-ratio:auto;min-height:6rem}.nearby-code,.nearby-paste{flex-wrap:wrap;align-items:center;gap:.35rem;width:100%;font-size:1rem;display:flex}.nearby-code label,.nearby-paste label{color:#5b5346;flex:100%}.nearby-code textarea,.nearby-paste textarea{resize:vertical;word-break:break-all;-webkit-user-select:text;user-select:text;touch-action:auto;background:#fffdf8;border:1.5px solid #2a241c;border-radius:8px;flex:14rem;min-width:0;padding:.3rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.25}.lost-box{background:#fffaf1;border:2px solid #c23b32;border-radius:12px;margin:.6rem 0;padding:.6rem .7rem}.lost-box p{margin:0 0 .5rem;font-size:1.2rem}.lost-box .big-btn{border-radius:8px;padding:.15rem .8rem;text-decoration:none;display:inline-block}.offline-hint{color:#5b5346;flex-wrap:wrap;align-items:center;gap:.2rem .5rem;margin:.3rem 0 0;font-size:.98rem;display:flex}.offline-hint[data-ready=true] .offline-state{color:#2f7d4a}.offline-hint .install-btn{font:inherit;color:#1d4f89;cursor:pointer;background:#fffaf1;border:1.5px solid #1d4f89;border-radius:8px;min-height:2rem;padding:.05rem .6rem;font-size:1rem}.home-offline{margin:.6rem 0 .2rem}.join-link.nearby-link{color:#1d4f89}.home-nearby-sub{color:#5b5346;font-size:.85em}.nearby-link-row{margin:.2rem 0 .6rem;font-size:1.1rem}.nearby-link-row a{color:#1d4f89}.home-links{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.join-link .when-narrow,.slot-pick .when-narrow{display:none}.notebook{padding-top:max(4vh, calc(env(safe-area-inset-top) + .6rem));padding-right:max(1.25rem, calc(env(safe-area-inset-right) + .6rem));padding-bottom:calc(3rem + env(safe-area-inset-bottom));padding-left:max(4.4rem, calc(env(safe-area-inset-left) + 1rem))}.kicker,.slot-badge{font-size:.82rem}.rival-blurb{font-size:.84rem}.slot-tools button{position:relative}.slot-tools button:after{content:"";position:absolute;inset:-9px -2px 0}.slot-tools .slot-clear:after,.slot-tools button:last-child:after{right:-5px}.dlg-x{float:right;z-index:3;width:2.75rem;height:2.75rem;margin:-.55rem -.6rem 0 .4rem;position:sticky;top:0}.dlg-title{margin-right:0}.draw-first-x{min-width:2.75rem;min-height:2.75rem}.draw-first .play-link,.draw-first .text-btn{min-height:2.75rem}@media (pointer:coarse){.pencils{gap:.4rem}.pencil{width:2.15rem;height:2.15rem;position:relative}.pencil:after{content:"";border-radius:50%;position:absolute;inset:-5px -3px}.slot-foot button{min-width:2.75rem;min-height:2.75rem}.lvl-pick button{min-height:2.75rem}.home-links .join-link{align-items:center;gap:.3em;min-height:2.75rem;display:inline-flex}.home-links .join-link>span{line-height:1.1}.home-links .nearby-link{box-sizing:border-box;align-items:baseline;min-height:2.75rem;padding-top:.75rem}.pick-info{width:2.3rem;height:2.3rem}.pick-info:after{content:"";position:absolute;inset:-6px}}@media (max-width:640px){.notebook{padding-top:max(2.5vh, calc(env(safe-area-inset-top) + .5rem));padding-right:max(.8rem, calc(env(safe-area-inset-right) + .5rem));padding-bottom:calc(2rem + env(safe-area-inset-bottom));padding-left:max(1.6rem, calc(env(safe-area-inset-left) + .6rem))}.home-nav{width:100%;margin-left:0}.home-actions{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.home-actions .play-link{min-height:3rem;padding:.3rem .4rem;font-size:1.2rem;line-height:1.05}.home-actions .play-link:first-child{grid-column:1/-1}.home-links{grid-template-columns:1fr 1fr;align-items:stretch;gap:.45rem;display:grid}.home-links .join-link{text-align:center;background:#fffaf199;border:1.5px dashed #8a5a3299;border-radius:10px;justify-content:center;align-items:center;min-height:2.75rem;padding:.2rem .4rem;font-size:1.05rem;line-height:1.1;text-decoration:none;display:flex}.home-links .nearby-link{border-color:#1d4f898c}.join-link .when-wide{display:none}.join-link .when-narrow{display:inline}.slot-pick .when-wide{display:none}.slot-pick .when-narrow{display:inline}.home-links .nearby-link{flex-direction:column;align-items:center;gap:0;padding-top:.2rem}.home-nearby-sub{opacity:.85;font-size:.82em}.pitch{margin:.5rem 0 .55rem}.pencils{grid-template-columns:repeat(8,minmax(0,2.4rem));justify-content:space-between;gap:.25rem;max-width:24rem;display:grid}.pencil{aspect-ratio:1;width:100%;max-width:2.4rem;height:auto}.slot-foot{grid-template-columns:minmax(0,1fr) auto auto;gap:.25rem;display:grid}.slot-foot .slot-pick.p1{white-space:nowrap;text-overflow:ellipsis;padding:0 .3rem;overflow:hidden}.slot-foot .slot-del{margin-left:0}.slot-stats{font-size:.85rem}.rival-name{font-size:1.1rem}.rival-card{padding:.35rem .2rem .4rem}.draw-first{left:max(.6rem, env(safe-area-inset-left));right:max(.6rem, env(safe-area-inset-right));width:auto;font-size:1.1rem;transform:none}.draw-first>span{flex:100%}.draw-first .play-link{text-align:center;flex:auto}.dlg{padding:.8rem .75rem .7rem}.cc-head{gap:.6rem}.cc-stats .stat-row{grid-template-columns:4rem 1fr 4.8rem;font-size:.92rem}.cc-note{font-size:.82rem}.pick-tier,.pick-stats{font-size:.8rem}}@media (max-width:350px){.home-actions .play-link{font-size:1.1rem}.home-links .join-link{font-size:.98rem}.slot-foot button{font-size:.82rem}}@media (max-height:500px) and (min-width:641px){.notebook{padding-top:max(.6rem, calc(env(safe-area-inset-top) + .4rem))}.home-head{flex-wrap:nowrap;align-items:center;gap:.8rem}.home-head .kicker{margin-bottom:.1rem}.home-head h1{white-space:nowrap;font-size:2.15rem}.home-nav{gap:.25rem;margin-bottom:0}.home-actions{flex-wrap:nowrap;gap:.4rem}.home-actions .play-link{white-space:nowrap;padding:.25rem .6rem;font-size:1.02rem;box-shadow:2px 2px #2a241c}.home-actions .play-link.alt{box-shadow:2px 2px #1d4f89}.home-links{flex-direction:row;gap:.9rem}.pitch{max-width:none;margin:.15rem 0 .3rem;font-size:1.05rem}.pencils{margin:0 0 .45rem}}.kicker-row{z-index:2;flex-wrap:wrap;align-items:center;gap:.6rem;display:flex;position:relative}.kicker-row .kicker{margin:0}.guide-btn{color:#1d4f89;font-family:var(--font-hand), cursive;cursor:pointer;touch-action:manipulation;background:#fffaf1;border:1.5px solid #1d4f89;border-radius:999px;align-items:center;gap:.35rem;min-height:2rem;padding:.15rem .6rem .15rem .2rem;font-size:1rem;line-height:1;display:inline-flex}.guide-q{color:#fffaf1;background:#1d4f89;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-family:Georgia,serif;font-size:.95rem;font-weight:700;display:inline-grid}.guide-btn-label:empty{display:none}.guide-btn:has(.guide-btn-label:empty){padding:.2rem}.fight-guide{pointer-events:auto;flex:none;min-height:2.1rem;margin-left:-.3rem;margin-right:auto}@media (max-width:700px){.fight-guide{z-index:4;margin:0;position:absolute;top:.3rem;right:5.4rem}.fx-buttons{right:8.4rem}}.fight-guide .guide-q{width:1.65rem;height:1.65rem}@media (pointer:coarse){.guide-btn{justify-content:center;min-width:44px;min-height:44px}}html[data-fit=phone-portrait] .fight-guide{z-index:5;min-width:2.1rem;min-height:2.1rem;margin:0;position:absolute;top:.3rem;right:3.4rem}html[data-fit=phone-landscape] .fight-guide{min-width:2.1rem;min-height:2.1rem;margin:0;position:static}.dlg.guide{flex-direction:column;width:min(58rem,100%);padding-bottom:0;display:flex}.dlg.guide>.dlg-x{flex:none;align-self:flex-end;margin-bottom:-2.2rem}.guide-head{flex-wrap:wrap;align-items:center;gap:.3rem .8rem;margin-right:3rem;display:flex}.guide-head .dlg-title{margin:0}.guide-mode{gap:.25rem;display:inline-flex}.guide-mode button{cursor:pointer;color:#2a241c;background:#fffaf1;border:1.5px solid #2a241c;border-radius:8px;min-height:2.2rem;padding:0 .6rem;font-size:.85rem}.guide-mode button[aria-pressed=true]{color:#fffaf1;background:#2a241c}.guide-page{touch-action:pan-y;-webkit-user-select:none;user-select:none}.guide-page h3{font-family:var(--font-hand), cursive;color:#c23b32;margin:.5rem 0 .4rem;font-size:1.55rem;font-weight:400;line-height:1.1}.guide-shot{background:#fffaf1;border:1.5px dashed #2a241c59;border-radius:10px;place-items:center;margin:0;padding:.3rem;display:grid}.guide-shot img{pointer-events:none;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:min(48vh,30rem);display:block}.guide-text ul{gap:.3rem;margin:.6rem 0 .2rem;padding-left:1.2rem;font-size:.98rem;line-height:1.4;display:grid}.guide-text kbd,.guide-powers kbd{font-size:.85em}.guide-powers{gap:.1rem;margin-top:.2rem;font-size:.92rem;display:grid}.guide-nav{padding:.55rem 1.1rem calc(.6rem + env(safe-area-inset-bottom));background:#f6f0e2;border-top:1px solid #2a241c26;justify-content:space-between;align-items:center;gap:.6rem;margin:.6rem -1.1rem 0;display:flex;position:sticky;bottom:0}.guide-nav .play-link{min-height:44px;margin:0;padding:.4rem 1rem;font-size:1.25rem}.guide-nav .text-btn{min-height:44px;padding:0 .8rem}.guide-nav .text-btn:disabled{opacity:.35}.guide-dots{flex-wrap:wrap;justify-content:center;gap:.1rem;display:flex}.guide-dots button{cursor:pointer;background:0 0;border:0;width:22px;height:28px;padding:0;position:relative}.guide-dots button:after{content:"";background:#fffaf1;border:1.5px solid #2a241c;border-radius:50%;width:10px;height:10px;position:absolute;top:9px;left:6px}.guide-dots button[aria-current=step]:after{background:#c23b32;border-color:#c23b32}@media (max-width:640px){.dlg.guide{padding-left:.7rem;padding-right:.7rem}.guide-nav{margin:.5rem -.7rem 0;padding-left:.7rem;padding-right:.7rem}.guide-page h3{font-size:1.3rem}.guide-text ul{font-size:.92rem}.guide-shot img{max-height:44vh}.guide-dots button{width:16px}.guide-dots button:after{left:3px}}@media (max-height:500px) and (min-width:600px){.guide-page{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 .8rem;display:grid}.guide-page h3{grid-column:1/-1;margin-top:.2rem}.guide-shot img{max-height:58vh}.guide-text ul{margin-top:0;font-size:.88rem}.guide-nav{padding-top:.3rem;padding-bottom:.3rem}}.play-link .when-narrow,.join-link .when-narrow{display:none}@media (max-width:640px){.home-head{gap:.35rem}.home-head h1,h1{font-size:2.25rem;line-height:1}.kicker,.home-head .kicker{letter-spacing:.12em;font-size:.75rem}.kicker-row{gap:.45rem}.kicker-row .guide-btn{gap:.3rem;min-width:32px;min-height:32px;padding:.1rem .55rem .1rem .15rem;font-size:.85rem}.kicker-row .guide-q{width:1.3rem;height:1.3rem;font-size:.8rem}.home-actions{grid-template-columns:1.12fr 1fr 1fr;gap:.4rem;display:grid}.home-actions .play-link,.home-actions .play-link:first-child{white-space:nowrap;grid-column:auto;justify-content:center;align-items:center;height:38px;min-height:38px;padding:0 .25rem;font-size:.9rem;line-height:1;display:inline-flex;box-shadow:2px 2px #2a241c}.home-actions .play-link.alt{box-shadow:2px 2px #1d4f89}.home-actions .play-link .when-wide{display:none}.home-actions .play-link .when-narrow{display:inline}.home-links{gap:.4rem}.home-links .join-link,.home-links .nearby-link{white-space:nowrap;border-width:1.2px;border-radius:8px;flex-direction:row;height:32px;min-height:32px;padding:0 .35rem;font-size:.85rem;line-height:1}.home-links .nearby-link .nearby-main,.home-links .nearby-link .home-nearby-sub{display:none}.home-links .join-link .when-narrow{display:inline}.home-links .join-link .when-wide{display:none}.pitch{margin:.4rem 0 .45rem;font-size:.9rem;line-height:1.32}.pencils{flex-wrap:nowrap;justify-content:space-between;gap:.3rem;max-width:20rem;margin:.15rem 0 .55rem;display:flex}.pencil{aspect-ratio:auto;border-width:1.5px;flex:none;width:28px;max-width:none;height:28px}.pencil[aria-pressed=true]{outline-offset:2px}.home-slots{gap:.45rem .4rem}.slot-label{font-size:1rem}.slot-hint{font-size:1.05rem}.slot-foot{gap:.25rem;margin-top:.15rem}.slot-foot button{min-width:30px;height:30px;min-height:30px;padding:0 .4rem;font-size:.8rem}.slot-foot .slot-del{padding:0}.slot-stats{font-size:.78rem}.slot-why{font-size:.85rem;line-height:1.2}.slot-tools button{min-width:28px;height:28px;font-size:.85rem}.slot-tools .slot-expand{width:28px;font-size:.9rem}.rival-pick h2{font-size:1.3rem}.rival-pick-note{font-size:.8rem}.rival-name{font-size:.98rem}.dlg-title{font-size:1.45rem}.cc-about{font-size:.95rem;line-height:1.25}.cc-kind{font-size:.75rem}.cc-block h3{margin-top:.55rem;font-size:1.1rem}.cc-block p{font-size:.9rem;line-height:1.3}.cc-block p.cc-note{font-size:.76rem}.dlg-x{width:2.1rem;height:2.1rem;font-size:.95rem}.dlg-actions .text-btn{min-height:38px;font-size:.95rem}.cc-moves,.cc-abilities{font-size:.82rem}.cc-note,.cc-dmg{font-size:.76rem}.cc-stats .stat-row{font-size:.82rem}.pick-tier,.pick-stats,.pick-special{font-size:.76rem}.lvl-pick button{min-height:34px;padding:0 .6rem;font-size:.95rem}.dlg-actions .play-link{min-height:38px;padding:.2rem .8rem;font-size:.95rem}.draw-first{font-size:.95rem}.draw-first .play-link{min-height:38px;padding:.2rem .7rem;font-size:.95rem}}@media (max-width:350px){.home-actions .play-link,.home-actions .play-link:first-child{padding:0 .15rem;font-size:.85rem}.home-links .join-link,.home-links .nearby-link{font-size:.8rem}}