:root{--feel-ease:cubic-bezier(.2,.75,.25,1);--feel-enter:.28s;--feel-line:#d7c9b5}.product-page{padding-bottom:max(32px,env(safe-area-inset-bottom))}.product-page :is(button,a,input,select):focus-visible{outline-offset:4px;outline:3px solid #237b80}.illustrated-home .home-hero{padding-bottom:42px}.illustrated-home .hero-actions>.text-link{align-items:center;min-height:44px;display:inline-flex}.illustrated-home .home-steps{border-block:1px solid var(--feel-line);padding-block:22px}.illustrated-home .step-card{box-shadow:none;background:0 0}.drawing-toolbar{gap:12px}.drawing-toolbar legend{letter-spacing:.08em;text-transform:uppercase;color:#514c42}.drawing-toolbar .paint-options button{border-color:var(--feel-line);background:#fffaf2;transition:background .12s,box-shadow .12s}.drawing-toolbar .paint-options button[aria-pressed=true]{border:2px solid var(--odd-ink);box-shadow:0 2px 0 var(--odd-ink);background:#ffe0bd}.drawing-toolbar .paint-color-group{border-top:1px solid var(--feel-line);padding-top:8px}.drawing-toolbar .paint-swatch[aria-pressed=true]{outline-offset:2px}.drawing-toolbar .shape-options{border-color:var(--odd-ink);box-shadow:3px 4px #26231f20}.creation-form{border-color:var(--odd-ink);box-shadow:3px 4px #26231f15}.oddmon-profile{border:2px solid var(--odd-ink);border-top:7px solid var(--odd-orange);background:#fffcf5;border-radius:30px 24px;padding:clamp(18px,3vw,32px);box-shadow:5px 6px #26231f18}.profile-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}.profile-art{background:radial-gradient(#dbf0ed 15%,#eef7e9 48%,#0000 70%);border-radius:35% 43% 32% 39%;order:0;max-height:360px}.profile-kicker{letter-spacing:.12em;color:#646052;margin-bottom:14px;font-size:10px;font-weight:900}.profile-info h2{font-size:clamp(32px,5vw,54px);line-height:1.05}.profile-info>.level-tag{background:#ffe1bd;border:1px solid #b4733c;margin-bottom:12px}.profile-identity{gap:14px}.profile-identity dd{font-size:clamp(20px,2.6vw,28px)}.profile-section-title{letter-spacing:.12em;background:0 0;margin-top:26px;padding:0;font-size:11px;display:block;transform:none}.profile-description{border-left:3px solid var(--odd-orange);margin-top:8px;padding-left:14px}.profile-stats{border-block:1px solid var(--feel-line);gap:0;margin-top:24px;padding:18px 0}.profile-stats .stat-card{box-shadow:none;background:0 0;border:0;border-radius:0;column-gap:12px;padding:0 16px}.profile-stats .stat-card+div{border-left:1px solid var(--feel-line)}.profile-stats dd{font-variant-numeric:tabular-nums;font-size:40px}.profile-traits .trait-chip{border:1px solid #dfd5c4;padding:7px 12px;font-size:12px}.profile-moves{border-block:1px solid var(--feel-line);gap:0;margin-top:12px}.profile-moves .move-card{box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:18px 14px}.profile-moves .move-card+.move-card{border-left:1px solid var(--feel-line)}.profile-moves .move-card strong{overflow-wrap:anywhere;font-size:20px;font-weight:600}.profile-moves .move-icon{width:40px;height:40px;margin-bottom:12px}.profile-moves .move-card p{font-size:12px;font-weight:800;line-height:1.5}.profile-moves .move-card small{margin-top:6px;display:block}.profile-affinity{text-align:center;margin-top:14px}.profile-cta:empty{display:none}.oddmon-profile>.progression-panel{border:0;border-block:1px solid var(--feel-line);box-shadow:none;background:0 0;border-radius:0;gap:12px;margin:24px 0 0;padding:20px 0}.detail-page>button{margin-top:24px}.detail-page>a{align-items:center;min-height:44px;display:inline-flex}.collection-page .usable-collection{gap:18px}.birth-reveal{box-shadow:none;background:0 0;border:0;margin-top:20px;padding:20px 0}.birth-art{background:radial-gradient(#d8efdf 12%,#e9f5eb 45%,#0000 70%);width:min(100%,340px);margin-bottom:8px}.birth-eyebrow{letter-spacing:.2em;font-size:13px}.birth-name h2{margin-top:10px}.birth-identity{font-size:14px;line-height:1.6}.birth-traits{margin-top:12px}.birth-actions{max-width:480px;margin:18px auto 0}.birth-meet{min-height:54px}.experience-bar{font-variant-numeric:tabular-nums;row-gap:10px}.experience-bar progress{background:#eadfc9;border:1px solid #bba98e;height:12px}.experience-bar progress::-webkit-progress-value{background:var(--odd-orange);transition:width .5s var(--feel-ease)}.experience-bar progress::-moz-progress-bar{background:var(--odd-orange)}.experience-ready progress::-webkit-progress-value{background:#638436}.experience-ready progress::-moz-progress-bar{background:#638436}.breakthrough-badge{color:#334623;background:#e5f3c5;border:1px solid #647d3e;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.progression-panel.progression-ready{border-color:#647d3e}.progression-ready>.primary-button{box-shadow:0 4px 0 var(--odd-ink);animation:ready-accent .9s var(--feel-ease) 2}.breakthrough-change{font:500 24px var(--font-display);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;display:flex}.breakthrough-change>span{color:#6b6356}.breakthrough-change>strong{color:#396649;font-size:38px}.breakthrough-change>small{font:900 11px var(--font-body);letter-spacing:.1em}.progression-reward>.xp-earned{color:var(--odd-ink);justify-content:center;align-items:baseline;gap:8px;display:flex}.xp-earned>span:first-child{letter-spacing:.08em;font-size:13px}.xp-earned .reward-number{font:600 38px var(--font-display)}.reward-number{font-variant-numeric:tabular-nums;animation:reward-stamp .4s var(--feel-ease) both;display:inline-block}.reward-events .core-earned{text-align:left;color:#62431a;background:#fff0cd;border-block:1px solid #d5aa52;align-items:center;gap:10px;padding:12px 8px;display:flex}.core-earned>span:nth-child(2){flex:1}.core-earned>strong{font:600 28px var(--font-display)}.core-emblem{color:#845b1d;background:#ffe095;border:2px solid #936b29;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;transform:rotate(-6deg)}.reward-events{min-height:3.5em}.reward-events .breakthrough-badge{margin:10px auto}.reward-events .level-up{border-bottom:1px solid var(--feel-line);color:#396649;padding-bottom:10px}.result-modal .result-winner img,.wild-result .reward-art{object-fit:contain;background:radial-gradient(#e4f1d5,#0000 68%);width:100%;height:clamp(90px,22svh,190px);margin:12px auto;display:block}.result-winner p,.wild-result h3{font:600 24px var(--font-display);overflow-wrap:anywhere;margin:8px 0 18px}.result-modal .result-caption{color:#625a4d;margin:12px 0 20px;font-size:14px;line-height:1.5}.wild-result h2{margin-bottom:12px}.wild-progression .reward-art{height:clamp(80px,17svh,140px)}.result-modal{overscroll-behavior:contain;max-height:calc(100svh - 32px);overflow:auto}.oddiary-page>header{border-bottom:2px solid var(--odd-ink);padding-bottom:18px}.oddiary-page>header>p{margin-top:10px;font-weight:800}.oddiary-card{transition:transform .16s var(--feel-ease);background:#fffcf5;border-radius:22px 18px 23px 19px;box-shadow:2px 3px #26231f14}.oddiary-card img{background:radial-gradient(#e5f2df,#0000 70%);height:140px}.oddiary-card strong{font:600 19px var(--font-display)}.oddiary-card .realm-label{color:#41532b;background:#edf4df;border-radius:8px;padding:4px 9px;font-weight:800}.oddiary-card.unknown{box-shadow:none;color:#716855;background:0 0;border:1px dashed #b9ae9b}.oddiary-card.unknown>span{color:#716855;background:#ebe4d7;border:0}.oddiary-detail{max-width:560px;padding:28px}.oddiary-detail>h2{padding-right:32px}.oddiary-detail>img{background:radial-gradient(#e2f1d9,#0000 70%);height:230px}.oddiary-card:focus-visible{outline-color:#237b80}.new-oddiary-entry{color:#3e5227;animation:reward-stamp .4s var(--feel-ease);background:#edf5d7;border:1px solid #819453;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-weight:900;display:flex}.lobby-surface{max-width:960px}.room-lobby-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-lobby-seats>section{border:0;border-bottom:3px solid var(--feel-line);box-shadow:none;background:0 0;border-radius:0;padding:14px 8px}.room-lobby-seats>section+section{border-left:1px solid var(--feel-line)}.room-lobby-seats>section[data-ready=true]{border-bottom-color:#638436}.room-lobby-seats .seat-readiness{letter-spacing:.05em;background:#eee8dd;border-radius:8px;padding:5px 9px;font-size:11px;display:inline-block}.room-lobby-seats [data-ready=true] .seat-readiness{color:#365023;background:#e1efc4}.loading-state{color:#70644f;align-content:center;justify-items:center;gap:16px;width:100%;min-height:240px;font-size:14px;display:grid}.loading-state svg{background:#efe7d8;border-radius:35%;width:86px;height:86px;padding:12px;animation:1.4s ease-in-out 3 loading-breathe}@keyframes reward-stamp{0%{opacity:0;transform:translateY(6px)scale(.94)}60%{opacity:1;transform:translateY(-2px)scale(1.04)}to{opacity:1;transform:none}}@keyframes ready-accent{50%{box-shadow:0 4px 0 var(--odd-ink),0 0 0 4px #bfd67c55}}@keyframes loading-breathe{50%{opacity:.55}}@media (min-width:700px) and (max-width:1180px){.detail-page{max-width:900px}.profile-hero{gap:32px}.profile-art{max-height:360px}.create-workspace{max-width:760px}.illustrated-home .hero-art .reference-art{max-width:400px}.collection-page .usable-collection{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.profile-hero{text-align:center;grid-template-columns:1fr;gap:10px}.profile-art{justify-self:center;width:min(100%,260px);max-height:260px}.profile-info h2{font-size:36px}.profile-kicker{margin-bottom:8px}.profile-identity{text-align:left;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.profile-identity dd{font-size:20px}.profile-stats .stat-card{padding-inline:8px}.profile-stats dd{font-size:32px}.profile-moves{grid-template-columns:1fr}.profile-moves .move-card{grid-template-columns:40px 1fr;gap:0 12px;padding:16px 0;display:grid}.profile-moves .move-card+.move-card{border-left:0;border-top:1px solid var(--feel-line)}.profile-moves .move-icon{grid-row:span 4;margin:0}.profile-moves .move-card strong{font-size:20px}.birth-art{width:min(76vw,280px)}.birth-identity{font-size:12px}.birth-reveal{margin-top:8px}.oddiary-card img{height:120px}.oddiary-detail{padding:22px}.room-lobby-seats img{height:132px}.room-lobby-seats h2{font-size:11px}.illustrated-home .home-hero{padding-bottom:28px}.illustrated-home .home-steps{padding-block:16px}}@media (max-width:360px){.profile-art{max-height:220px}.profile-identity{gap:10px}.profile-identity dd{font-size:18px}.profile-stats dd{font-size:28px}.collection-page .usable-collection{gap:10px}.room-lobby-seats{gap:6px}.room-lobby-seats img{height:110px}.room-lobby-seats>section{padding-inline:4px}.experience-bar{font-size:11px}.core-earned{font-size:12px!important}}@media (max-height:600px){.result-modal .result-winner img,.wild-result .reward-art{height:90px}.birth-art{max-height:220px}.result-modal{padding:18px}.wild-result h2{font-size:28px}.result-modal .result-caption{margin-block:10px}}@media (prefers-reduced-motion:reduce){.reward-number,.new-oddiary-entry,.progression-ready>.primary-button,.loading-state svg{animation:none}.oddiary-card,.drawing-toolbar .paint-options button{transition:none}.experience-bar progress::-webkit-progress-value{transition:none}}.v22-wild-rewards{width:min(680px,100vw - 32px)}.v22-reward-roster{gap:20px;display:grid}.v22-reward-member{min-width:0}.v22-reward-member h3{margin:8px 0 16px}.v22-reward-team{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v22-wild-rewards .reward-art{object-fit:contain;width:100%;height:clamp(80px,17svh,140px);margin:12px auto;display:block}@media (max-width:560px){.v22-reward-team{grid-template-columns:1fr}.v22-reward-team .reward-art{height:80px}.v22-reward-team .v22-reward-member+.v22-reward-member{border-top:1px solid var(--feel-line);padding-top:16px}}.result-modal.v22-wild-rewards{box-sizing:border-box;max-width:680px;height:fit-content;min-height:0;padding:24px}.v22-wild-rewards .v22-reward-member{grid-template-rows:auto auto 1fr;align-content:start;display:grid}.v22-wild-rewards .v22-reward-member h3{overflow-wrap:anywhere;min-height:2.5em;margin:8px 0;font-size:20px;line-height:1.25}.v22-wild-rewards .progression-reward{align-content:start;gap:8px;margin:8px 0}.v22-wild-rewards .experience-bar{text-align:center;grid-template-columns:minmax(0,1fr);gap:6px;font-size:13px}.v22-wild-rewards .experience-bar>span{justify-content:center;align-items:center;min-height:2.4em;line-height:1.2;display:flex}.v22-wild-rewards .experience-bar>strong{white-space:nowrap;font-variant-numeric:tabular-nums}.v22-wild-rewards .reward-events{min-height:0}.v22-wild-rewards .reward-events:empty{display:none}.v22-wild-rewards .primary-button{margin-top:16px}@media (max-width:560px){.v22-wild-rewards .v22-reward-team .v22-reward-member{text-align:left;grid-template-rows:auto 1fr;grid-template-columns:72px minmax(0,1fr);gap:0 12px}.v22-wild-rewards .v22-reward-team .reward-art{grid-row:1/3;align-self:center;width:72px;height:90px;margin:0}.v22-wild-rewards .v22-reward-team h3{min-height:0;margin:0;font-size:18px}.v22-wild-rewards .v22-reward-team .progression-reward{grid-column:2;margin:4px 0 0}.v22-wild-rewards .v22-reward-team .xp-earned{justify-content:flex-start}.v22-wild-rewards .v22-reward-team .reward-number{font-size:28px}.v22-wild-rewards .v22-reward-team .experience-bar{text-align:left}.v22-wild-rewards .v22-reward-team .experience-bar>span{justify-content:flex-start;min-height:0}}
.landing-page{color:var(--odd-ink);background:var(--odd-cream)}.landing-hero{height:min(960px,62vw);min-height:700px;position:relative}.landing-world{display:block;position:absolute;inset:0;overflow:hidden}.landing-world img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.landing-copy{z-index:1;pointer-events:none;max-width:1360px;margin:auto;padding:160px 44px 80px;position:relative}.landing-copy h1{font:700 clamp(64px,6.7vw,104px)/1.02 var(--font-display);letter-spacing:-.035em;max-width:600px;margin:0 0 24px}.landing-copy h1 em,.landing-process h2 em{color:#e44b0c;font-style:normal}.landing-copy>p{margin:0 0 28px;font-size:24px;line-height:1.5}.landing-actions{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:12px;width:fit-content;display:flex}.landing-page .landing-start{border:2px solid var(--odd-ink);background:var(--odd-orange);min-height:62px;color:var(--odd-ink);font:500 23px var(--font-display);box-shadow:0 3px 0 var(--odd-ink);border-radius:18px 16px 18px 14px;gap:14px;padding:14px 28px}.landing-start .doodle-icon{width:28px;height:28px}.landing-page .landing-start:hover{background:#ff804b}.landing-page .landing-start:active{box-shadow:0 1px 0 var(--odd-ink);transform:translateY(2px)}.landing-textLink{text-underline-offset:5px;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:700;text-decoration:underline;display:inline-flex}.landing-page a:focus-visible{outline:3px solid var(--odd-focus);outline-offset:5px}.landing-curve{width:100%;height:48px;fill:var(--odd-cream);pointer-events:none;position:absolute;inset:auto 0 -1px}.landing-process{max-width:1240px;margin:auto;padding:54px 40px 72px;scroll-margin-top:24px}.landing-process>h2{font:600 clamp(32px,3.7vw,52px)/1.15 var(--font-display);text-align:center;letter-spacing:-.025em;margin:0 0 34px}.landing-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.landing-step{min-width:0;position:relative}.landing-step:not(:last-child):after{content:"";border-top:2px solid #9b9180;border-right:2px solid #9b9180;width:12px;height:12px;position:absolute;top:124px;right:-26px;transform:rotate(45deg)}.landing-fragment{justify-content:center;align-items:center;height:250px;margin-bottom:18px;display:flex;position:relative}.landing-canvas{background:var(--odd-paper);border:1px solid #c4b79f;justify-content:center;align-items:center;width:82%;height:206px;display:flex;transform:rotate(-6deg);box-shadow:2px 3px #24231f13}.landing-canvas img{object-fit:contain;width:80%;height:90%}.landing-draw>.doodle-icon{color:#d74613;width:58px;height:58px;position:absolute;bottom:28px;right:2px;transform:rotate(-14deg)}.landing-birth{flex-direction:column}.landing-speech{border:2px solid var(--odd-ink);font:500 22px var(--font-display);background:var(--odd-paper);border-radius:24px;padding:5px 20px}.landing-birth>img{object-fit:contain;width:68%;height:155px}.landing-example-name{text-align:center;min-width:118px;font:500 21px var(--font-display);border-bottom:1px solid #988772;padding:3px 12px}.landing-battle{flex-direction:column;justify-content:flex-end;padding-bottom:10px}.landing-matchup{align-items:center;width:100%;height:185px;display:flex}.landing-matchup>div{flex-direction:column;align-items:center;width:50%;display:flex}.landing-matchup img{object-fit:contain;width:100%;height:155px}.landing-mini-hp{border:2px solid var(--odd-ink);border-radius:8px;width:70%;height:12px;position:relative;overflow:hidden}.landing-mini-hp:before{content:"";background:#8bbd65;width:65%;height:100%;display:block}.landing-matchup>div:last-child .landing-mini-hp:before{background:var(--odd-orange)}.landing-moves{justify-content:center;gap:8px;width:100%;display:flex}.landing-moves>span{border:1.5px solid var(--odd-ink);font:500 16px var(--font-display);text-align:center;border-radius:9px;padding:5px 10px}.landing-step h3{font:600 30px var(--font-display);align-items:baseline;gap:12px;margin:0 0 8px;display:flex}.landing-step h3>span{color:#d74613}.landing-step p{color:#514b40;margin:0;font-size:16px;line-height:1.6}.landing-process-action{justify-content:center;margin-top:40px;display:flex}.landing-footer{color:var(--odd-cream);background:#2f2a24;padding:40px 40px 24px;position:relative}.landing-footer-curve{fill:#2f2a24;pointer-events:none;width:100%;height:33px;position:absolute;inset:-32px 0 auto}.landing-footer-inner{max-width:1160px;margin:auto}.landing-newsletter{border-bottom:1px solid #746a5b;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:12px 0 32px;display:grid}.landing-newsletter h2{font:600 32px var(--font-display);margin:0 0 8px}.landing-newsletter p{color:#e1d6c5;margin:0;font-size:16px;line-height:1.6}.landing-newsletter-status h3{font:500 23px var(--font-display);margin:0 0 8px}.landing-footer-links{justify-content:space-between;align-items:center;gap:32px;padding-top:24px;display:flex}.landing-footer-brand{align-items:center;width:160px;min-height:48px;display:inline-flex}.landing-footer-brand img{width:100%;height:auto;display:block}.landing-socials{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.landing-socials a{align-items:center;gap:9px;min-height:44px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.landing-socials a:hover{color:#ffab80;text-underline-offset:4px;text-decoration:underline}.landing-footer-bottom{color:#e1d6c5;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.landing-footer-bottom small,.landing-footer-bottom a{font-size:13px}.landing-footer a:focus-visible{outline-color:#ffab80}@media (min-width:1600px){.landing-copy{padding-top:180px}.landing-hero{height:960px}}@media (min-width:760px) and (max-width:1100px){.landing-hero{height:70vw;min-height:600px;max-height:760px}.landing-copy{padding:132px 32px 80px}.landing-copy h1{font-size:clamp(58px,7vw,76px)}.landing-copy>p{font-size:20px}.landing-page .landing-start{min-height:56px;padding:12px 22px;font-size:20px}.landing-steps{gap:26px}.landing-step:not(:last-child):after{right:-19px}.landing-step h3{gap:8px;font-size:25px}.landing-step p{font-size:14px}.landing-fragment{height:220px}.landing-canvas{height:180px}.landing-moves{gap:5px}.landing-moves>span{padding:5px 7px;font-size:14px}}@media (max-width:759px){.landing-hero{isolation:isolate;height:auto;min-height:max(620px,100svh - 132px);overflow:hidden}.landing-copy{pointer-events:auto;padding:40px 24px 280px}.landing-copy h1{margin-bottom:16px;font-size:clamp(40px,11vw,56px);line-height:1.08}.landing-copy>p{margin-bottom:22px;font-size:18px}.landing-actions{flex-direction:column;align-items:flex-start;gap:8px;max-width:100%}.landing-page .landing-start{gap:10px;min-height:56px;padding:12px 22px;font-size:20px}.landing-textLink{font-size:13px}.landing-world{z-index:-2;width:100%;height:100%;margin:0;position:absolute;inset:0}.landing-world img{object-fit:cover;object-position:90% bottom;width:100%;height:100%}.landing-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fff8ebeb 0%,#fff8ebb3 30%,#fff8eb00 62%);position:absolute;inset:0}.landing-curve{height:28px}.landing-process{padding:36px 24px 60px}.landing-process>h2{text-align:left;max-width:450px;margin:0 auto 28px;font-size:34px}.landing-steps{grid-template-columns:1fr;gap:32px;max-width:450px;margin:auto}.landing-step{grid-template-rows:auto auto;grid-template-columns:44% 1fr;align-content:center;column-gap:24px;display:grid}.landing-step:not(:last-child):after{display:none}.landing-fragment{grid-row:1/3;height:180px;margin:0}.landing-step h3{align-self:end;margin-bottom:10px;font-size:28px;line-height:1.08;display:block}.landing-step h3>span{margin-bottom:6px;font-size:20px;display:block}.landing-step p{align-self:start;font-size:15px}.landing-canvas{width:92%;height:146px}.landing-draw>.doodle-icon{width:36px;height:36px;bottom:12px;right:-8px}.landing-speech{padding:4px 12px;font-size:17px}.landing-birth>img{width:95%;height:110px}.landing-example-name{min-width:90px;font-size:18px}.landing-matchup{height:124px}.landing-matchup img{height:94px}.landing-mini-hp{border-width:1px;height:8px}.landing-battle{padding-bottom:12px}.landing-moves{flex-wrap:wrap;gap:4px}.landing-moves>span{border-radius:6px;padding:3px 4px;font-size:12px}.landing-footer{padding:28px 24px 20px}.landing-newsletter{grid-template-columns:1fr;gap:24px;padding-bottom:26px}.landing-newsletter h2{font-size:29px}.landing-newsletter p{font-size:15px}.landing-newsletter-status h3{font-size:21px}.landing-footer-links{flex-direction:column;align-items:flex-start;gap:18px}.landing-socials{gap:16px}.landing-socials a{gap:7px;font-size:14px}.landing-socials svg{width:22px;height:22px}.landing-footer-brand{width:145px}}@media (max-width:360px){.landing-copy{padding-inline:20px}.landing-copy h1{font-size:40px}.landing-actions{gap:8px 12px}.landing-page .landing-start{padding:12px 18px;font-size:19px}.landing-process{padding-inline:20px}.landing-process>h2{font-size:31px}.landing-step{column-gap:18px}.landing-step h3{font-size:25px}.landing-step p{font-size:14px}.landing-moves>span{padding:3px;font-size:11px}.landing-footer{padding-inline:20px}.landing-socials{gap:12px}.landing-socials a{font-size:12px}}@media (prefers-reduced-motion:reduce){.landing-page .landing-start:active{transform:none}}.landing-combat-guide{max-width:1120px;margin:0 auto;padding:0 32px 80px;scroll-margin-top:96px}.landing-combat-guide h2{font:600 clamp(32px,4vw,48px) var(--font-display);margin:0 0 16px}.landing-combat-guide h3{font:600 27px var(--font-display);margin:32px 0 8px}.landing-combat-guide p{color:#655f54;line-height:1.6}.landing-guide-intro{max-width:720px}.landing-position-grid,.landing-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.landing-position-grid article,.landing-style-grid article{background:#fffaf2;border:1.5px solid #d6c7af;border-radius:18px;padding:20px}.landing-position-grid article>span{letter-spacing:.12em;color:#9c481f;font-size:11px;font-weight:800}.landing-combat-guide h4{font:600 23px var(--font-display);margin:5px 0 8px}.landing-combat-guide article p{margin:0;font-size:14px}.landing-guide-note{margin-top:20px;font-size:13px}.landing-process{scroll-margin-top:90px}.landing-copy{padding-top:90px}@media (max-width:759px){.landing-combat-guide{padding:0 24px 48px}.landing-position-grid{grid-template-columns:1fr}.landing-style-grid{grid-template-columns:1fr 1fr;gap:10px}.landing-position-grid article,.landing-style-grid article{padding:16px}.landing-combat-guide h4{font-size:20px}.landing-copy{padding-top:36px}}.landing-style-grid article,.landing-position-grid article{overflow-wrap:anywhere;min-width:0}@media (max-width:759px){.landing-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-process{isolation:isolate;background-image:url(/decor/cream-doodles.svg);background-position:50% 35px;background-repeat:no-repeat;background-size:1240px;position:relative}.landing-step:not(:last-child):after{border-color:#b4aa94;top:135px}@media (max-width:759px){.landing-process{background-image:url(/decor/cream-doodles-mobile.svg);background-size:100%}.landing-steps{gap:34px}.landing-step{text-align:center;grid-template-columns:minmax(0,1fr);gap:0}.landing-step .landing-fragment{grid-row:auto}.landing-step h3{justify-content:center;gap:8px;margin:12px 0 5px;display:flex}.landing-step h3>span{font-size:20px;display:inline}.landing-step p{max-width:300px;margin:auto}.landing-step:not(:last-child):after{display:none}}.landing-world>picture{width:100%;height:100%;display:block}.landing-world>canvas{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.landing-world[data-animated=true]>canvas{opacity:1}@media (prefers-reduced-motion:reduce){.landing-world>canvas{display:none}}.landing-layers{left:var(--art-left,0);top:var(--art-top,0);width:var(--art-width,100%);height:var(--art-height,100%);pointer-events:none;opacity:0;max-width:none;position:absolute;overflow:visible}.landing-world[data-animated=true]>.landing-layers{opacity:1}.landing-layers *{animation-play-state:paused!important}.landing-world[data-running=true] .landing-layers *{animation-play-state:running!important}.landing-character{transform-box:view-box}.character-orange{transform-origin:1265px 725px;animation:5.8s ease-in-out infinite orange-breath}.character-cream{transform-origin:1103px 423px;animation:4.9s ease-in-out -2s infinite cream-breath}.character-blue{transform-origin:1366px 529px;animation:6.7s ease-in-out -3s infinite blue-sway}@keyframes orange-breath{0%,to{transform:scale(1)}62%{transform:scale(1.025,1.055)}}@keyframes cream-breath{0%,to{transform:scale(1)}60%{transform:scale(1.045,1.085)rotate(-2deg)}}@keyframes blue-sway{0%,to{transform:rotate(-2deg)scaleY(1)}55%{transform:rotate(3deg)scaleY(1.055)}}.landing-blink{opacity:0;animation:7s step-end infinite landing-blink}.cream-blink{animation-delay:-3s}@keyframes landing-blink{0%,43%,48%,to{opacity:0}44%,47%{opacity:1}}.landing-cloud{animation:18s ease-in-out infinite alternate cloud-drift}.cloud-two{animation-duration:24s;animation-delay:-12s}@keyframes cloud-drift{0%{transform:translate(-40px)}to{transform:translate(90px)}}.landing-falling-leaf{opacity:0;transform-box:view-box;animation:10s linear infinite leaf-fall}.leaf-two{animation-duration:12s;animation-delay:-4s}.leaf-three{animation-duration:14s;animation-delay:-7s}@keyframes leaf-fall{0%{opacity:0;transform:translate(1140px,70px)rotate(0)}8%{opacity:.85}35%{transform:translate(1050px,230px)rotate(95deg)}65%{opacity:.8;transform:translate(1120px,410px)rotate(200deg)}to{opacity:0;transform:translate(990px,620px)rotate(320deg)}}.splash-arc{opacity:0;transform-origin:0 0;animation:6s ease-out infinite water-splash}.splash-ring{opacity:0;transform-origin:0 3px;animation:6s ease-out infinite water-ring}.splash-two>*{animation-duration:8s;animation-delay:-3s}@keyframes water-splash{0%,30%,to{opacity:0;transform:scale(.5,.2)}5%{opacity:.8;transform:scaleX(.8)}15%{opacity:.5;transform:scale(1.2,.7)}25%{opacity:0;transform:scale(1.5,.1)}}@keyframes water-ring{0%{opacity:0;transform:scale(.4)}8%{opacity:.7}35%,to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.landing-world>.landing-layers{display:none}}
.v22-gameplay{color:#24231f;max-width:1120px;font-family:var(--font-body);margin:auto;padding:20px 24px 36px}.v22-game-header{border-bottom:2px solid #24231f;justify-content:space-between;align-items:center;gap:16px;padding:8px 0 20px;display:flex}.v22-game-header>a:first-child{font:600 26px var(--font-display);text-decoration:none}.v22-game-header>a span{color:#ff6a2e}.v22-game-header>span{letter-spacing:.12em;font-size:12px;font-weight:900}.v22-gameplay fieldset{width:100%}.v22-gameplay h2{font-family:var(--font-display)}.v22-gameplay button,.v22-panel button{color:#24231f;cursor:pointer;overflow-wrap:anywhere;background:#fff6ea;border:1.5px solid #24231f;border-radius:12px;max-width:100%;min-height:48px;padding:10px 14px;font-weight:800}.v22-gameplay button:hover,.v22-panel button:hover{background:#ffe2cb}.v22-gameplay button:disabled{opacity:.5;cursor:wait}.v22-gameplay :focus-visible{outline-offset:3px;outline:3px solid #ff6a2e}.v22-stage{isolation:isolate;background:#eaf3ee;border:2px solid #24231f;border-radius:26px;height:440px;margin-top:18px;position:relative;overflow:hidden}.v22-stage .battle-scenery{z-index:-1;pointer-events:none;position:absolute;inset:0}.v22-stage .arena-landscape{width:100%;height:100%}.v22-stage .arena-doodle{display:none}.v22-center{text-align:center;width:16%;font-size:12px;font-weight:900;position:absolute;top:20px;left:42%}.v22-center>span{border-bottom:2px solid #ff6a2e;padding-bottom:5px;display:inline-block}.v22-center p{margin:12px 0 6px}.v22-hud{background:#fffaf1ed;border:1.5px solid #24231f;border-radius:16px;width:35%;padding:12px 16px;position:absolute;top:22px;box-shadow:0 3px #24231f18}.v22-side-self .v22-hud{left:20px}.v22-side-opponent .v22-hud{right:20px}.v22-hud strong{font:600 23px var(--font-display);overflow-wrap:anywhere;display:block}.v22-hud small{font-size:11px;display:block}.v22-hud meter{accent-color:#628a3b;width:100%;height:20px;display:block}.v22-hud>span{font-size:12px;font-weight:900}.v22-resources{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:5px;font-size:12px;display:flex}.v22-resources [data-ready=true]{color:#9c3e0c;font-weight:900}.v22-stage-creature{place-items:center;width:34%;height:245px;display:grid;position:absolute;bottom:22px}.v22-side-self .v22-stage-creature{left:7%}.v22-side-opponent .v22-stage-creature{right:7%}.v22-stage-creature:before{content:"";background:#303b2326;border-radius:50%;width:72%;height:22px;position:absolute;bottom:0}.v22-artwork{width:100%;height:100%;display:block;position:relative}.v22-artwork img{object-fit:contain;width:100%;height:100%;display:block}.v22-stage-creature[data-ko=true] .v22-artwork img{opacity:.4;filter:grayscale()}.v22-hit{font:700 36px var(--font-display);color:#a32b21;text-shadow:2px 2px #fff6ea;pointer-events:none;animation:.8s both v22-damage;position:absolute;top:20%}@keyframes v22-damage{0%{opacity:1;transform:translateY(8px)scale(.8)}30%{opacity:1;transform:translateY(-8px)scale(1.1)}to{opacity:0;transform:translateY(-42px)}}.v22-artwork-missing{text-align:center;background:#fff6eacc;border-radius:16px;place-content:center;height:100%;display:grid}.v22-artwork-missing small{display:block}.v22-artwork-missing button{font-size:11px}.v22-teams{border-bottom:1px solid #d8cbb7;grid-template-columns:1fr 1fr;gap:20px;padding:10px 0;display:grid}.v22-teams h2{margin:4px 0;font-size:16px}.v22-bench{gap:8px;display:flex}.v22-reserve{background:#fffaf2;border:1px solid #b9ac95;border-radius:12px;flex:1;min-width:0;padding:6px}.v22-reserve summary{cursor:pointer;grid-template-columns:44px 1fr;column-gap:6px;min-height:44px;list-style:none;display:grid}.v22-reserve .v22-artwork{grid-row:span 2;width:44px;height:44px}.v22-reserve strong{overflow-wrap:anywhere;font-size:12px}.v22-reserve small{font-size:11px;display:block}.v22-active-details{margin-top:6px;font-size:12px}.v22-active-details summary{cursor:pointer;min-height:30px}.v22-active-details small{display:block}.v22-actions{padding:12px 0}.v22-actions h2{margin:0 0 8px;font-size:22px}.v22-skills{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.v22-skills button{text-align:left;min-height:70px;font-size:14px;box-shadow:0 3px #24231f}.v22-surge{align-items:center;gap:10px;min-height:44px;padding-bottom:8px;font-weight:800;display:flex}.v22-surge input{accent-color:#ff6a2e;width:22px;height:22px}.v22-result{text-align:center;background:#ffedcf;border:2px solid #24231f;border-radius:20px;margin:16px 0;padding:20px}.v22-result h2{font:600 36px var(--font-display);margin:0 0 10px}.v22-result .primary-button{background:#ff6a2e;margin-top:12px}.v22-log{margin:14px 0;font-size:13px}.v22-log summary{cursor:pointer;min-height:44px}.v22-log[open]{max-height:220px;overflow:auto}.v22-roster-choice{border-bottom:1px solid #d8cbb7;align-items:center;gap:12px;padding:14px;display:flex}.v22-roster-choice img{object-fit:contain;width:72px;height:72px}.v22-roster-choice input{width:22px;height:22px}@media (max-width:600px){.v22-gameplay{padding:10px 12px 26px}.v22-game-header{padding-bottom:12px}.v22-game-header>a:first-child{font-size:22px}.v22-stage{border-radius:18px;height:350px;margin-top:12px}.v22-hud{width:44%;padding:8px;top:12px}.v22-side-self .v22-hud{left:10px}.v22-side-opponent .v22-hud{right:10px}.v22-hud strong{font-size:17px}.v22-hud small{font-size:9px}.v22-resources{gap:2px;font-size:10px}.v22-center{width:40%;font-size:10px;top:140px;left:30%}.v22-center p{margin:5px 0}.v22-stage-creature{width:43%;height:160px;bottom:10px}.v22-side-self .v22-stage-creature{left:3%}.v22-side-opponent .v22-stage-creature{right:3%}.v22-teams{gap:10px}.v22-bench{gap:4px}.v22-reserve summary{text-align:center;display:block}.v22-reserve .v22-artwork{width:38px;height:38px;margin:auto}.v22-reserve strong{font-size:10px}.v22-reserve small{font-size:9px}.v22-skills{grid-template-columns:1fr 1fr}.v22-skills button{min-height:60px;font-size:12px}.v22-active-details{font-size:10px}.v22-hit{font-size:26px}.v22-actions h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.v22-hit{animation:none;display:none}}.v22-actor-motion{transform-origin:50% 85%;width:100%;height:100%}.v22-stage-creature{display:block}.v22-actor-motion,.v22-stage-creature .v22-artwork{min-width:0;min-height:0}.v22-stage-creature .v22-artwork img{width:100%;height:100%;max-height:100%;position:absolute;inset:0}.v22-bench{flex-wrap:wrap}.v22-reserve[open]{flex-basis:100%;line-height:1.5}.v22-reserve[open]>small{margin-top:8px;display:block}.v22-motion-root{isolation:isolate;width:100%;height:100%;position:relative}.v22-motion-root .cartoon-travel,.v22-motion-root .cartoon-body{width:100%;height:100%;position:absolute;inset:0}.v22-motion-root .cartoon-body{transform-origin:50% 85%}.v22-motion-root .cartoon-effects{pointer-events:none;position:absolute;inset:0}.v22-motion-root .creature-shadow{bottom:0}.v22-motion-root .motion-echo{opacity:0}.v22-stage-creature:before{display:none}.v22-stage[data-presenting=true] .v22-stage-creature[data-ko=true] .v22-artwork img{opacity:1;filter:none}.v22-hud{color:#fff6ea;background:#24231f;border-radius:12px}.v22-hud .hp-track{background:#fff6ea33;border-radius:6px;height:12px;margin:8px 0 5px;position:relative;overflow:hidden}.v22-hud .hp-fill,.v22-hud .hp-trail{background:#92bf72;height:100%;transition:width .25s ease-out;position:absolute;inset:0 auto 0 0}.v22-hud .hp-trail{background:#ffba77;transition:width .45s ease-out .45s}.v22-hud .v22-resources [data-ready=true]{color:#ffbd88}.v22-skills .battle-action{background:#fff6ea;border:2px solid #24231f;border-radius:14px;flex-direction:column;align-items:stretch;gap:6px;padding:12px;transition:transform .1s;display:flex;box-shadow:0 4px #24231f}.v22-skills .battle-action:active{transform:translateY(3px);box-shadow:0 1px #24231f}.v22-skills .action-top{align-items:center;gap:8px;display:flex}.v22-skills .action-top svg{flex-shrink:0;width:30px;height:30px}.v22-skills .action-top strong{font:600 20px var(--font-display)}.v22-skills .action-power{font-size:12px;font-weight:800}.v22-skills .action-detail{font-size:11px;font-weight:600;line-height:1.4}.v22-log{background:#fff6ea;border:2px solid #24231f;border-radius:12px;padding:0 14px}.v22-log summary{text-transform:uppercase;align-items:center;font-weight:900;display:flex}.v22-log p{border-top:1px solid #24231f22;margin:0;padding:6px 0;line-height:1.5}@media (max-width:600px){.v22-skills .action-top strong{font-size:16px}.v22-skills .action-top svg{width:24px;height:24px}.v22-skills .battle-action{padding:9px}.v22-skills .action-detail{font-size:11px}.v22-hud .hp-track{height:9px}}.v22-panel .v22-stage{height:440px}.v22-panel .v22-stage .v22-stage-creature{height:245px}.v22-panel .v22-skills{grid-template-columns:repeat(3,minmax(0,1fr))}.v22-panel .v22-skills .battle-action{min-width:0}.v22-panel .v22-skills .action-top{text-align:left;justify-content:flex-start}.v22-panel .v22-skills .action-top strong{overflow-wrap:normal}.v22-motion-root .creature-shadow{width:70%;left:15%}.v22-motion-root .slam-shadow{opacity:0}@media (min-width:900px){.v22-panel{grid-template-columns:150px minmax(0,1fr) 120px;align-items:start;column-gap:16px;display:grid}.v22-panel>.v22-stage,.v22-panel>.v22-teams,.v22-panel>.v22-result{grid-column:1/-1}.v22-panel>.v22-actions{grid-area:3/2}.v22-panel>.v22-log{grid-area:3/1;margin-top:50px}.v22-panel>button{grid-area:3/3;margin-top:50px}.v22-panel>.v22-log[open]{max-height:260px}.v22-log p{font-size:12px}}@media (max-width:600px){.v22-panel .v22-stage{height:350px}.v22-panel .v22-stage .v22-stage-creature{height:160px}.v22-panel .v22-skills{grid-template-columns:repeat(3,minmax(0,1fr))}.v22-panel .v22-skills .action-top{flex-direction:column;align-items:flex-start;gap:4px}.v22-panel .v22-skills .action-top strong{font-size:14px}.v22-panel .v22-skills .action-power,.v22-panel .v22-skills .action-detail{font-size:10px}}.v22-panel .battle-action[data-kind=switch],.v22-panel .battle-action[data-kind=teamRelay]{grid-column:span 3;min-height:48px;padding:8px 12px;box-shadow:0 2px #24231f}.v22-panel .battle-action[data-kind=switch] .action-top,.v22-panel .battle-action[data-kind=teamRelay] .action-top{flex-direction:row;align-items:center}.v22-panel .battle-action[data-kind=switch] strong,.v22-panel .battle-action[data-kind=teamRelay] strong{font-size:14px}.v22-panel .battle-action[data-kind=switch] svg,.v22-panel .battle-action[data-kind=teamRelay] svg{width:20px;height:20px}@media (max-width:600px){.v22-reserve summary strong{max-height:28px;line-height:14px;overflow:hidden}.v22-panel .v22-skills .action-detail{line-height:1.35}.v22-panel .v22-skills .battle-action[data-kind=skill]{min-height:120px}}.v22-stage:not([data-presenting=true]) .v22-stage-creature[data-ko=true] .v22-motion-root{visibility:hidden}.v22-result-dialog .v22-result{background:0 0;border:0;margin:0;padding:12px 0 0}.v22-result-dialog .v22-result>h2{display:none}.v22-result-dialog{width:min(520px,100vw - 32px)}.v22-team-picker{max-width:1050px;margin:24px auto}.v22-team-picker header h2{font:600 clamp(28px,4vw,40px) var(--font-display);margin:0 0 8px}.v22-team-picker header p{color:#655f54;margin:0 0 24px}.v22-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.v22-picker-grid .v22-roster-choice{cursor:pointer;text-align:center;background:#fffaf2;border:2px solid #ded3c2;border-radius:22px;flex-direction:column;gap:6px;padding:18px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.v22-picker-grid .v22-roster-choice.is-selected{border-color:#ff6a2e;box-shadow:0 4px #ff6a2e}.v22-picker-grid .v22-roster-choice:has(input:focus-visible){outline-offset:4px;outline:3px solid #24231f}.v22-picker-grid .v22-roster-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.v22-picker-grid .v22-roster-choice input:disabled{cursor:not-allowed}.v22-picker-grid .v22-pick-art{aspect-ratio:1;place-items:center;width:100%;display:grid}.v22-picker-grid .v22-roster-choice img{object-fit:contain;width:100%;height:100%;max-height:240px}.v22-pick-number{background:#fff6ea;border:2px solid #ded3c2;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;font-weight:900;display:grid;position:absolute;top:12px;left:12px}.is-selected .v22-pick-number{color:#24231f;background:#ff6a2e;border-color:#ff6a2e}.v22-roster-choice strong{font:600 25px var(--font-display);overflow-wrap:anywhere}.v22-pick-level{font-weight:800}.v22-pick-traits{color:#655f54;text-transform:capitalize;font-size:13px}.v22-pick-error{color:#8a3820;font-size:13px}.is-unavailable .v22-pick-art{opacity:.5}.v22-team-order{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 12px;padding:0;list-style:none;display:grid}.v22-team-order li{border:1px solid #ded3c2;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.v22-team-order li>span{font:600 24px var(--font-display);color:#b64419}.v22-team-order small{letter-spacing:.08em;color:#655f54;font-size:11px;display:block}.v22-team-order strong{overflow-wrap:anywhere;font-size:14px;display:block}.v22-selection-count{color:#655f54;font-size:13px}@media (max-width:600px){.v22-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v22-picker-grid .v22-roster-choice{border-radius:18px;padding:12px 8px}.v22-roster-choice strong{font-size:21px}.v22-pick-number{width:30px;height:30px;font-size:17px;top:8px;left:8px}.v22-team-order{gap:6px}.v22-team-order li{align-items:flex-start;gap:6px;padding:8px}.v22-team-order strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.v22-picker-grid .v22-roster-choice{transition:none}}.v22-gameplay .v22-start-challenge{color:#24231f;width:min(100%,420px);min-height:56px;font:600 23px var(--font-display);cursor:pointer;background:#ff6a2e;border:2px solid #24231f;border-radius:16px;margin:20px auto;padding:14px 24px;display:block;box-shadow:0 4px #24231f}.v22-gameplay .v22-start-challenge:disabled{box-shadow:none;cursor:not-allowed}.v22-stamina{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.v22-stamina i{background:#d9d3c8;border:1px solid #aaa293;border-radius:50%;width:11px;height:11px;display:inline-block}.v22-stamina i[data-lit=true]{background:#ff9b35;border-color:#df5b1b;box-shadow:0 0 5px #ff9b3580}.v22-actions{padding-right:125px;position:relative}.v22-action-tools{flex-direction:column;gap:8px;width:115px;display:flex;position:absolute;top:12px;right:0}.v22-action-tools button{background:#fff6ea;border:2px solid #24231f;border-radius:12px;min-height:48px;font-weight:800}.v22-log>div{max-height:220px;overflow:auto}.v22-log>button{min-height:44px;font-weight:800}.v22-center [role=timer]{color:#fff6ea;background:#24231f;border-radius:16px;padding:5px 12px;font-size:20px;display:inline-block}.v22-skills [data-kind=switch] img{object-fit:contain;width:100%;height:100px}@media (max-width:600px){.v22-actions{padding-right:92px}.v22-action-tools{width:84px}.v22-action-tools button{padding:6px;font-size:12px}.v22-actions .v22-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.v22-stamina{gap:3px}.v22-stamina i{width:8px;height:8px}}.v22-panel{display:block}.v22-panel>.v22-log{margin-top:16px}.v22-panel .v22-skills .battle-action[data-kind=switch]{flex-direction:column;grid-column:auto;align-items:center;display:flex}.v22-panel .v22-skills .battle-action[data-kind=teamRelay]{grid-column:1/-1}.v22-panel .v22-skills:has([data-kind=switch]){grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:600px){.v22-panel .v22-actions .v22-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.v22-center{top:157px}.v22-panel .v22-stage{height:375px}}.v22-hud-reserves{gap:6px;margin-top:5px;display:flex}.v22-hud-reserves .v22-reserve{color:inherit;background:0 0;border:0;padding:0;position:relative}.v22-hud-reserves .v22-reserve summary{cursor:pointer;align-items:center;min-height:32px;padding:0;display:flex;position:relative}.v22-hud-reserves .v22-artwork{background:#fff6ea;border-radius:6px;width:32px;height:32px}.v22-hud-reserves details>div{z-index:20;background:#24231f;border:1px solid #fff6ea;border-radius:8px;width:160px;padding:8px;position:absolute;top:36px;left:0}.v22-hud-reserves details>div strong{font-size:14px}.v22-side-opponent .v22-hud-reserves details>div{left:auto;right:0}@media (max-width:600px){.v22-panel .v22-stage{height:410px}.v22-hud-reserves .v22-artwork{width:26px;height:26px}.v22-center{top:215px}}.v22-status-icons{align-items:center;gap:8px;margin-top:8px;display:flex}.v22-panel .v22-status-icon{color:#c6bfae;background:#393830;border:1px solid #fff6ea55;border-radius:10px;place-items:center;width:36px;min-height:36px;padding:6px;display:grid;position:relative;overflow:visible}.v22-status-icon>svg{width:22px;height:22px}.v22-status-icon>b{color:#24231f;background:#fff6ea;border-radius:7px;min-width:16px;padding:0 3px;font-size:10px;line-height:16px;position:absolute;bottom:-5px;right:-4px}.v22-status-icon>[role=tooltip]{color:#24231f;text-align:left;z-index:50;background:#fff6ea;border:2px solid #24231f;border-radius:10px;width:220px;max-width:70vw;padding:10px;font-size:12px;font-weight:600;line-height:1.5;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 4px 10px #24231f22}.v22-status-icon:hover>[role=tooltip],.v22-status-icon:focus>[role=tooltip]{display:block}.v22-side-opponent .v22-status-icon>[role=tooltip]{left:auto;right:0}.v22-surge-flames{pointer-events:none;position:absolute;inset:-9px -5px}.v22-surge-flames svg{fill:#ff7d2e;width:10px;height:16px;animation:.75s ease-in-out infinite alternate v22-flame;position:absolute}.v22-surge-flames svg:first-child{top:0;left:0}.v22-surge-flames svg:nth-child(2){animation-delay:.2s;top:3px;right:0}.v22-surge-flames svg:nth-child(3){animation-delay:.4s;top:-5px;left:14px}@keyframes v22-flame{to{opacity:.65;transform:translateY(-3px)scaleY(1.15)}}@media (prefers-reduced-motion:reduce){.v22-surge-flames svg{animation:none}}@media (max-width:600px){.v22-status-icons{gap:6px}.v22-panel .v22-status-icon{width:30px;min-height:30px;padding:5px}.v22-status-icon>svg{width:19px;height:19px}.v22-center{top:242px}.v22-panel .v22-stage{height:435px}}.v22-hud{z-index:3}.v22-hud-reserves .v22-reserve{flex:none}.v22-status-icons{margin-bottom:7px}.v22-hud:focus-within{z-index:40}.v22-hud:has(.v22-status-icon:hover){z-index:40}.v22-panel .v22-hud{color:#24231f;background:#fff6eaf5;border:1.5px solid #c7b79c;border-radius:16px;padding:9px 12px;box-shadow:0 3px #b49a7026}.v22-panel .v22-hud strong{font-size:20px;line-height:1.15}.v22-panel .v22-hud .hp-track{background:#ded5c4;height:8px;margin:6px 0 3px}.v22-panel .v22-hud>span{font-size:11px}.v22-panel .v22-stamina{gap:4px}.v22-panel .v22-stamina i{width:7px;height:7px}.v22-panel .v22-resources{margin-top:4px}.v22-panel .v22-status-icons{gap:8px;margin:5px 0 2px}.v22-panel .v22-status-icon{color:#8a806d;background:#f0e6d5;border-color:#d4c5ac;border-radius:8px;width:28px;min-height:28px;padding:4px}.v22-panel .v22-status-icon>svg{width:18px;height:18px}.v22-panel .v22-status-icon.surge-ready,.v22-panel .v22-status-icon.surge-active{color:#a64c10;background:#ffdf9b;border-color:#ed9b36;box-shadow:0 0 8px #ffac4255}.v22-panel .v22-status-icon:hover,.v22-panel .v22-status-icon:focus-visible{color:#854312;background:#ffe6bb}.v22-status-icon>b{min-width:13px;font-size:9px;line-height:13px;bottom:-3px;right:-3px}.v22-panel .v22-center [role=timer]{color:#a3441c;font-family:var(--font-display);background:#fff1d9;border:1.5px solid #efb27e;min-width:60px;padding:3px 10px;font-size:23px;box-shadow:0 2px #d89b6826}.v22-roster-inspect{color:#655f54;margin-top:8px;font-size:12px}.v22-roster-inspect>summary{cursor:pointer;padding:8px 0}.v22-roster-inspect-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.v22-roster-inspect .v22-hud-reserves details>div{color:#24231f;background:#fff6ea;width:auto;position:static}.v22-roster-inspect .v22-hud-reserves{flex-wrap:wrap}@media (max-width:600px){.v22-panel .v22-hud{width:44%;padding:8px;top:12px}.v22-panel .v22-hud strong{font-size:16px}.v22-panel .v22-hud small{font-size:9px}.v22-panel .v22-hud>span{font-size:10px}.v22-panel .v22-center{top:167px}.v22-panel .v22-stage{height:365px}.v22-panel .v22-status-icons{gap:7px}.v22-panel .v22-status-icon{width:26px;min-height:26px}}.v22-gameplay .v22-game-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:76px;display:grid}.v22-game-header .v22-static-brand{justify-self:start;align-items:center;display:flex}.v22-static-brand img{object-fit:contain;width:165px;height:48px;display:block}.v22-game-header>a:last-child{justify-self:end}@media (max-width:600px){.v22-gameplay .v22-game-header{gap:8px;min-height:64px}.v22-static-brand img{width:120px;height:40px}.v22-game-header>span:nth-child(2){font-size:11px}}.v22-hud-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.v22-hud-heading strong{min-width:0}.v22-level{color:#65513a;flex-shrink:0;font-size:12px;font-weight:800}.v22-panel .v22-actions{grid-template-columns:minmax(0,1fr) 110px;align-items:start;gap:12px;padding:18px 0 4px;display:grid}.v22-actions>h2{grid-area:1/1/auto/-1;margin:0}.v22-actions>.v22-surge{grid-area:2/1/auto/-1;padding:0}.v22-actions>.v22-skills,.v22-actions>p{grid-area:3/1;margin:0}.v22-actions>.v22-action-tools{grid-area:3/2;gap:10px;width:auto;position:static}.v22-panel .v22-skills .battle-action[data-signature=true]{background:#ffecd2;border-color:#b75b25;box-shadow:0 4px #b75b25}.v22-panel .v22-log{padding:0;overflow:hidden}.v22-log>button{text-align:left;width:100%;box-shadow:none;text-transform:uppercase;background:0 0;border:0;border-radius:0;align-items:center;padding:12px 16px;display:flex}.v22-log>div{padding:0 16px}.v22-log>div[hidden]{display:none}@media (max-width:600px){.v22-panel .v22-actions{grid-template-columns:minmax(0,1fr) 76px;gap:10px 8px}.v22-action-tools button{min-height:44px}.v22-level{font-size:10px}.v22-hud-heading{gap:4px}.v22-panel .v22-skills .action-top strong{font-size:15px}}.v22-action-tools button{white-space:nowrap;letter-spacing:0;padding-inline:6px}@media (max-width:600px){.v22-panel:not(.v22-refreshed) .v22-skills>.battle-action:nth-child(3):last-child{grid-column:1/-1}}.v22-skills .action-speed{color:#66533d;font-size:11px;font-weight:700;line-height:1.4}.v22-actions>.v22-skills~p{grid-area:4/1/auto/-1}.v22-actions>.v22-surge-control{grid-area:2/1/auto/-1;align-items:center;gap:12px;min-height:44px;display:flex}.v22-surge-control small{color:#776b5c;font-size:12px}.v22-surge-toggle{color:#776b5c;background:#f2e8d8;border:1px solid #d4c3a7;border-radius:12px;min-height:44px;padding:8px 12px;font-size:12px;font-weight:800;transition:background .25s,color .25s,box-shadow .25s}.v22-surge-toggle:disabled{opacity:1;cursor:default}.v22-surge-toggle[data-ready=true]{color:#a8440c;background:#fff0c7}.v22-surge-toggle[aria-pressed=true],.v22-surge-toggle[data-active=true]{color:#92360d;background:#ffdfab;box-shadow:0 0 12px #ff9b3540}.v22-surge-toggle:focus-visible{outline-offset:2px;outline:3px solid #ff6a2e}.v22-panel .v22-skills:has([data-signature=true]){grid-template-columns:repeat(3,minmax(0,1fr))}.v22-panel .v22-skills [data-signature=true]{grid-column:1/-1}@media (max-width:600px){.v22-panel .v22-skills:has([data-signature=true]){grid-template-columns:repeat(2,minmax(0,1fr))}.v22-panel .v22-skills:has([data-signature=true])>button:nth-child(3){grid-column:1/-1}.v22-surge-control{gap:8px}.v22-surge-control small{font-size:11px}}@media (prefers-reduced-motion:reduce){.v22-surge-toggle{transition:none}}.v22-picker-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.v22-picker-grid .v22-roster-choice{border-radius:18px;gap:6px;padding:12px}.v22-picker-grid .v22-pick-art{aspect-ratio:auto;height:130px}.v22-picker-grid .v22-roster-choice img{height:130px;max-height:130px}.v22-picker-grid .v22-roster-choice strong{font-size:21px}.v22-picker-grid .v22-pick-number{width:28px;height:28px;font-size:16px;top:8px;left:8px}@media (max-width:600px){.v22-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v22-picker-grid .v22-roster-choice{padding:10px 8px}.v22-picker-grid .v22-pick-art,.v22-picker-grid .v22-roster-choice img{height:100px}.v22-picker-grid .v22-roster-choice strong{font-size:19px}.v22-pick-traits{font-size:11px}}.v22-charge-energy{opacity:0;border:5px dashed #ffd26a;border-radius:50%;position:absolute;inset:8%;box-shadow:0 0 22px #ffc05b,inset 0 0 22px #ffc05b}.v22-slash{filter:drop-shadow(0 0 3px #d66b37);opacity:0;border-top:9px solid #fff8d4;border-radius:50%;width:100%;height:24%;position:absolute;top:30%;left:0}.v22-finale{pointer-events:none;opacity:0;z-index:6;color:#e9a33d;text-shadow:1px 1px #24231f;position:absolute;inset:0}.v22-finale i{font-size:42px;font-style:normal;position:absolute}.v22-finale i:first-child{top:15%;left:10%}.v22-finale i:nth-child(2){font-size:56px;top:5%;right:10%}.v22-finale i:nth-child(3){font-size:30px;top:60%;right:20%}.v22-recovery{background:#fff6ea;border:2px solid #ff6a2e;border-radius:18px;margin:16px 0;padding:18px}.v22-recovery h2{margin:0 0 12px}.v22-recovery button{color:#24231f;background:#ff6a2e;border:2px solid #24231f;border-radius:12px;width:100%;min-height:48px;margin:8px 0;padding:12px;font-weight:800;display:block}.v22-idle-body{transform-origin:50% calc(100% - 8px);position:absolute;inset:0}.v22-panel.v22-refreshed{flex-direction:column;gap:14px;max-width:1120px;margin:auto;display:flex}.v22-refreshed .v22-stage{background:#fff8ed;border:1px solid #dfd2b9;border-radius:24px;width:100%;height:440px;overflow:hidden}.v22-refreshed .v22-hud{color:#302b24;background:#fffaf0eb;border:1px solid #ded2b8;border-radius:17px;width:32%;padding:14px;top:18px;box-shadow:0 3px #d6c7aa55}.v22-refreshed .v22-hud small,.v22-refreshed .v22-hud>span{color:#726851}.v22-refreshed .v22-hud strong{color:#292720;font-size:20px}.v22-refreshed .hp-track{background:#e5dcc7;border:0;border-radius:9px;height:12px;overflow:hidden}.v22-refreshed .hp-fill{background:#83b965}.v22-refreshed .v22-center{color:#534b3a;top:25px}.v22-refreshed .v22-center p{color:#534b3a;background:#fff8ed;border:1px solid #e3d5bc}.v22-panel.v22-refreshed .v22-stage .v22-stage-creature{width:25.5%;height:183.75px}.v22-panel.v22-refreshed .v22-side-self .v22-stage-creature{left:11.25%}.v22-panel.v22-refreshed .v22-side-opponent .v22-stage-creature{right:11.25%}.v22-refreshed .v22-actions{background:#fffaf0;border:1px solid #dfd2b9;border-radius:22px;flex-direction:column;gap:12px;padding:18px;display:flex}.v22-refreshed .v22-actions h2{order:0;margin:0;font-size:15px}.v22-refreshed .v22-action-tools{order:4;justify-content:space-between;gap:12px;display:flex;position:static}.v22-refreshed .v22-action-tools button{color:#665644;background:#f8efdf;border:1px solid #ded0b8;border-radius:11px;min-width:80px;min-height:44px}:is(.v22-panel.v22-refreshed .v22-skills,.v22-panel.v22-refreshed .v22-skills:has([data-signature=true])){grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.v22-panel.v22-refreshed .v22-skills>button{color:#332d24;background:#fff9ed;border:1.5px solid #cbbd9e;border-radius:14px;grid-column:auto;min-width:0;min-height:114px;margin:0;padding:14px 10px;box-shadow:0 3px #cbbb9f}.v22-refreshed .action-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.v22-refreshed .action-top strong{overflow-wrap:anywhere;font-size:16px}.v22-refreshed .action-top svg{width:28px;height:28px}.v22-refreshed .action-detail{display:none}.v22-refreshed .action-power,.v22-refreshed .action-speed{color:#726349;font-size:12px;line-height:1.6}.v22-refreshed .v22-signature-row{flex-wrap:wrap;gap:8px;width:100%;display:flex}.v22-refreshed .v22-signature-row>.v22-surge-toggle,.v22-refreshed .v22-signature-button,.v22-refreshed .v22-relay-choices{color:#7a694d;background:#f3e7cf;border:1.5px solid #c8b487;border-radius:14px;width:100%;min-height:56px;font-weight:800}.v22-refreshed .v22-signature-row>.v22-surge-toggle[data-ready=true],.v22-refreshed .v22-signature-button,.v22-refreshed .v22-relay-choices{color:#7e4217;background:#ffe1a3;border-color:#c7904d}.v22-refreshed .v22-signature-button{justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.v22-refreshed .v22-signature-button svg{width:28px;height:28px}.v22-refreshed .v22-signature-button span{font-size:12px}.v22-refreshed .v22-surge-cancel{background:0 0;border:0;min-height:36px;margin-left:auto;font-size:12px;text-decoration:underline}.v22-refreshed .v22-relay-choices summary{cursor:pointer;text-align:center;padding:16px}.v22-refreshed .v22-relay-choices button{background:#fff4dc;border:0;border-top:1px solid #d4b67b;width:100%;min-height:44px;padding:14px;display:block}.v22-refreshed .v22-log{background:#fffaf0;border:1px solid #dfd2b9;border-radius:14px;order:5;width:100%;padding:12px}.v22-refreshed .v22-log>button{text-align:left;width:100%;min-height:32px;display:block}.v22-refreshed .v22-log>div:not([hidden]){max-height:180px;overflow:auto}.v22-music-toggle{color:#423b2d;background:#fff8ed;border:1px solid #dacbb1;border-radius:50%;place-items:center;min-width:44px;min-height:44px;margin-left:auto;display:grid}.v22-music-toggle svg{width:24px;height:24px}@media (max-width:600px){.v22-refreshed .v22-stage{border-radius:18px;height:365px}.v22-refreshed .v22-hud{border-radius:13px;width:43%;padding:10px;top:12px}.v22-refreshed .v22-hud strong{font-size:15px}.v22-refreshed .v22-hud small,.v22-refreshed .v22-hud>span{font-size:10px}.v22-refreshed .v22-center{width:100%;font-size:11px;top:160px;left:0;transform:none}.v22-refreshed .v22-center p{margin:3px;padding:3px 9px;display:inline-block}.v22-panel.v22-refreshed .v22-stage .v22-stage-creature{width:32.25%;height:120px}.v22-panel.v22-refreshed .v22-side-self .v22-stage-creature{left:8.375%}.v22-panel.v22-refreshed .v22-side-opponent .v22-stage-creature{right:8.375%}.v22-refreshed .v22-actions{gap:10px;padding:12px}.v22-panel.v22-refreshed .v22-skills{gap:7px}.v22-panel.v22-refreshed .v22-skills>button{min-height:116px;padding:10px 5px}.v22-refreshed .action-top{flex-direction:column;gap:4px}.v22-refreshed .action-top strong{font-size:13px}.v22-refreshed .action-power,.v22-refreshed .action-speed{font-size:10px}}.v22-refreshed,.v22-refreshed *{box-sizing:border-box}.v22-panel.v22-refreshed .v22-skills .action-detail{display:none}.v22-panel.v22-refreshed .v22-skills .action-top strong{overflow-wrap:anywhere}.v22-panel.v22-refreshed .v22-skills>button[data-kind=switch]{grid-column:1/-1}.v22-panel.v22-refreshed{align-items:stretch}.v22-panel.v22-refreshed>.v22-actions{width:100%}.v22-refreshed .v22-hud-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:380px){.v22-refreshed .v22-status-icons{gap:4px}.v22-panel.v22-refreshed .v22-status-icon{flex-shrink:0;width:24px;min-height:24px;padding:3px}.v22-refreshed .v22-status-icon>svg{width:16px;height:16px}.v22-refreshed .v22-center{top:175px}}.v22-panel.v22-refreshed .v22-action-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.v22-panel.v22-refreshed .v22-action-header h2{flex:1;min-width:80px;margin:0}.v22-panel.v22-refreshed .v22-action-header .v22-action-tools{flex-direction:row;order:0;justify-content:flex-end;align-items:center;gap:8px;width:auto;margin-left:auto;display:flex;position:static}.v22-panel.v22-refreshed .v22-action-header .v22-action-tools button{white-space:normal;min-width:64px;padding:8px 12px}@media (max-width:380px){.v22-panel.v22-refreshed .v22-action-header .v22-action-tools button{min-width:56px;padding:8px;font-size:12px}}.v22-panel.v22-refreshed .v22-actions .v22-skills.v22-roster-picker{flex-direction:row;align-items:stretch;gap:12px;width:100%;min-width:0;display:flex}.v22-panel.v22-refreshed .v22-roster-picker>button[data-kind=switch]{text-align:center;flex-direction:column;flex:1 1 0;grid-column:auto;justify-content:center;align-items:center;gap:8px;width:0;min-width:0;min-height:180px;padding:14px 10px;display:flex}.v22-panel.v22-refreshed .v22-roster-picker .v22-artwork{flex:none;width:100%;height:100px}.v22-panel.v22-refreshed .v22-roster-picker .action-top{text-align:center;justify-content:center}.v22-panel.v22-refreshed .v22-roster-picker>button[data-ko=true]{filter:grayscale();color:#8c8982;opacity:.6;cursor:not-allowed;background:#eeece7;border-color:#ccc9c1;box-shadow:0 3px #c9c6bf}.v22-panel.v22-refreshed .v22-roster-picker>button[data-selected=true]{background:#fff0d9;border-color:#d96a28;box-shadow:0 3px #d96a28}.v22-refreshed .v22-relay-followups{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.v22-refreshed .v22-relay-followups button{background:#fff5e1;border:1px solid #cbbd9e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:90px;padding:10px;display:flex}.v22-refreshed .v22-relay-followups svg{width:24px;height:24px}@media (max-width:600px){.v22-panel.v22-refreshed .v22-actions .v22-roster-picker{gap:8px}.v22-panel.v22-refreshed .v22-roster-picker>button[data-kind=switch]{min-height:164px;padding:10px 6px;font-size:11px}.v22-panel.v22-refreshed .v22-roster-picker .v22-artwork{height:78px}.v22-panel.v22-refreshed .v22-roster-picker .action-top strong{font-size:13px}.v22-roster-picker small{font-size:10px}}.v22-panel.v22-refreshed .v22-hud{width:35%;padding:10px 12px}.v22-panel.v22-refreshed .v22-hud .hp-track{isolation:isolate;border-radius:7px;height:20px;margin:0 0 9px}.v22-hp-number{color:#24231f;text-shadow:0 1px 2px #fff;z-index:2;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;inset:0}.v22-panel.v22-refreshed .hp-fill{background:#8fbd73}.v22-panel.v22-refreshed [data-health=low] .hp-fill{background:#efc553}.v22-panel.v22-refreshed [data-health=critical] .hp-fill{background:#e77c6c}.v22-panel.v22-refreshed .hp-trail{background:#f2d7a3;transition:width .5s ease-out .45s}.v22-hud-body{justify-content:space-between;gap:8px;display:flex}.v22-hud-identity{flex:1;min-width:0}.v22-hud-identity>strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.v22-hud-stats{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:45px;display:flex}.v22-panel.v22-refreshed .v22-hud-stats .v22-status-icons{margin:10px 0 0}.v22-panel.v22-refreshed .v22-side-opponent .v22-hud-body{text-align:right;flex-direction:row-reverse}.v22-side-opponent .v22-resources,.v22-side-opponent .v22-hud-identity .v22-status-icons{justify-content:flex-end}.v22-side-opponent .hp-fill,.v22-side-opponent .hp-trail{left:auto;right:0}.v22-panel.v22-refreshed .v22-status-icons:empty{display:none}.v22-panel.v22-refreshed .v22-status-icon[data-resource=surge]{width:38px;min-height:44px;box-shadow:none;isolation:isolate;color:#795c2c;background:0 0;border:0;padding:7px}.v22-surge-vessel{z-index:-1;background:#ede5d4;border:2px solid #9e8966;border-top-width:1px;border-radius:4px 4px 11px 11px;position:absolute;inset:2px 3px 5px;overflow:hidden}.v22-surge-vessel i{background:#edb951;transition:height .65s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;right:0}.v22-surge-ready-label{color:#815013;background:#fff5dd;border-radius:4px;padding:1px 3px;font-size:8px;font-weight:900;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.v22-matchup{color:#a9a69c;flex-shrink:0;place-items:center;font-size:24px;font-weight:900;line-height:1;display:inline-grid}.v22-matchup[data-relation=advantage]{color:#3b8b4c}.v22-matchup[data-relation=disadvantage]{color:#c34d42}.v22-hud>.v22-matchup{position:absolute;bottom:-26px;left:10px}.v22-side-opponent .v22-hud>.v22-matchup{left:auto;right:10px}.v22-panel.v22-refreshed .v22-center [role=timer]{color:#24231f;box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:0;font-size:28px}.v22-panel.v22-refreshed .v22-center [role=timer][data-urgent=true]{color:#c43830}.v22-panel.v22-refreshed .v22-center p{box-shadow:none;background:0 0;border:0;font-size:11px}@media (max-width:600px){.v22-panel.v22-refreshed .v22-hud{width:44%;padding:8px}.v22-panel.v22-refreshed .v22-hud strong{font-size:14px}.v22-hud-body{gap:4px}.v22-hud-stats{min-width:35px}.v22-panel.v22-refreshed .v22-hud .hp-track{height:18px}.v22-panel.v22-refreshed .v22-center{top:193px}.v22-panel.v22-refreshed .v22-stage{height:400px}.v22-panel.v22-refreshed .v22-status-icons{flex-wrap:wrap;gap:4px}}@media (prefers-reduced-motion:reduce){.v22-surge-vessel i,.v22-panel.v22-refreshed .hp-trail,.v22-panel.v22-refreshed .hp-fill{transition:none}}.v22-panel.v22-refreshed .v22-hud>.v22-matchup{font-size:24px}.v22-panel.v22-refreshed .v22-matchup[data-relation=advantage]{color:#3b8b4c}.v22-panel.v22-refreshed .v22-matchup[data-relation=disadvantage]{color:#c34d42}.v22-panel.v22-refreshed .v22-matchup[data-relation=neutral]{color:#a9a69c}.v22-panel.v22-refreshed .v22-hud{padding:8px 10px}.v22-panel.v22-refreshed .v22-hud .hp-track{height:18px;margin:6px 0}.v22-hud-energy{justify-content:space-between;align-items:center;gap:10px;display:flex}.v22-hud-energy>.v22-status-icons{margin:0}.v22-panel.v22-refreshed .v22-hud-energy [data-resource=surge]{border:1px solid #baa785;border-radius:5px;justify-content:start;width:75px;height:18px;min-height:18px;padding:1px 5px}.v22-hud-energy [data-resource=surge]>svg{width:13px;height:13px}.v22-hud-energy .v22-surge-vessel{border:0;border-radius:4px;inset:0}.v22-hud-energy .v22-surge-vessel i{height:100%;transition:width .65s cubic-bezier(.2,.7,.2,1);top:0;bottom:0;right:auto}.v22-hud-energy .v22-surge-ready-label{background:0 0;padding:0;font-size:9px;bottom:2px;left:auto;right:3px;transform:none}.v22-hud-energy [data-resource=surge]>b{background:0 0;font-size:10px;bottom:1px;right:4px}.v22-hud-energy .v22-surge-flames{display:none}.v22-panel.v22-refreshed .v22-side-opponent .v22-hud-energy,.v22-panel.v22-refreshed .v22-side-opponent .v22-stamina{flex-direction:row-reverse}.v22-side-opponent .v22-hud-energy .v22-surge-vessel i{left:auto;right:0}.v22-hud-status-row{align-items:center;gap:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.v22-side-opponent .v22-hud-status-row{flex-direction:row-reverse;left:auto;right:0}.v22-panel.v22-refreshed .v22-hud-status-row .v22-status-icons{flex-wrap:nowrap;gap:6px;margin:0}.v22-side-opponent .v22-hud-status-row .v22-status-icons{flex-direction:row-reverse}.v22-panel.v22-refreshed .v22-hud-status-row .v22-matchup,.v22-panel.v22-refreshed .v22-hud-status-row .v22-status-icon{box-sizing:border-box;background:#fff6ea;border:1px solid #c7b79c;border-radius:7px;place-items:center;width:26px;height:26px;min-height:26px;padding:4px;font-size:23px;line-height:1;display:grid;box-shadow:0 2px #b49a7026}.v22-panel.v22-refreshed .v22-hud-status-row .v22-status-icon>svg{width:16px;height:16px}.v22-panel.v22-refreshed .v22-hud-status-row .v22-status-icon>b{min-width:12px;font-size:9px;line-height:12px;bottom:-3px;right:-3px}@media (max-width:600px){.v22-panel.v22-refreshed .v22-hud{padding:7px}.v22-hud-energy{gap:4px}.v22-panel.v22-refreshed .v22-hud-energy [data-resource=surge]{width:48px}.v22-panel.v22-refreshed .v22-stamina{flex-wrap:nowrap;gap:3px}.v22-panel.v22-refreshed .v22-stamina i{width:6px;height:6px}.v22-panel.v22-refreshed .v22-center{top:162px}}@media (prefers-reduced-motion:reduce){.v22-hud-energy .v22-surge-vessel i{transition:none}}.v22-panel.v22-refreshed .v22-hud-body{min-height:44px}.v22-panel.v22-refreshed .v22-hud-identity>small{line-height:12px}.v22-panel.v22-refreshed .v22-hud .hp-fill,.v22-panel.v22-refreshed .v22-hud .hp-trail{border-radius:inherit;left:0;right:auto}.v22-panel.v22-refreshed .v22-side-opponent .v22-hud .hp-fill,.v22-panel.v22-refreshed .v22-side-opponent .v22-hud .hp-trail{left:auto;right:0}.v22-panel.v22-refreshed .v22-hud .hp-fill{transition:width .25s ease-out,background-color .15s}.v22-panel.v22-refreshed .v22-hud .hp-trail{transition:width .5s ease-out .45s}.v22-panel.v22-refreshed .v22-actions .v22-roster-picker>button[data-kind=switch]{gap:4px;min-height:110px;padding:8px}.v22-panel.v22-refreshed .v22-roster-picker .v22-artwork{width:64px;max-width:100%;height:48px}.v22-panel.v22-refreshed .v22-roster-picker .v22-artwork img{object-fit:contain;width:100%;height:100%}.v22-panel.v22-refreshed .v22-roster-picker .action-top strong{font-size:14px}.v22-panel.v22-refreshed .v22-roster-picker .v22-matchup{font-size:20px}.v22-panel.v22-refreshed .v22-roster-picker>button>span:last-child{font-size:11px}@media (prefers-reduced-motion:reduce){.v22-panel.v22-refreshed .v22-hud .hp-fill,.v22-panel.v22-refreshed .v22-hud .hp-trail{transition:none}}.v22-panel.v22-refreshed .v22-tray-content{flex-direction:column;gap:6px;min-width:0;height:110px;min-height:110px;display:flex}.v22-panel.v22-refreshed .v22-tray-content>.v22-skills{flex:1;width:100%;min-height:0}.v22-panel.v22-refreshed .v22-tray-content .v22-skills>button{justify-content:center;gap:2px;min-height:0;padding:5px 8px;overflow:auto}.v22-panel.v22-refreshed .v22-tray-content .action-top{flex-wrap:nowrap;gap:5px}.v22-panel.v22-refreshed .v22-tray-content .action-top strong{font-size:14px;line-height:1.15}.v22-panel.v22-refreshed .v22-tray-content .action-top svg{width:20px;height:20px}.v22-panel.v22-refreshed .v22-tray-content .action-power,.v22-panel.v22-refreshed .v22-tray-content .action-speed{flex-shrink:0;font-size:11px;line-height:1.25}.v22-panel.v22-refreshed .v22-tray-content .v22-signature-row{flex-wrap:nowrap;flex:none;gap:5px;height:30px}.v22-panel.v22-refreshed .v22-tray-content .v22-signature-row>button{border-radius:9px;height:30px;min-height:30px;padding:3px 9px;font-size:12px}.v22-panel.v22-refreshed .v22-tray-content .v22-signature-row>.v22-surge-cancel{flex-shrink:0;width:auto}.v22-panel.v22-refreshed .v22-tray-content .v22-signature-button svg{width:18px;height:18px}.v22-panel.v22-refreshed .v22-tray-content .v22-roster-picker>button[data-kind=switch]{gap:3px;min-height:0;padding:6px}.v22-panel.v22-refreshed .v22-tray-content .v22-roster-picker .v22-artwork{height:42px}.v22-skill-help section+section{border-top:1px solid #d8cbb7;padding-top:10px}.v22-skill-help p{line-height:1.5}@media (max-width:600px){.v22-panel.v22-refreshed .v22-tray-content{height:160px;min-height:160px}.v22-panel.v22-refreshed .v22-tray-content .action-top{flex-wrap:wrap}.v22-panel.v22-refreshed .v22-tray-content .action-top strong{font-size:13px}.v22-panel.v22-refreshed .v22-tray-content .v22-skills>button{padding:5px}.v22-panel.v22-refreshed .v22-action-header .v22-action-tools button[aria-label=Skills]{min-width:32px;padding:5px}}.v22-panel.v22-refreshed .v22-action-header .v22-action-tools .v22-skill-help-toggle{width:32px;min-width:32px;padding:5px}.v22-skill-help-toggle span{border:1.5px solid;border-radius:50%;place-items:center;width:16px;height:16px;font:700 12px Georgia,serif;display:inline-grid}.v22-panel.v22-refreshed .v22-tray-content{align-self:stretch;width:100%}.v22-stage.battle-stage .arena-painted{object-fit:fill;object-position:center;opacity:1;width:100%;height:100%}@media (max-width:600px){.v22-stage.battle-stage .arena-painted{object-fit:cover;object-position:center 65%}}@media (min-width:601px) and (max-width:1366px) and (pointer:coarse){.v22-panel.v22-refreshed .v22-tray-content{height:140px;min-height:140px}.v22-panel.v22-refreshed .v22-tray-content .v22-signature-row{height:44px}.v22-panel.v22-refreshed .v22-tray-content .v22-signature-row>button{height:44px;min-height:44px}.v22-panel.v22-refreshed .v22-action-header .v22-action-tools .v22-skill-help-toggle{width:44px;min-width:44px;min-height:44px}.v22-panel.v22-refreshed .v22-tray-content .action-top strong{overflow-wrap:anywhere}}@media (min-width:601px) and (max-width:1366px) and (max-height:850px) and (pointer:coarse){.v22-panel.v22-refreshed .v22-stage{height:clamp(300px,45dvh,380px)}}.v22-private-format{background:#fff9ef;border:1px solid #ded1bb;border-radius:18px;margin:20px 0;padding:18px}.v22-private-format [role=group]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.v22-private-format button{overflow-wrap:anywhere;background:#fff6ea;border:1px solid #d6c4a6;border-radius:12px;min-height:52px;font-weight:800}.v22-private-format button[aria-pressed=true]{background:#ffdfbf;border-color:#d65a21;box-shadow:inset 0 0 0 1px #d65a21}.v22-private-format button:disabled{cursor:not-allowed;opacity:.5}.v22-private-format p{margin:10px 0 0;font-size:13px;line-height:1.5}
:root{--odd-page-title:clamp(32px,4vw,44px);--odd-section-title:clamp(24px,3vw,30px)}html body{font-family:var(--font-body);font-size:16px;line-height:1.5}body :is(button,input,textarea,select){font-family:var(--font-body)}body :is(h1,h2,h3){font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.15}body main:not(.landing-page) h1{font-size:var(--odd-page-title);letter-spacing:-.02em;font-weight:600;line-height:1.15}body :is(.habitat-heading,.collection-heading,.v22-team-picker) h2{font-size:var(--odd-section-title);font-weight:600}body :is(.game-header,.v22-game-header) :is(a,button){font-family:var(--font-body);font-weight:800}body :is(.primary-button,.secondary-button,.danger-button,.v22-start-challenge){font-family:var(--font-body);letter-spacing:0;font-size:16px;font-weight:800;line-height:1.4}body :is(.v22-hud,.v22-resources,.profile-stats){font-variant-numeric:tabular-nums}