/* finesse · register=game · A=slate+vermilion · B=custom-wordmark+brush · C=poster+mode-rail · D=GSAP-loop+sprite · E=matte-stage · SOUL=8 SPECTACLE=5 DENSITY=6 */
/* MEME Fight 2.2 — shared lobby, selection, battle and system surfaces. */
:root{--yellow:#f04b35;--ink:#131517;--paper:#f3f3ef;--muted:#a8abaa;--line:#383c3d;--blue:#8bd2ed;--red:#ff9a86}
body{background:#131517;color:var(--paper)}
.app-shell{max-width:1640px}
.site-header{height:76px;padding:0 3.5%;border-color:#383c3d}
.brand{min-height:44px}.brand svg{color:#f04b35}.brand span{letter-spacing:-.04em;font-weight:900}
.site-header nav{gap:28px}.text-button,.icon-button{min-width:44px;min-height:44px}
.text-button:hover{color:#ff9a86}
.home-screen{padding:0 3.5%}
.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;height:59px;font-size:12px;letter-spacing:.09em;color:#b5bab8}
.lobby-heading>span:first-child{color:#f3f3ef;font-weight:800}
.lobby-heading>span:last-child{letter-spacing:0}
#gamepad-pill{color:#9cdcbb;font-size:12px;letter-spacing:0;margin-left:auto}
.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}
.poster{display:grid;grid-template-columns:34% 66%;height:535px;min-height:535px;max-height:none;background:#e7e8e3;color:#171a1b;border-radius:3px;isolation:isolate}
.poster:after{display:none}
.poster-copy{padding:34px 0 0 34px;z-index:4}
.poster-intro{font-size:12px;color:#434b49;letter-spacing:.03em;white-space:nowrap;display:flex;align-items:center;gap:8px}
.poster-intro>span{width:7px;height:7px;display:inline-block;border-radius:50%;background:#f04b35}
.art-title{font-size:clamp(65px,6.5vw,103px);line-height:1.04;transform:rotate(-3deg);margin:36px 0 24px;letter-spacing:-.04em;color:#1b1e1f;width:310px;max-width:110%;transform-origin:center}
.meme-wordmark{display:block;width:100%;height:auto;max-width:none}
.art-title span:last-child{margin:12px 0 0 -4px;color:#f04b35;font-size:.98em}
.hero-description{color:#484f4b;font-size:15px;line-height:1.9;font-weight:600}
.instant-note{color:#626a67;font-size:12px;margin-top:26px;white-space:nowrap}
.poster-arena{margin:0;z-index:1}
.poster-arena:before{inset:-14% -20% -20% 44%;background:#d3d7cf;transform:rotate(18deg);z-index:-2}
.poster-arena:after{inset:auto -18% 9% 4%;height:13%;background:#c5cac1;transform:rotate(-14deg);z-index:-1}
.arena-type{left:16%;top:6%;font-size:88px;opacity:.09;line-height:.91;letter-spacing:-.08em}
.poster-fighter{height:81%;width:83%;bottom:8%}
.home-frog{left:-20%;z-index:2;bottom:10%}
.home-roo{right:-16%;height:83%;bottom:14%}
.poster-fighter>span{bottom:0;left:33%;background:#1d2221;color:#fff;padding:7px 17px;transform:rotate(-5deg);font-size:20px;box-shadow:3px 3px 0 #e7e8e3}
.poster-fighter small{font-size:10px;letter-spacing:.1em;font-weight:500;color:#bdc5c0}
.home-roo>span{left:32%;bottom:-4%;background:#f04b35;transform:rotate(4deg)}
.home-roo small{color:#fff}
.vs-stamp{top:45%;left:46%;font-size:66px;color:#f04b35;text-shadow:3px 3px 0 #e7e8e3}
.poster-bottom{position:absolute;bottom:0;inset-inline:0;display:flex;justify-content:space-between;gap:16px;padding:13px 24px;background:#dce0d7;color:#4a514c;font-size:12px;z-index:5}
.mode-dock{display:flex;flex-direction:column;padding:0;background:#1c2021;border:1px solid #383c3d;border-radius:3px;overflow:hidden}
.mode-heading{padding:22px 20px 20px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px solid #383c3d}
.mode-heading>span{font-size:19px;font-weight:800}.mode-heading small{font-size:9px;letter-spacing:.09em;color:#9ba5a0}
.mode-entry,.mode-entry+.mode-entry{padding:22px 20px;min-height:95px;gap:13px;flex:1;border-bottom:1px solid #3a3e3f}
.mode-entry b{font-size:20px;font-weight:800;line-height:1.2}
.mode-entry small{font-size:12px;color:#adb5b1;margin-top:7px}
.mode-number{font-size:11px;color:#818d87;margin-top:3px}
.mode-mark{color:#79857e;font-size:25px;font-style:normal;letter-spacing:-.07em}
.mode-online{background:#f04b35;color:#fff}
.mode-online small,.mode-online .mode-number,.mode-online .mode-mark{color:#fff}
.mode-entry:hover{background:#303837;color:#fff}.mode-online:hover{background:#ff6048}
.mode-entry:hover .mode-mark{color:#fff}
.mode-footnote{padding:13px 20px;font-size:11px;color:#9ba6a0}
.home-roster{padding:25px 0;gap:28px;background:none;border-bottom:1px solid #383c3d}
.roster-label{min-width:120px}.roster-label span{font-size:10px;letter-spacing:.15em;color:#9aa59f}
.roster-label b{display:block;margin-top:4px;font-size:22px;letter-spacing:-.04em}
.home-fighters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-fighter{position:relative;min-width:0;min-height:91px;background:#24292a;padding:0 12px 0 4px;border:1px solid #3b4241;border-radius:2px;overflow:hidden;gap:8px}
.home-fighter:hover{background:#343d3a;border-color:#f04b35}
.home-fighter canvas{height:90px;width:86px;flex-shrink:0}
.home-fighter b{font-size:16px}.home-fighter small{font-size:10px;letter-spacing:.04em;margin-top:3px}
.home-footer{padding:18px 0 22px;gap:20px;font-size:11px}
.home-footer>span:first-child{color:#b1bbb5}
/* Selection uses the same stage material, with clear player ownership. */
.select-screen{padding:28px 3.5% 38px}
.section-heading{margin-bottom:24px}.section-heading p{color:#ff9a86;letter-spacing:.06em;font-size:12px}
.brush-heading{font-size:50px}.selection-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px}
.quiet-button{min-height:44px}.quiet-button:hover{background:#313b37}
.side-tabs{margin-bottom:0;border:1px solid #414847}
.side-tabs button{min-height:49px;background:#202627}
.side-tabs button[aria-pressed=true]{background:#303c3b}
.fighter-showcase{height:340px;background:#dfe3dc;border:0}
.showcase-player:before{background:#d1dad5;opacity:1;inset:0;transform:none}
.showcase-player.p2:before{background:#e4dfd8;inset:0}
.showcase-player:after{width:1px;background:#758e83;opacity:.18;right:14%;height:150%;top:-10%;transform:rotate(28deg)}
.showcase-player.p2:after{background:#b98172;left:14%}
.player-corner{color:#426759;letter-spacing:.12em;font-size:10px}.p2 .player-corner{color:#9e5845}
.showcase-name{background:#1c2622e8;padding:10px 14px;min-width:120px;bottom:14px}
.p2 .showcase-name{background:#442b23e8}
.showcase-name b{font-size:35px}.showcase-name small{font-size:11px;letter-spacing:.07em}.showcase-name>span{font-size:11px;color:#e3e7e2}
.showcase-vs{color:#fff;text-shadow:3px 3px 0 #2c312d;font-size:48px}
.fighter-cards{gap:10px;margin:14px 0 18px}
.fighter-card{height:125px;clip-path:none;border:1px solid #444d48;background:#252c29}
.fighter-card[aria-pressed=true]{border:2px solid #ff8a73;background:#39463e}
.fighter-card h3{left:10px;background:#151c18e6;padding:2px 7px;font-size:14px}
.fighter-number{left:10px;color:#b4c0b8}
.pick-label{right:6px;top:5px;background:#f04b35;color:#fff;font-size:10px;padding:2px 5px}
.character-info p{font-size:13px}.character-info span{font-size:12px}.character-stat{font-size:12px;color:#b9c4bd}
.matchup-strip{display:none}.match-options{border:1px solid #3a4540;background:#1e2522;padding:20px;border-radius:3px}
.match-options legend{font-size:14px}.segments button{min-height:44px;background:#303c35;border-radius:2px}
.segments button[aria-pressed=true]{background:#e2e8df}
.stage-option{background:#2c3931;border-radius:2px}.stage-option[aria-pressed=true]{border-color:#ff8a73;color:#fff}
.stage-option span{font-size:12px;padding:7px}
.ready-summary{padding-top:3px;margin-bottom:15px}.ready-summary small{font-size:12px}
.primary-button{background:#f04b35;color:#fff;border-radius:2px;min-height:50px}
.primary-button:hover{background:#ff654e}
.secondary-button{background:#36433c;border:1px solid #4e5e54;border-radius:2px}
.secondary-button:hover{background:#46574c}
#fight-start{clip-path:none;font-size:22px;min-height:57px;letter-spacing:.08em}
#asset-status{font-size:12px;min-height:18px;color:#afbeb3}
input{border-radius:2px;border-color:#55645b;background:#131b16}
.online-head>span{color:#9cd5b7}.online-note{font-size:12px}
.battle-screen{padding-inline:3.5%}.battle-top{min-height:45px;margin:10px 0;font-size:13px}
.game-wrap{border:1px solid #68796b;border-radius:3px;overflow:hidden}
.battle-guide{font-size:12px}.super-status{color:#c5cec7}
.training-bar{background:#25342a;flex-wrap:wrap}
.touch-controls .special{background:#643a31;color:#ffe6df;border-color:#b46b58}
.touch-controls .is-down{background:#f04b35;color:#fff}
.result-screen{padding:38px 7%;gap:50px}
.result-art{background:#dce1d7;border-radius:3px;overflow:hidden;padding-top:70px}
.result-art:after{content:"THE LAST ONE LAUGHING";position:absolute;bottom:18px;left:24px;letter-spacing:.14em;font-size:10px;color:#52604e}
.result-art-word{color:#f04b35;top:25px;left:20px;font-size:clamp(100px,14vw,215px)}
.result-copy .brush-heading{font-size:64px}.result-score{font-size:72px;letter-spacing:-.07em;color:#ff806b}
.winner-name{margin-top:20px}
dialog{background:#202824;border:1px solid #617263;border-radius:4px;padding:28px;color:#f1f4ee;box-shadow:0 30px 120px #0008}
dialog::backdrop{background:#080e0bcc;backdrop-filter:blur(5px)}
.dialog-head button{min-height:44px;min-width:44px}
.dialog-head h2{font-size:25px;letter-spacing:-.04em}
.setting-row{border-color:#3c4a40}.setting-row small,.dialog-note{color:#bac6be;font-size:13px}
.setting-row input{width:24px;height:24px}
.control-table>div{border-color:#3c4a40}
.control-table b,.move-entry h3,.record-row strong,.record-overview b{color:#ff9a86}
.pad-settings{margin-top:24px;border-top:1px solid #546358;padding-top:14px}
.pad-settings-title{display:flex;align-items:center;justify-content:space-between}
.pad-settings-title h3{font-size:18px}.pad-settings .dialog-note{margin:8px 0 15px}
.pad-bindings{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pad-binding{display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:8px;padding:9px 12px;background:#34463a;color:#f3f3ef;border:1px solid #506557;text-align:left;border-radius:2px}
.pad-binding b{font-size:12px;color:#b2d2ba;white-space:nowrap}
.pad-binding[aria-pressed=true]{border-color:#ff9a86;background:#543b31}
.pad-focus{outline:3px solid #9cd5b7!important;outline-offset:3px}
.toast{border-radius:3px;box-shadow:0 8px 40px #0005}
.reduced-motion *{scroll-behavior:auto!important}
@media(min-width:1550px){.poster{height:580px;min-height:580px}.poster-copy{padding:38px 0 0 40px}.art-title{font-size:110px;width:350px}.fighter-showcase{height:390px}}
@media(max-width:1190px){.lobby-layout{grid-template-columns:minmax(0,1fr) 285px;gap:14px}.poster{height:510px;min-height:510px;grid-template-columns:35% 65%}.poster-copy{padding:28px 0 0 25px}.art-title{font-size:74px;width:260px;margin-top:40px}.hero-description{font-size:13px}.poster-intro{font-size:10px}.instant-note{font-size:10px}.mode-entry,.mode-entry+.mode-entry{padding:20px 15px}.mode-heading{padding:20px 15px}.mode-heading small{display:none}.home-roster{gap:20px}.roster-label{min-width:100px}.home-fighter{gap:0;padding-right:5px}.home-fighter canvas{width:67px}.home-fighter b{font-size:14px}.home-fighter small{font-size:9px}.selection-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.match-options{padding:16px}}
@media(max-width:900px){.site-header{height:68px}.brand small{display:none}.site-header nav{gap:13px}.lobby-heading{height:49px}.lobby-layout{grid-template-columns:1fr}.poster{height:420px;min-height:420px;grid-template-columns:36% 64%}.poster-copy{padding:25px 0 0 28px}.art-title{font-size:90px;width:285px;margin:28px 0 18px}.hero-description{font-size:14px}.instant-note{margin-top:16px}.poster-fighter{height:92%;bottom:8%}.home-roo{bottom:14%;height:92%}.poster-fighter>span{font-size:18px}.mode-dock{display:grid;grid-template-columns:1fr 1fr}.mode-heading,.mode-footnote{display:none}.mode-entry,.mode-entry+.mode-entry{min-height:99px;padding:20px}.mode-entry:nth-of-type(odd){border-right:1px solid #414946}.mode-entry b{font-size:20px}.mode-entry small{font-size:12px}.home-roster{align-items:stretch;gap:15px}.roster-label{min-width:85px;align-self:center}.roster-label b{font-size:18px}.home-fighters{gap:8px}.home-fighter{flex-direction:column;justify-content:center;gap:0;text-align:center;padding:0 4px 9px}.home-fighter canvas{height:77px;width:80px}.home-fighter small{display:none}.home-footer{flex-wrap:wrap;gap:8px 18px}.home-footer #home-record{margin-left:auto}.home-footer .edition{margin-left:auto}.selection-layout{grid-template-columns:minmax(0,1fr) 265px;gap:14px}.fighter-showcase{height:285px}.fighter-card{height:100px}.showcase-name{min-width:90px;padding:8px}.showcase-name b{font-size:27px}.showcase-name small{font-size:10px}.character-info{flex-wrap:wrap}.character-stats{grid-template-columns:repeat(3,1fr);width:100%;gap:12px}.character-stat{gap:5px;font-size:11px}.character-stat i{width:45px}.brush-heading{font-size:43px}.result-screen{gap:30px;padding:30px 4%}.result-art canvas{height:370px}.result-copy .brush-heading{font-size:49px}.result-stats{gap:23px}.result-score{font-size:60px}}
@media(max-width:650px){.site-header{padding:0 4%;height:64px;gap:8px}.brand{gap:7px}.brand svg{width:25px;height:25px}.brand span{font-size:15px}.site-header nav{gap:4px}.text-button{font-size:12px;padding:10px 4px;min-width:36px}.icon-button{min-width:36px}.home-screen{padding:0 4%}.lobby-heading{height:43px;font-size:9px;gap:8px;letter-spacing:.06em}.lobby-heading>span:last-child{font-size:10px}#gamepad-pill{font-size:9px}.poster{height:326px;min-height:326px;grid-template-columns:42% 58%}.poster-copy{padding:19px 0 0 18px}.poster-intro{font-size:8px;gap:5px;letter-spacing:0}.poster-intro>span{width:5px;height:5px}.art-title{font-size:60px;width:189px;max-width:119%;margin:22px 0 15px}.art-title span:last-child{margin-top:8px}.hero-description{font-size:11px;line-height:1.8}.instant-note{font-size:9px;margin-top:15px}.poster-fighter{height:76%;width:105%;bottom:11%}.home-frog{left:-26%;bottom:7%;z-index:2}.home-roo{right:-24%;height:78%;bottom:18%}.poster-fighter>span{font-size:13px;left:30%;padding:4px 9px;box-shadow:2px 2px 0 #e7e8e3;bottom:5%}.poster-fighter small{font-size:7px}.home-roo>span{bottom:-2%;left:36%}.arena-type{font-size:58px;left:10%;top:11%}.vs-stamp{font-size:36px;top:50%;left:44%}.poster-bottom{padding:9px 12px;font-size:8px;gap:5px}.lobby-layout{gap:12px}.mode-entry,.mode-entry+.mode-entry{min-height:88px;padding:14px 12px;gap:8px}.mode-entry b{font-size:17px}.mode-entry small{font-size:10px;margin-top:5px;white-space:normal}.mode-number{font-size:9px}.mode-mark{display:none}.home-roster{display:block;padding:20px 0}.roster-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.roster-label b{font-size:17px;order:-1;margin:0}.home-fighters{gap:7px}.home-fighter{min-height:105px}.home-fighter canvas{height:75px;width:75px}.home-fighter b{font-size:12px}.home-footer{font-size:10px;padding:15px 0}.home-footer>span:first-child{display:none}.home-footer #home-record{margin-left:0}.select-screen{padding:20px 4% 30px}.section-heading{margin-bottom:16px;gap:10px}.section-heading p{font-size:11px}.brush-heading{font-size:36px}.section-heading>.quiet-button{font-size:12px;padding:10px 5px}.selection-layout{grid-template-columns:1fr;gap:20px}.side-tabs button{font-size:12px;padding:10px;min-height:44px}.fighter-showcase{height:260px}.fighter-cards{margin:10px 0 15px;gap:7px}.fighter-card{height:95px}.fighter-card h3{font-size:12px;left:5px;padding:1px 4px}.pick-label{font-size:9px;right:3px}.fighter-number{font-size:9px;left:5px}.showcase-name{bottom:10px;left:10px}.p2 .showcase-name{right:10px}.showcase-name b{font-size:28px}.showcase-vs{font-size:38px}.player-corner{font-size:9px;left:10px;top:10px}.character-info strong{font-size:18px}.character-info p{font-size:12px}.character-stats{max-width:360px}.character-stat i{flex:1;width:auto}.match-options{padding:18px}.stage-option canvas{aspect-ratio:2.4}.stage-grid{gap:10px}.match-options fieldset{margin-bottom:18px}.battle-screen{padding:0 3% 15px}.battle-top{margin:5px 0;gap:8px;font-size:11px}.battle-top>div{gap:0}.battle-top button{font-size:11px;padding:8px}.training-bar{padding:10px;gap:9px;font-size:11px}.training-bar b{font-size:17px;margin-left:4px}.training-bar select{font-size:11px;padding:5px;margin-left:3px}.training-bar button{font-size:10px;padding:5px}.touch-controls{gap:10px;margin-top:12px}.touch-pad{grid-template-columns:repeat(3,42px);grid-template-rows:44px 44px;gap:3px}.touch-controls button{min-width:40px;min-height:44px;padding:5px;font-size:11px}.touch-actions{gap:4px;grid-template-columns:repeat(3,1fr)}.touch-actions .special{font-size:10px}.result-screen{grid-template-columns:1fr;gap:26px;padding:20px 6% 35px}.result-art{padding-top:20px}.result-art canvas{height:260px}.result-art-word{font-size:118px;top:15px;left:20px}.result-art:after{font-size:8px;bottom:12px;left:15px}.result-copy .brush-heading{font-size:46px}.result-copy>p:first-child{margin-bottom:7px}.winner-name{font-size:25px;margin:12px 0 5px}.result-score{font-size:56px;margin:20px 0}.result-stats{margin-bottom:23px;justify-content:space-between;gap:12px}.result-stats dd{font-size:24px}.result-actions .primary-button,.result-actions .secondary-button{flex:1;white-space:nowrap;padding:12px}.result-actions>.quiet-button{width:100%}dialog{padding:21px;width:92vw;max-height:88svh}.dialog-head{margin-bottom:14px}.dialog-head h2{font-size:23px}.setting-row{padding:16px 0;gap:13px}.setting-row small,.dialog-note{font-size:12px}.pad-bindings{gap:7px}.pad-binding{font-size:12px;padding:8px}.pad-binding b{font-size:11px}.control-table>div{font-size:11px;gap:8px}.record-overview{gap:20px}}
@media(max-width:359px){.brand span{font-size:13px}.brand svg{width:22px}.site-header nav{gap:0}.text-button{min-width:32px;font-size:11px}.icon-button{min-width:30px}.poster-copy{padding-left:13px}.art-title{font-size:52px;width:170px}.poster{height:300px;min-height:300px}.poster-intro{font-size:7px}.hero-description{font-size:10px}.instant-note{font-size:8px}.mode-entry,.mode-entry+.mode-entry{padding:13px 9px;gap:6px}.mode-entry b{font-size:15px}.mode-entry small{font-size:9px}.home-fighter canvas{width:63px}.touch-pad{grid-template-columns:repeat(3,35px)}.touch-controls button{min-width:35px;font-size:10px}.touch-actions{gap:3px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.art-title{transform:none}}
.challenge-trigger{color:#ff9a86}
#challenge-dialog>p{margin:12px 0;color:#c4d0c7;line-height:1.8}
#challenge-dialog [data-status]{padding:12px;background:#131d16;border:1px solid #4d5d51}
#challenge-dialog>.primary-button,#challenge-dialog>.secondary-button{margin:6px 8px 8px 0}
.challenge-order{margin-top:20px;padding-top:15px;border-top:1px solid #4d5d51}
.challenge-order>p{margin-bottom:8px}
@media(max-width:650px){
  .site-header{height:auto;min-height:103px;flex-wrap:wrap;padding-top:7px;gap:0}
  .brand{min-height:43px}.site-header nav{width:100%;justify-content:space-between;border-top:1px solid #303b34;gap:8px}
  .site-header nav button{min-height:46px;padding-block:9px}.site-header nav .text-button{font-size:12px}
  .poster-arena{position:relative;top:auto;left:auto;right:auto;height:auto}
  .instant-note{position:static;width:auto;text-align:left}
  .mode-dock{gap:0}.mode-entry small{max-width:none}
  .result-screen{display:grid}.result-art{height:auto}
}
.match-options{display:block}
/* Readable secondary type; the poster wordmark remains a deliberate display exception. */
.lobby-heading{letter-spacing:0;font-size:12px}
.mode-heading small,.roster-label span{font-size:11px;letter-spacing:0}
.poster-fighter small{display:none}.home-fighter small{font-size:11px;letter-spacing:0}
.vs-stamp,.showcase-vs{text-shadow:none}
.mode-number{font-size:11px}.home-roo>span{background:#ca3825}
@media(max-width:900px){.home-fighter small{display:none}}
@media(max-width:650px){
 .home-screen{padding-inline:16px}.lobby-heading{font-size:11px}.lobby-heading>span:last-child{font-size:11px}
 .poster-intro{font-size:10px}.poster-intro>span{display:none}
 .instant-note{font-size:11px}.hero-description{font-size:12px}
 .poster-bottom{font-size:10px}.poster-bottom>span:last-child{display:none}
 .mode-entry small{font-size:11px}.mode-number{font-size:11px}
 .home-footer{font-size:11px}.roster-label span{font-size:11px}
}
@media(max-width:359px){.poster-intro{font-size:9px}.hero-description{font-size:11px}.instant-note{font-size:10px}.mode-entry small{font-size:10px}}
@media(max-width:650px){
 .art-title{font-size:54px;width:168px;max-width:110%}
 .home-frog{left:-4%;width:85%;height:70%}
 .home-roo{right:-38%;width:95%;height:78%}
 .vs-stamp{left:55%;top:57%;font-size:30px}
 .poster-fighter>span{font-size:12px}
}

.poster-intro,.instant-note,.player-corner,.showcase-name small,.fighter-number,.pick-label,.poster-bottom,.mode-entry small,.mode-number,.mode-heading small{font-size:11px}
.mode-online,.primary-button{background:#cf3b28}.mode-online:hover,.primary-button:hover{background:#b93120}
@media(max-width:650px){.poster-intro{letter-spacing:-.04em;white-space:normal;max-width:140px}.instant-note{font-size:11px}.poster-bottom{font-size:11px}}
@media(max-width:650px){.home-roo{right:-3%;width:80%;height:76%;bottom:20%}.home-roo>span{left:28%}}
@media(max-width:650px){#gamepad-pill,.training-bar button,.touch-actions .special{font-size:11px}}
@media(min-width:651px) and (max-width:900px){
 .art-title{width:240px;font-size:76px}
 .home-frog{left:-5%;width:72%;height:85%}
 .home-roo{right:-8%;width:72%;height:87%}
}
@media(max-width:650px){.home-frog{left:-10%;width:70%;height:60%;bottom:9%}.home-roo{right:-12%;width:80%;height:74%}}

/* Paid challenge follows the existing arcade dialogs. */
#challenge-dialog {width:min(580px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;}
#challenge-dialog>p {line-height:1.75;}
#challenge-dialog>[data-connect],#challenge-dialog>[data-pay] {width:100%;margin-top:12px;}
.challenge-order {padding:18px 0;border-top:1px solid var(--line,#454b4e);margin-top:18px;}
.challenge-order p {margin:0 0 12px;overflow-wrap:anywhere;}
.challenge-order input {width:100%;min-height:44px;border:1px solid #5a6062;background:#171b1c;color:#fff;padding:10px;font:inherit;margin:0 0 10px;}
.challenge-order button {min-height:44px;}
#challenge-dialog [data-error] {overflow-wrap:anywhere;}