/* v31 — a portrait game cabinet on every screen. */
html.rr-portrait-build31{--rr-phone:520px;background:#050e19}
.rr-portrait-build31 body{max-width:var(--rr-phone);margin:0 auto;min-height:100dvh;box-shadow:0 0 100px #0009}
.rr-portrait-build31 main{max-width:var(--rr-phone)!important}
.rr-portrait-build31 body>.top{max-width:var(--rr-phone);padding:10px 14px;height:64px}.rr-portrait-build31 .top nav,.rr-portrait-build31 .top .alpha{display:none}.rr-portrait-build31 footer{max-width:var(--rr-phone)}
.rr-portrait-build31 .bottom-nav,body[data-page=home] .bottom-nav{width:min(100%,520px)!important;max-width:520px!important;left:50%!important;transform:translateX(-50%)!important;bottom:0!important;border-radius:14px 14px 0 0!important;min-height:66px!important;padding:5px 7px calc(5px + env(safe-area-inset-bottom))!important}
.rr-portrait-build31 .bottom-nav button,body[data-page=home] .bottom-nav button{min-height:48px!important}.rr-portrait-build31 .bottom-nav .nav-art,body[data-page=home] .bottom-nav .nav-art{width:25px!important;height:25px!important}
html.rr-portrait-build31 #home.rr-club:not([hidden]){width:min(100%,520px)!important;max-width:520px!important;position:fixed!important;left:50%!important;right:auto!important;top:0!important;bottom:0!important;transform:translateX(-50%)!important;height:var(--app-height,100dvh)!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px 64px minmax(116px,1fr) 84px 56px 98px!important;gap:8px!important;padding:calc(8px + env(safe-area-inset-top)) 12px calc(76px + env(safe-area-inset-bottom))!important;overflow:hidden!important}
#home.rr-club>.rr-profile{grid-column:1!important;grid-row:1!important;min-width:0}#home.rr-club>.bp-home-entry{grid-column:1!important;grid-row:2!important}#home.rr-club>.rr-scene{grid-column:1!important;grid-row:3!important;min-height:0!important}#home.rr-club>.rr-route{grid-column:1!important;grid-row:4!important;min-height:0!important}#home.rr-club>.rr-actions{grid-column:1!important;grid-row:5!important}#home.rr-club>.rr-vault{grid-column:1!important;grid-row:6!important;height:98px!important;min-height:0!important}
#home .rr-profile .player-plaque{min-width:0;flex:1;gap:7px}#home .rr-profile #atlas-player{font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#home .rr-profile #career-caption{font-size:6px!important}#home .rr-profile .rank-shield{width:29px;height:34px;min-width:29px;padding:4px}#home .rr-profile .currency{min-width:42px!important;padding:7px 5px!important;font-size:12px!important;white-space:nowrap}#home .rr-profile .bp-gem-wallet{color:#6de4e8!important}
#home .rr-scene-head{top:12px!important;left:14px!important}#home .rr-scene-head h1{font-size:24px!important}#home .rr-kicker{font-size:6px!important;letter-spacing:1.3px!important}#home .rr-tools{right:7px!important;top:70px!important;gap:5px!important}#home .rr-tool{height:32px!important;width:34px!important;padding:4px!important}#home .rr-tool span{display:none!important}#home .rr-tool svg{width:20px!important;height:20px!important}#home #club-captain{height:calc(100% - 85px)!important;bottom:30px!important}#home .rr-podium{bottom:40px!important}#home .rr-team-labels{bottom:22px!important}#home .rr-team-labels button{padding:3px!important;min-height:25px!important}#home .rr-team-labels b{font-size:9px!important}#home .rr-team-labels span{font-size:6px!important}#home .rr-edit{bottom:1px!important;font-size:7px!important;min-height:20px!important}
#home .rr-route-button{height:59px!important;padding:6px 10px!important;gap:9px!important}#home .rr-route-thumb{width:58px!important;height:42px!important}#home .rr-route-copy #book-title{font-size:17px!important;line-height:1!important}#home .rr-route-copy #book-stage{font-size:7px!important}#home .rr-route-copy #book-stars{font-size:8px!important}#home .rr-route-track{left:10px!important;right:10px!important;bottom:25px!important;height:3px!important}#home .rr-route #chapter-prize{height:22px!important;font-size:6px!important;padding:6px 10px!important}#home .rr-battle,#home .rr-cup{height:51px!important}#home .rr-battle{font-size:25px!important}#home .rr-battle #campaign-cta{font-size:8px!important}#home .rr-cup>span{font-size:16px!important}#home .rr-cup #challenge-state{font-size:6px!important}
#home .rr-vault .vault-heading{height:16px!important;margin-bottom:4px!important}#home .rr-vault .vault-heading b{font-size:9px!important}#home .rr-vault .vault-heading small{font-size:6px!important}#home .rr-vault #chest-dock,#home .rr-vault .chest-slot{height:76px!important;max-height:76px!important}#home .rr-vault .slot-chest{height:35px!important}#home .rr-vault .slot-chest .art-chest{transform:scale(.63)!important}#home .rr-vault .empty-slot-mark,#home .rr-vault .empty-slot-mark svg{height:32px!important;margin:0 auto 3px!important}#home .rr-vault .slot-tier{font-size:7px!important}#home .rr-vault .chest-slot>b{font-size:8px!important}#home .rr-vault .chest-slot>small{font-size:6px!important}#home .rr-reward-rail{left:16px!important;right:16px!important;bottom:80px!important}
.rr-portrait-build31 #lobby,.rr-portrait-build31 #locker,.rr-portrait-build31 #shop,.rr-portrait-build31 #campaign,.rr-portrait-build31 #leaderboard{padding:20px 12px 95px!important;width:100%!important}.rr-portrait-build31 .lobby-grid,.rr-portrait-build31 .locker-layout{grid-template-columns:1fr!important;gap:16px!important}.rr-portrait-build31 .intro h1{font-size:35px}.rr-portrait-build31 .intro .connection{display:none}.rr-portrait-build31 .roster{grid-template-columns:repeat(3,minmax(0,1fr))!important}.rr-portrait-build31 #shop-list{grid-template-columns:1fr!important}.rr-portrait-build31 #fight{max-width:520px!important}
.bp-home-entry{display:flex;gap:7px;min-width:0}.bp-home-entry button{border-radius:12px;letter-spacing:.5px;min-width:0}.bp-home-entry #bp-open-home{flex:1;display:flex;align-items:center;gap:10px;padding:7px 10px;text-align:left;border:1px solid #eac265;background:linear-gradient(115deg,#735124,#382e2b 60%,#263744);box-shadow:inset 0 1px #fff7,0 3px #090f18}.bp-home-crest{font-size:35px;color:#ffe7a0;text-shadow:0 3px #6a481d}.bp-home-copy{flex:1;min-width:0}.bp-home-copy>b{display:flex;align-items:center;justify-content:space-between;gap:5px;font:900 15px Arial;color:#ffdf96}.bp-home-copy>b small{font:700 7px Arial;color:#cbb797;white-space:nowrap}.bp-home-track{display:block;height:6px;background:#101e27;border:1px solid #887453;border-radius:7px;margin:6px 0 3px;overflow:hidden}.bp-home-track i{display:block;height:100%;background:linear-gradient(90deg,#59caba,#bcf788);width:0}.bp-home-progress{display:flex;justify-content:space-between;color:#ddd3b6}.bp-home-progress small{font:700 7px Arial}.bp-home-chevron{font-size:28px;color:#ffdd88}#bp-open-daily{width:57px;flex:none;background:linear-gradient(#3d5966,#1a3148);border:1px solid #688491;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}#bp-open-daily>span{font-size:26px;position:relative;color:#c5f5da}#bp-open-daily small{font-size:7px}#bp-daily-badge{position:absolute;right:-6px;top:0;width:8px;height:8px;border-radius:50%;background:#acff84;box-shadow:0 0 7px #acff84}
/* The season screen: gold track above, free track below one continuous rail. */
#battle-pass31{padding:0;border:1px solid #978052;border-radius:20px;width:min(100%,520px);max-width:520px;height:min(940px,100dvh);max-height:100dvh;overflow:hidden;color:#f9edcf;background:#0b2433;box-shadow:0 30px 100px #000b;font-family:Arial,sans-serif}
#battle-pass31::backdrop{background:#020911db;backdrop-filter:blur(7px)}#battle-pass31 *{box-sizing:border-box}#battle-pass31 [hidden],#bp-detail31 [hidden]{display:none!important}#battle-pass31 button{font-family:Arial,sans-serif;letter-spacing:.35px}#battle-pass31 button:disabled{opacity:.62}#battle-pass31 button:focus-visible,#bp-detail31 button:focus-visible{outline:3px solid #8afaff;outline-offset:2px}
.bp-surface{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:radial-gradient(ellipse at 95% 18%,#7f81382b,transparent 50%),linear-gradient(150deg,#173b41,#0d2130 66%);padding:0 0 env(safe-area-inset-bottom)}
.bp-header{display:flex;align-items:center;gap:12px;position:relative;padding:calc(17px + env(safe-area-inset-top)) 20px 15px;background:linear-gradient(115deg,#1b4350,#123443);border-bottom:1px solid #7a835853}.bp-crest{width:53px;height:60px;background:linear-gradient(130deg,#ffe99d,#b77928);color:#664318;display:grid;place-items:center;font-size:41px;clip-path:polygon(50% 0,95% 16%,86% 75%,50% 100%,14% 75%,5% 16%);filter:drop-shadow(0 4px #0005)}.bp-kicker{font:800 8px Arial;letter-spacing:1.7px;color:#cbb98a}#bp-title{font:900 28px/.98 Arial;letter-spacing:-1px;margin:6px 0 6px}#bp-title em{color:#ffdb88}.bp-countdown{font:700 9px Arial;color:#b5d5c9}.bp-close{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(#e46f5d,#af3834);border:1px solid #ffb6a3;border-radius:9px;box-shadow:0 3px #642824;color:#fff4db;font:900 27px Arial;line-height:1;padding:0;position:absolute;right:15px;top:17px;z-index:3}
.bp-hero{height:172px;display:flex;align-items:center;position:relative;padding:16px 20px;background:radial-gradient(ellipse at 84% 50%,#dac35850,transparent 60%);overflow:hidden}.bp-hero-copy{width:60%;z-index:1}.bp-hero h2{font:900 clamp(19px,5vw,25px)/1.05 Arial;letter-spacing:-.8px;margin:9px 0 6px;text-shadow:0 3px #001a26}.bp-hero p{font:400 10px Arial;color:#bdd5cb;margin:7px 0 13px}.bp-gold-button{border:1px solid #fff0a6;border-radius:8px;background:linear-gradient(#ffe7a1,#edb851 65%,#d69430);color:#33230f;font:900 10px Arial;padding:11px 14px;box-shadow:inset 0 1px #fff9,0 3px #805521;min-height:36px}.bp-gold-button:disabled{background:#304649;border-color:#64766c;color:#aec0ac;box-shadow:none}.bp-hero-prize{width:40%;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bp-hero-prize img{width:130px;height:106px;object-fit:contain;filter:hue-rotate(285deg) saturate(1.2) drop-shadow(0 8px 8px #0008);z-index:1}.bp-hero-prize b{font-size:9px;letter-spacing:2px;color:#ffe091;z-index:1}.bp-hero-prize small{font-size:7px;color:#ddbae9;letter-spacing:1px;margin-top:4px;z-index:1}.bp-halo{position:absolute;width:148px;height:148px;border:1px solid #e4d48155;border-radius:50%;background:repeating-conic-gradient(#f5d66c15 0deg 15deg,transparent 15deg 30deg);box-shadow:0 0 35px #dbb85533,inset 0 0 40px #dfac5766;animation:bp-halo 45s linear infinite}@keyframes bp-halo{to{transform:rotate(360deg)}}
.bp-progress-panel{padding:12px 20px 8px;background:#071d2780;border-top:1px solid #657f6055;border-bottom:1px solid #66877840}.bp-progress-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.5px}.bp-progress-caption b{color:#ffe49f}.bp-progress-caption>span{color:#9fd5c9}.bp-progress{height:11px;border-radius:9px;background:#071724;border:1px solid #78927580;margin:8px 0 9px;overflow:hidden;box-shadow:inset 0 2px 3px #0008}.bp-progress i{display:block;height:100%;width:0;background:linear-gradient(#d4ffb2,#71d5a0);box-shadow:0 0 14px #a1ff72;transition:width .3s}.bp-wallet{display:flex;gap:16px;font-size:10px;color:#ffd578}.bp-wallet>span:nth-child(2){color:#78e6e4}.bp-wallet button{margin-left:auto;border:0;background:none;color:#a8c1c3;font-size:7px;padding:4px 0}.bp-tabs{display:flex;padding:10px 16px 0;gap:7px;background:#081d2880}.bp-tabs button{flex:1;min-height:39px;padding:10px 3px;border:1px solid #5e797f;border-radius:9px 9px 0 0;background:linear-gradient(#23434c,#172f3c);font-size:10px;color:#a6c3c5}.bp-tabs button.active{background:linear-gradient(#dcc17a,#b39149);border-color:#f5d894;color:#282a20;box-shadow:inset 0 2px #ffefb077}.bp-tabs span:not(:empty){display:inline-grid;place-items:center;width:15px;height:15px;background:#bdffd0;color:#123a32;border-radius:50%;margin-left:4px;font-size:9px}
.bp-road-caption,.bp-road-bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 18px 9px;font:800 8px Arial;letter-spacing:1px;color:#f9d579}.bp-road-caption button{padding:6px 7px;border:1px solid #71837170;border-radius:6px;background:#26413b;color:#bfe3ce;font-size:7px}.bp-road-bottom{color:#b9ccd1;padding-top:8px;font-size:7px}.bp-road-bottom>span+span{font-size:6px;letter-spacing:1.4px;color:#83a3a5}.bp-road{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#ceb373 #152e36;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x proximity;padding:6px 14px 8px;background:radial-gradient(ellipse at 50% 0%,#82994033,transparent 65%),linear-gradient(#173b3299 0 48%,#0c2835 48%);-webkit-overflow-scrolling:touch}.bp-road-inner{display:flex;width:max-content;gap:0;position:relative}.bp-level-column{width:140px;flex:none;display:grid;grid-template-rows:142px 40px 130px;scroll-snap-align:start;padding:0 7px}.bp-reward{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;border:1px solid;border-radius:14px;padding:8px 6px 10px;box-shadow:inset 0 2px #fff5,0 5px #060f1880;isolation:isolate}.bp-premium{background:radial-gradient(ellipse at 50% 25%,#ffe99a,#d9aa39 65%,#ad701d);border-color:#ffdf76;color:#2b241a}.bp-free{background:radial-gradient(ellipse at 50% 25%,#5c8192,#345266 65%,#213a4c);border-color:#7897a1;color:#e5eeee}.bp-reward:after{position:absolute;inset:3px;border:1px solid #fff3;border-radius:10px;content:'';z-index:-1}.bp-reward-status{position:absolute;top:6px;right:6px;font:900 8px Arial;padding:4px 5px;border-radius:6px;background:#282317c9;color:#ffe79e;z-index:2}.bp-reward-art{display:grid;place-items:center;width:100%;height:79px;filter:drop-shadow(0 5px 4px #0005)}.bp-reward-art svg{width:74px;height:67px}.bp-reward b{font:900 9px/1.25 Arial;min-height:24px;display:flex;align-items:center;justify-content:center;text-align:center}.bp-reward small{font:800 6px Arial;letter-spacing:.6px;opacity:.75;margin-top:2px}.bp-item-art{width:80px;height:80px;object-fit:contain}.bp-chest-art{position:relative;width:90px;height:80px}.bp-chest-art img{width:100%;height:100%;object-fit:contain}.bp-chest-art span{position:absolute;bottom:9px;right:7px;font:900 12px Arial;background:#192b38;border:1px solid #c8b56c;border-radius:50%;height:23px;width:23px;display:grid;place-items:center;color:#ffdf81}.bp-chest-art.tier-1 img{filter:hue-rotate(165deg)}.bp-chest-art.tier-2 img{filter:saturate(1.5) brightness(1.2)}.bp-chest-art.tier-3 img{filter:hue-rotate(285deg)}.bp-rail{position:relative;display:grid;place-items:center;margin:0 -7px}.bp-rail:before{content:'';position:absolute;left:0;right:0;height:9px;background:#3e6371;border-top:2px solid #85a99f;border-bottom:2px solid #122533}.bp-rail>span{z-index:1;border:2px solid #8baca7;border-radius:8px;background:linear-gradient(#446679,#223d50);width:31px;height:31px;display:grid;place-items:center;color:#d7e6db;font:900 11px Arial;transform:rotate(-45deg);text-indent:0}.bp-rail>span{transform:none;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0;width:37px;height:37px}.bp-level-column.earned .bp-rail:before{background:#a9f194;border-color:#d5ffc5}.bp-level-column.earned .bp-rail>span{background:linear-gradient(#e2ffc1,#62bd82);color:#244b31}.bp-level-column.next .bp-rail>span{background:linear-gradient(#fff5be,#d8ac54);color:#302b15}.bp-reward.claimable{outline:2px solid #cfff93;outline-offset:2px}.bp-reward.claimable .bp-reward-status{color:#1c4130;background:#bbff93}.bp-reward.claimed{filter:saturate(.45);opacity:.7}.bp-reward.claimed .bp-reward-status{background:#a2ed91;color:#163d29;font-size:13px}.bp-reward.empty{border:1px dashed #446876;background:#142f3b;box-shadow:none;opacity:.5!important}.bp-empty-star{font-size:32px;color:#7fa6ae}.bp-reward.empty b{font-size:8px;text-transform:uppercase}.bp-road-actions{display:flex;gap:10px;align-items:center;padding:8px 18px 14px}.bp-road-actions .bp-gold-button{flex:1}.bp-road-actions>button:not(.bp-gold-button){width:36px;height:36px;border:1px solid #618079;border-radius:8px;background:#1e3a44;color:#d3e8d6;font-size:25px}
.bp-daily-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 18px 12px;gap:8px}.bp-daily-heading h2{font:900 13px Arial;color:#e9dcaf}.bp-daily-heading span{font:700 7px Arial;color:#92b7b5}#bp-task-list{display:grid;gap:9px;padding:0 16px}.bp-task{display:grid;grid-template-columns:37px minmax(0,1fr) 64px;align-items:center;gap:10px;padding:12px 10px;background:linear-gradient(115deg,#27444c,#142e3b);border:1px solid #567173;border-radius:12px;box-shadow:inset 0 1px #fff1}.bp-task-icon{height:39px;width:37px;border:1px solid #d4b66688;border-radius:10px;background:linear-gradient(#876e35,#403928);display:grid;place-items:center;color:#ffe8a4;font-size:22px}.bp-task h3{font:800 12px Arial;color:#efead3}.bp-task p{font:400 9px Arial;color:#a0c1be;margin:5px 0 7px}.bp-task-meter{height:5px;border-radius:6px;background:#061e29;overflow:hidden}.bp-task-meter i{display:block;height:100%;background:linear-gradient(90deg,#45bdaa,#aff195)}.bp-task>div>small{display:block;font:700 7px Arial;color:#a5c8c0;margin-top:4px}.bp-task button{min-height:42px;padding:6px 3px;border:1px solid #a5be80;border-radius:9px;background:linear-gradient(#c3ee99,#7bbd82);color:#183d36;display:flex;flex-direction:column;gap:4px;align-items:center}.bp-task button b{font:900 11px Arial}.bp-task button small{font:800 7px Arial}.bp-task button:disabled{background:#23444c;color:#88afab;border-color:#486570}.bp-task.ready{border-color:#b1d17d}.bp-task.done{opacity:.6}.bp-task-note{padding:0 20px;color:#83a7aa;font-size:9px;line-height:1.6}.bp-footer{display:block!important;margin:0!important;padding:12px 12px 16px!important;text-align:center;border-top:1px solid #48626455!important;color:#779d9e;font:700 7px Arial;letter-spacing:1.3px}
#bp-detail31{max-width:360px;width:calc(100% - 34px);padding:34px 24px 22px;color:#f5ebce;border:1px solid #c2a468;border-radius:18px;background:radial-gradient(ellipse at top,#354f4e,#142b38 70%);text-align:center;box-shadow:0 25px 80px #000a}#bp-detail31::backdrop{background:#020916b8}#bp-detail31 .bp-close{top:9px;right:9px;width:29px;height:29px;font-size:23px}#bp-detail31 h2{font:900 23px/1.1 Arial;margin:12px 0}#bp-detail31 p{font:400 12px/1.6 Arial;color:#b8ceca}#bp-detail31 ul{text-align:left;font:400 12px/1.6 Arial;color:#d7dccc;padding-left:18px}#bp-detail31 li{padding:4px 0}#bp-detail31 .bp-small{font-size:10px}#bp-detail31 .bp-gold-button{width:100%;margin-top:6px}.bp-detail-art{display:grid;place-items:center;height:120px;margin:15px 0}.bp-detail-art svg{width:115px;height:105px}.bp-detail-art .bp-item-art{width:125px;height:125px}.bp-detail-art .bp-chest-art{width:130px;height:115px}.bp-detail-crown{font-size:58px;color:#ffdc87}.bp-entitlement{display:block;padding:12px;border-radius:8px;background:#80693040;border:1px solid #ac935b;color:#efd18a;font:800 10px Arial}.bp-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.bp-match-xp{color:#9df0cb!important}
#rr-portrait31{display:none}
@media(max-width:540px){#battle-pass31{border:0;border-radius:0;width:100%;height:100dvh;margin:0 auto;max-height:100dvh}.bp-surface{padding-bottom:env(safe-area-inset-bottom)}}
@media(max-height:740px){html.rr-portrait-build31 #home.rr-club:not([hidden]){grid-template-rows:40px 57px minmax(95px,1fr) 70px 49px 85px!important;gap:5px!important;padding-top:5px!important;padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}#home .rr-route-button{height:47px!important}#home .rr-route-thumb{height:34px!important;width:45px!important}#home .rr-battle,#home .rr-cup{height:45px!important}#home .rr-vault{height:85px!important}#home .rr-vault #chest-dock,#home .rr-vault .chest-slot{height:65px!important}#home .rr-vault .empty-slot-mark,#home .rr-vault .empty-slot-mark svg{height:26px!important}#home .rr-scene-head h1{font-size:19px!important}#home .rr-scene-head{top:8px!important}#home .rr-tools{top:53px!important}#home #club-captain{height:calc(100% - 69px)!important;bottom:28px!important}#home .rr-tool{height:27px!important;width:29px!important}#home .rr-tool svg{height:17px!important;width:17px!important}.bp-header{padding-top:12px;padding-bottom:11px}.bp-hero{height:144px}.bp-hero h2{font-size:20px}.bp-hero-prize img{height:82px}.bp-halo{width:120px;height:120px}.bp-level-column{grid-template-rows:132px 36px 122px;width:132px}.bp-reward-art{height:66px}.bp-crest{height:50px;width:45px}#bp-title{font-size:25px}}
@media(max-width:360px){.bp-header{padding-left:13px}.bp-hero,.bp-progress-panel{padding-left:14px;padding-right:14px}.bp-hero h2{font-size:19px}.bp-level-column{width:124px}.bp-task{grid-template-columns:31px minmax(0,1fr) 58px;gap:7px}.bp-task-icon{width:31px}.bp-home-copy>b{font-size:13px}.bp-home-copy>b small{font-size:6px}#home .rr-profile #atlas-player{font-size:13px!important}#home .rr-profile .rank-shield{display:none}}
@media(orientation:landscape) and (pointer:coarse) and (max-height:600px){#rr-portrait31{display:flex;position:fixed;inset:0;z-index:2147483000;background:radial-gradient(ellipse,#25444f,#071b2c);align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#f6df9c}#rr-portrait31>span{font-size:70px;line-height:1;transform:rotate(-15deg)}#rr-portrait31 h2{font:900 25px/1.1 Arial;margin:14px 0}#rr-portrait31 p{font:400 12px/1.5 Arial;color:#b9d7d7}body:has(#battle-pass31[open]) #rr-portrait31{display:none}}
@media(prefers-reduced-motion:reduce){.bp-halo{animation:none}.bp-progress i{transition:none}}
/* Preserve the full arena ratio inside the usable screen, including iPhone safe areas. */
html.rr-portrait-build31.fight-locked #fight{grid-template-rows:calc(48px + env(safe-area-inset-top)) minmax(0,1fr) calc(34px + env(safe-area-inset-bottom))!important}
html.rr-portrait-build31 #fight .match-heading{min-height:0!important;height:100%;padding:calc(4px + env(safe-area-inset-top)) 10px 4px!important}
html.rr-portrait-build31 #fight .gesture-coach{height:100%!important;min-height:0!important;padding:3px 10px calc(3px + env(safe-area-inset-bottom))!important}
html.rr-portrait-build31 #fight .gesture-coach #gesture-hint,html.rr-portrait-build31 #fight .gesture-coach #selected-name{font-size:8px!important}