/* Skyroot shared rooms: styles are scoped to the multiplayer experience. */
.mp-layout{max-width:1600px;margin:auto;padding:32px 36px 32px}.mp-layout [hidden]{display:none!important}.mp-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.mp-icon svg{width:100%;height:100%}.mp-layout button,.mp-layout input,.mp-layout select{font:inherit}.mp-layout button{cursor:pointer}.mp-layout button:disabled{cursor:default}.mp-layout .btn{font-size:12px;font-weight:700}.mp-layout h1{font-size:34px;letter-spacing:-1px}.mp-beta-badge{display:flex;gap:8px;align-items:center;border:1px solid #cfddc3;background:#e8efdf;padding:10px 13px;border-radius:22px;font-size:9px;letter-spacing:1px;font-weight:700;color:#66835c}.mp-beta-badge .mp-icon{width:18px;height:18px}.mp-welcome{display:grid;grid-template-columns:1.05fr 1fr;min-height:300px}.mp-welcome-art{position:relative;overflow:hidden;background:#d8e6d6;min-height:300px}.mp-welcome-art>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.95}.mp-welcome-heroes{display:flex;position:absolute;inset:25px 8% -12px;align-items:flex-end;justify-content:center}.mp-welcome-heroes>div{width:33%;height:235px;max-width:175px;filter:drop-shadow(0 5px 6px #315b4020);animation:mpFloat 5s ease-in-out infinite}.mp-welcome-heroes>div:nth-child(2){height:245px;animation-delay:-1.5s;z-index:1}.mp-welcome-heroes>div:nth-child(3){animation-delay:-3s}.mp-welcome-copy{padding:35px 40px;align-self:center}.mp-welcome-copy h2{font-size:33px;line-height:1.14;letter-spacing:-.7px;margin:14px 0}.mp-welcome-copy>p{font-size:12px;line-height:1.8;color:var(--muted,#7b887b);max-width:480px}.mp-feature-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;color:#6d8462;font-size:9px}.mp-feature-row>span{display:flex;align-items:center;gap:6px}.mp-feature-row .mp-icon{width:15px;height:15px}.mp-entry-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:20px;margin-top:22px}.mp-entry-card{padding:25px}.mp-step{display:flex;gap:10px;align-items:center;color:#a6b58a;font:26px Georgia,serif;margin-bottom:21px}.mp-step>span{font:700 10px Arial,Helvetica,sans-serif;letter-spacing:1px;color:#708065}.mp-label{display:block;font-size:10px;font-weight:700;color:#6b7d60;margin:14px 0 8px}.mp-input{width:100%;height:43px;border:1px solid #d8dfcd;border-radius:8px;color:#2f4d3c;background:#fbfcf4;padding:10px 12px;outline:none;min-width:0}.mp-input:focus{border-color:#8aa66e;box-shadow:0 0 0 3px #adc68c25}.mp-input::placeholder{color:#99a18d;font-size:11px}.mp-input:disabled{opacity:.55}.mp-input option{background:#fffef8}.mp-code-input{text-transform:uppercase;letter-spacing:4px;font-weight:700!important;font-size:14px!important}.mp-create-join{display:grid;grid-template-columns:1fr 1px 1fr;gap:25px}.mp-create-join h3{font-size:22px;letter-spacing:-.3px}.mp-create-join .btn{margin-top:20px}.mp-entry-divider{background:var(--line,#e0e4d7)}.mp-fine-print{font-size:10px;line-height:1.7;color:#8b967f}.mp-entry-card>.mp-fine-print{margin-top:13px}.mp-error{background:#f7e5d9;border:1px solid #e4c1a9;color:#9e664e;font-size:11px;line-height:1.7;padding:12px 15px;border-radius:9px;margin:15px 0}.mp-tip{display:flex;gap:14px;align-items:center;margin:23px 5px 0;color:#819173;font-size:11px;line-height:1.8;max-width:900px}.mp-tip>span{display:flex;width:36px;height:36px;border:1px solid #dfe4d3;border-radius:50%;align-items:center;justify-content:center;flex-shrink:0;background:#f9fbef}.mp-room-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.mp-room-heading h1{margin:9px 0}.mp-room-tools{display:flex;align-items:center;gap:12px}.mp-room-tools>.btn{font-size:10px;min-height:37px;padding:10px 14px}.mp-room-code{padding:11px 15px 11px 17px;border:1px solid #d2dec2;background:#edf3e3;border-radius:10px;text-align:left;min-width:135px;position:relative;box-shadow:0 3px 10px #31462f05}.mp-room-code small{display:block;font-size:7px;letter-spacing:2px;color:#839574;margin-bottom:6px;font-weight:700}.mp-room-code strong{display:block;font:700 20px Georgia,serif;letter-spacing:4px;line-height:1;color:#365d43}.mp-room-code>.mp-icon{position:absolute;right:12px;top:11px;width:12px;height:12px;color:#839574}.mp-leave-btn{display:flex;align-items:center;gap:6px;font-size:10px;color:#8c9980;padding:10px}.mp-leave-btn .mp-icon{width:16px;height:16px}.mp-room-status{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.mp-connection{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#819073;line-height:1.6}.mp-connection>span{display:inline-block;background:#8da969;width:6px;height:6px;flex-shrink:0;border-radius:50%;box-shadow:0 0 0 4px #a7c58b18}.mp-connection.is-waiting>span{background:#d6a66b;animation:mpPulse 1.5s infinite}.mp-room-note{font-size:9px;color:#8a977e}.mp-room-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.mp-main{min-width:0;display:flex;flex-direction:column;gap:20px}.mp-main>.panel{min-width:0}.mp-reconnect-banner{display:flex;align-items:center;gap:10px;border:1px solid #e1d8af;background:#f8f0d8;padding:12px 16px;border-radius:9px;font-size:11px;line-height:1.6;color:#8e7947;margin-bottom:16px}.mp-reconnect-banner>button{font-size:10px;color:#6f683d;font-weight:700;margin-left:auto;text-decoration:underline;padding:0;white-space:nowrap}.mp-lobby-raid{overflow:hidden}.mp-raid-scene{height:190px;overflow:hidden;position:relative;background:#d9e6d7}.mp-raid-scene>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.85}.mp-raid-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eaf0daed,#eaf0da55 65%,transparent)}.mp-raid-label{position:absolute;z-index:1;left:26px;top:28px;max-width:80%}.mp-raid-label>.mini-heading{font-size:9px;color:#6e8660;letter-spacing:1.8px}.mp-raid-label h2{font-size:34px;letter-spacing:-.6px;margin:12px 0;color:#34553e}.mp-raid-label>span:last-child{font-size:10px;color:#6c8160}.mp-raid-bottom{padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mp-raid-bottom>p{font-size:11px;line-height:1.7;color:#86937b;max-width:310px}.mp-inline-label{display:flex;gap:12px;align-items:center;font-size:9px;color:#86937b;white-space:nowrap}.mp-inline-label .mp-input{font-size:10px;height:35px;max-width:200px;padding:7px 9px}.mp-gathering,.mp-keeper-selection{padding:24px}.mp-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.mp-section-head h2{font-size:24px;letter-spacing:-.4px}.mp-section-head p{font-size:10px;color:#8a967e;margin-top:7px;line-height:1.7}.mp-party-count{background:#ebf0de;border:1px solid #dbe3ce;color:#7c8f68;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:700}.mp-player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.mp-player-card{border:1px solid #dce4d0;border-radius:11px;background:#fbfcf5;overflow:hidden;min-width:0}.mp-player-card.is-you{border-color:#9ab17e;box-shadow:0 0 0 2px #bed09e20}.mp-player-card.is-away{opacity:.55}.mp-player-art{height:110px;position:relative;background:var(--mp-tone,#e9eedc);overflow:hidden}.mp-player-art>svg{width:100%;height:115%;position:absolute;bottom:-5px}.mp-ready-tick{position:absolute;right:7px;top:7px;background:#5c7e4c;color:#fffae5;border:2px solid #fffae5;border-radius:50%;width:24px;height:24px;padding:3px}.mp-ready-tick .mp-icon{width:100%;height:100%}.mp-player-copy{padding:12px 9px}.mp-player-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mp-player-copy>span{display:block;font-size:8px;color:#8a977d;margin-top:6px}.mp-player-copy small{display:block;font-size:7px;line-height:1.7;color:#7c9365;margin-top:7px;min-height:12px}.mp-empty-player{border:1px dashed #d8e0ca;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:180px;background:#f7f9ee;color:#abb69a;gap:11px;text-align:center}.mp-empty-player>.mp-icon{width:29px;height:29px;opacity:.6}.mp-empty-player>span{font-size:10px}.mp-empty-player small{font-size:8px;color:#b1bba2}.mp-lobby-actions{display:flex;gap:11px;align-items:center;margin-top:21px}.mp-lobby-actions>.btn{min-width:140px}.mp-lobby-actions>.mp-fine-print{margin-left:auto}.mp-ready-hint{margin-top:12px}.mp-keeper-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.mp-keeper-choice{padding:0;background:#fafbf2;border:1px solid #dfe5d3;border-radius:9px;overflow:hidden;position:relative;text-align:center;min-width:0;transition:border-color .2s,box-shadow .2s}.mp-keeper-choice.is-selected{border-color:#80a268;box-shadow:0 0 0 2px #a6c08835}.mp-keeper-choice>div{height:85px;background:var(--mp-tone,#e8eddc);overflow:hidden}.mp-keeper-choice>div svg{height:110%;width:100%}.mp-keeper-choice>strong{display:block;font-family:Georgia,serif;font-size:15px;font-weight:400;padding:8px 2px 0}.mp-keeper-choice>small{display:block;font-size:7px;color:#8d9a80;padding:5px 2px 9px}.mp-keeper-choice:disabled{opacity:.35}.mp-selected-skill{border-top:1px solid #e1e6d5;margin-top:20px;padding-top:16px;display:flex;gap:15px;align-items:center}.mp-selected-skill>strong{font-family:Georgia,serif;font-size:17px;white-space:nowrap}.mp-selected-skill p{font-size:10px;line-height:1.7;color:#89967d}.mp-chat-panel{position:sticky;top:20px;min-width:0;display:flex;flex-direction:column;height:585px;max-height:calc(100dvh - 40px);overflow:hidden}.mp-chat-heading{padding:21px 19px;display:flex;gap:11px;align-items:center;border-bottom:1px solid #e1e6d5;background:#f5f7eb;flex-shrink:0}.mp-chat-heading>span:first-child{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #d6e0c8;border-radius:10px;background:#edf2e0;color:#8da171}.mp-chat-heading h2{font-size:18px}.mp-chat-heading p{font-size:9px;color:#93a083;margin-top:5px}.mp-chat-dot{display:block;width:5px;height:5px;background:#8ca671;border-radius:50%;margin-left:auto}.mp-chat-messages{padding:16px;overflow:auto;flex:1;min-height:180px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5ddc6 transparent}.mp-chat-empty{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#abb99a;font-size:10px;text-align:center}.mp-chat-empty>.mp-icon{width:35px;height:35px;opacity:.6}.mp-chat-message{padding:12px 12px 11px;border:1px solid #e6eadb;background:#f9fbf2;border-radius:10px;margin:0 17px 12px 0}.mp-chat-message.is-mine{background:#edf3e1;border-color:#dce6ca;margin-left:17px;margin-right:0}.mp-chat-message>div{display:flex;gap:8px;justify-content:space-between;align-items:baseline;margin-bottom:8px}.mp-chat-message strong{font-size:9px;color:#6f865e;max-width:130px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mp-chat-message time{font-size:7px;color:#a3ad96;white-space:nowrap}.mp-chat-message p{font-size:11px;line-height:1.7;color:#61735b;overflow-wrap:anywhere;white-space:pre-wrap}.mp-system-message{font-size:8px;line-height:1.8;text-align:center;color:#a0ac91;margin:4px 3px 13px;padding:0 8px}.mp-chat-form{padding:15px;border-top:1px solid #e2e7d5;background:#fffef8;flex-shrink:0}.mp-chat-composer{display:flex;border:1px solid #d9e1cc;background:#fbfcf4;border-radius:9px;overflow:hidden}.mp-chat-composer .mp-input{border:0;background:transparent;border-radius:0;font-size:11px;height:40px;padding:10px}.mp-chat-composer .mp-input:focus{box-shadow:none}.mp-chat-composer:focus-within{border-color:#89a46e;box-shadow:0 0 0 3px #adc68c20}.mp-chat-composer button{width:37px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6d8a58;margin:4px;border-radius:6px;background:#e9f0db}.mp-chat-composer button>.mp-icon{width:17px;height:17px}.mp-chat-meta{display:flex;justify-content:space-between;gap:6px;font-size:7px;line-height:1.6;color:#a7b197;margin-top:9px}.mp-connecting-card{max-width:700px;margin:50px auto;padding:50px 40px;text-align:center}.mp-connecting-card .eyebrow{justify-content:center}.mp-connecting-card h1{margin:18px 0;font-size:35px}.mp-connecting-card>p{font-size:12px;line-height:1.9;color:#91a07d;margin:15px auto;max-width:470px}.mp-connecting-card>.mp-connection{margin:12px 0}.mp-orbit{width:75px;height:75px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eff4e2;border:1px dashed #d4e0bf;box-shadow:0 0 0 10px #f5f8ec;margin:0 auto 35px;color:#8aa16d;animation:mpPulse 2.5s infinite}.mp-orbit>.mp-icon{width:33px;height:33px}.mp-button-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:23px}.mp-result{padding:35px 30px;text-align:center;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mp-result-art{display:flex;max-width:410px;justify-content:center;align-items:flex-end;margin:0 auto 23px;height:145px}.mp-result-art>div{width:135px;height:150px;margin:0 -7px;filter:drop-shadow(0 4px 4px #375d3520)}.mp-result .eyebrow{justify-content:center}.mp-result h2{font-size:35px;margin:15px 0 5px;letter-spacing:-.6px}.mp-result>p{max-width:470px;font-size:12px;line-height:1.8;color:#879779;margin:12px 0}.mp-result-stars{font-size:34px;color:#d8b56c;letter-spacing:8px;margin:12px 0}.mp-result-rewards{display:flex;gap:12px;justify-content:center;margin:15px 0}.mp-result-rewards>span{border:1px solid #dce5cc;background:#f1f5e8;border-radius:9px;padding:11px 15px;font-size:9px;color:#879676}.mp-result-rewards b{display:block;color:#5d784b;font-family:Georgia,serif;font-size:22px;margin-bottom:4px}.mp-result>.mp-fine-print{font-size:9px}.mp-battle-panel{overflow:hidden}.mp-battle-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 24px}.mp-battle-head .mini-heading{font-size:8px;color:#839572}.mp-battle-head h2{font-size:28px;letter-spacing:-.5px;margin-top:8px}.mp-battle-clock{font-size:12px;color:#94a083;font-variant-numeric:tabular-nums}.mp-arena{height:355px;position:relative;overflow:hidden;isolation:isolate;background:#d1e1cd}.mp-arena-bg{position:absolute;inset:0;z-index:-1}.mp-arena-bg>svg{width:100%;height:100%}.mp-wave-pill{position:absolute;z-index:3;top:17px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1px;padding:8px 13px;white-space:nowrap;border-radius:25px;border:1px solid #ffffdd;box-shadow:0 3px 12px #3e5b3220;background:#fffce6d9;color:#708362}.mp-unit{position:absolute;width:116px;height:140px;transform:translate(-50%,-50%);transition:opacity .3s,filter .15s}.mp-unit-art{height:100%;animation:mpBreathe 3s ease-in-out infinite}.mp-unit-art svg{width:100%;height:100%}.mp-unit.is-enemy .mp-unit-art{scale:-1 1}.mp-unit-name{display:block;font-size:8px;color:#496444;text-align:center;font-weight:700;margin-top:-5px;text-shadow:0 1px #fff8}.mp-health{width:65px;height:6px;border-radius:5px;background:#405e4255;overflow:hidden;border:1px solid #fff8da;box-shadow:0 1px 3px #2b462727;margin:4px auto 0}.mp-health>span{display:block;height:100%;background:#8ea966;transition:width .15s}.mp-unit.is-enemy .mp-health>span{background:#cd8978}.mp-unit-owner{display:block;text-align:center;font-size:6px;color:#71895d;letter-spacing:.4px;margin-top:4px}.mp-unit.is-own .mp-unit-owner{color:#2e633f;font-weight:700}.mp-unit.is-own:before{content:'';position:absolute;bottom:2px;left:25%;right:25%;height:7px;border-radius:50%;background:#f8e3a0b3;box-shadow:0 0 0 4px #fbf5b63b;z-index:-1}.mp-unit.is-dead{opacity:.25;filter:grayscale(1)}.mp-unit.is-hit .mp-unit-art{animation:mpShake .22s;filter:brightness(1.6)}.mp-unit.is-attacking .mp-unit-art{animation:mpAttack .3s}.mp-unit.is-shielded:after{content:'';position:absolute;inset:9px 7px 0;border:2px solid #d3f2f1b8;border-radius:50%;box-shadow:0 0 9px #c3efef66;pointer-events:none}.mp-battle-friends{display:flex;gap:14px;flex-wrap:wrap;padding:16px 23px;font-size:9px;color:#839573;background:#f6f8ee}.mp-friend-state{display:flex;align-items:center;gap:6px}.mp-friend-state i{width:5px;height:5px;background:#8ca970;display:block;border-radius:50%}.mp-friend-state.is-away i{background:#c7af78}.mp-own-card{display:flex;align-items:center;gap:18px;overflow:hidden;padding:18px}.mp-own-portrait{width:88px;height:100px;border:1px solid #d7e2c7;border-radius:10px;background:var(--mp-tone,#e4ecd8);flex-shrink:0;overflow:hidden}.mp-own-portrait>svg{width:100%;height:120%}.mp-own-copy{flex:1;min-width:0}.mp-own-copy>.mini-heading{font-size:8px;letter-spacing:1.1px}.mp-own-copy>h2{font-size:23px;letter-spacing:-.4px;margin:8px 0}.mp-own-copy>p{font-size:10px;line-height:1.7;color:#8b987e;max-width:340px}.mp-own-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;min-width:150px}.mp-own-actions>.btn{font-size:10px;min-height:37px;padding:10px 12px}.mp-own-actions .mp-icon{width:14px;height:14px}.mp-battle-story{padding:20px 23px}.mp-battle-story .mp-section-head{margin-bottom:14px}.mp-battle-story h2{font-size:20px}.mp-battle-story [data-mp-battle-events]{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.mp-battle-story p{font-size:10px;line-height:1.7;color:#9aa58b}.mp-battle-story p.is-skill{color:#739052}.mp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes mpFloat{50%{translate:0 -7px}}@keyframes mpPulse{50%{opacity:.65}}@keyframes mpBreathe{50%{translate:0 -3px}}@keyframes mpShake{25%{translate:-4px 0}75%{translate:4px 0}}@keyframes mpAttack{50%{translate:10px -3px;rotate:4deg}}
@media(min-width:1500px){.mp-layout{padding:40px 55px}.mp-room-grid{grid-template-columns:minmax(0,1fr) 330px}.mp-welcome-art{min-height:325px}.mp-welcome-heroes{inset:25px 8% -7px}.mp-welcome-heroes>div{height:260px;max-width:195px}.mp-welcome-heroes>div:nth-child(2){height:275px}.mp-player-art{height:130px}.mp-keeper-choice>div{height:100px}.mp-arena{height:410px}.mp-unit{width:130px;height:155px}}
@media(max-width:1150px){.mp-layout{padding:26px 23px}.mp-welcome-copy{padding:28px}.mp-welcome-copy h2{font-size:30px}.mp-welcome-copy>p{font-size:11px}.mp-feature-row{gap:10px;font-size:8px}.mp-entry-grid{grid-template-columns:.65fr 1.35fr;gap:17px}.mp-entry-card{padding:22px}.mp-create-join{gap:18px}.mp-room-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.mp-gathering,.mp-keeper-selection{padding:20px}.mp-player-grid{gap:8px}.mp-player-art{height:90px}.mp-player-copy>span{font-size:7px}.mp-player-copy small{font-size:6px}.mp-empty-player{min-height:162px}.mp-empty-player>span{font-size:8px}.mp-keeper-grid{gap:7px}.mp-keeper-choice>div{height:75px}.mp-keeper-choice>strong{font-size:14px}.mp-raid-label h2{font-size:29px}.mp-raid-bottom{padding:16px 20px;flex-wrap:wrap;gap:12px}.mp-inline-label{width:100%;justify-content:space-between}.mp-inline-label .mp-input{max-width:240px}.mp-own-card{gap:12px;padding:15px;flex-wrap:wrap}.mp-own-portrait{width:72px;height:84px}.mp-own-copy>h2{font-size:21px}.mp-own-actions{flex-direction:row;width:100%}.mp-own-actions>.btn{flex:1}.mp-chat-heading{padding:18px 15px;gap:9px}.mp-chat-heading h2{font-size:16px}.mp-chat-heading>span:first-child{width:29px;height:29px}.mp-arena{height:335px}.mp-unit{width:105px;height:128px}.mp-chat-panel{height:580px}}
@media(max-width:850px){.mp-welcome{min-height:270px}.mp-welcome-art{min-height:270px}.mp-welcome-heroes{inset:50px 0 -6px}.mp-welcome-heroes>div{height:200px}.mp-welcome-heroes>div:nth-child(2){height:215px}.mp-welcome-copy{padding:24px}.mp-welcome-copy h2{font-size:27px}.mp-entry-grid{grid-template-columns:1fr}.mp-entry-grid>.mp-entry-card:first-child{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-items:center}.mp-entry-card:first-child .mp-step{grid-row:span 2;margin:0}.mp-entry-card:first-child>.mp-label{margin-top:0}.mp-entry-card:first-child>.mp-input{grid-column:2}.mp-entry-card:first-child>.mp-fine-print,.mp-entry-card:first-child>.mp-error{grid-column:2}.mp-create-join{gap:30px}.mp-room-heading{align-items:flex-start;gap:20px}.mp-room-heading h1{font-size:29px}.mp-room-tools{gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:260px}.mp-room-code{min-width:130px}.mp-room-tools>.btn{font-size:9px}.mp-room-grid{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.mp-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-player-card{display:flex;align-items:center;min-height:83px}.mp-player-art{width:64px;height:83px;flex-shrink:0}.mp-player-art>svg{height:100%;width:115%;left:-7.5%;bottom:0}.mp-player-copy{padding:10px}.mp-player-copy>span{font-size:7px;line-height:1.5}.mp-player-copy small{font-size:6px}.mp-ready-tick{width:19px;height:19px;right:4px;top:4px}.mp-empty-player{min-height:83px;gap:5px}.mp-empty-player>.mp-icon{width:21px;height:21px}.mp-empty-player small{font-size:6px}.mp-keeper-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mp-selected-skill{display:block}.mp-selected-skill>strong{display:block;margin-bottom:9px}.mp-lobby-actions{flex-wrap:wrap}.mp-lobby-actions>.btn{min-width:0;flex:1;font-size:10px;padding:10px}.mp-lobby-actions>.mp-fine-print{margin-left:0}.mp-raid-label{left:20px;top:28px}.mp-raid-label h2{font-size:26px}.mp-raid-label>span:last-child{font-size:8px;line-height:1.8;display:block}.mp-raid-scene{height:180px}.mp-main{gap:16px}.mp-arena{height:300px}.mp-unit{width:82px;height:106px}.mp-unit-name{font-size:6px}.mp-unit-owner{font-size:5px;letter-spacing:0}.mp-health{width:50px;height:5px}.mp-wave-pill{font-size:7px;padding:7px 10px}.mp-battle-head{padding:18px}.mp-battle-head h2{font-size:23px}.mp-battle-friends{padding:13px 17px;gap:10px;font-size:8px}.mp-own-copy>.mini-heading{font-size:7px}.mp-own-copy>p{font-size:9px}.mp-battle-story{padding:18px}.mp-battle-story .mp-section-head{display:block}.mp-battle-story .mp-fine-print{display:block;margin-top:7px}.mp-battle-story [data-mp-battle-events]{grid-template-columns:1fr}.mp-result{padding:30px 20px}.mp-result h2{font-size:28px}.mp-result-art{height:120px}.mp-result-art>div{height:125px;width:105px}.mp-result-rewards{gap:7px}.mp-result-rewards>span{padding:10px;font-size:8px}.mp-chat-panel{height:600px}}
@media(max-width:650px){.mp-layout{padding:23px 16px 25px}.mp-layout .page-head{align-items:flex-start}.mp-layout h1{font-size:29px;line-height:1.2}.mp-beta-badge{font-size:7px;letter-spacing:.6px;padding:8px 10px;white-space:nowrap}.mp-beta-badge>.mp-icon{width:14px;height:14px}.mp-welcome{grid-template-columns:1fr}.mp-welcome-art{min-height:230px}.mp-welcome-heroes{inset:20px 10% -7px}.mp-welcome-heroes>div{height:200px;max-width:135px}.mp-welcome-heroes>div:nth-child(2){height:215px}.mp-welcome-copy{padding:26px}.mp-welcome-copy h2{font-size:30px}.mp-welcome-copy>p{font-size:11px}.mp-feature-row{margin-top:18px;gap:12px;font-size:8px}.mp-entry-grid{gap:15px;margin-top:17px}.mp-entry-grid>.mp-entry-card:first-child{display:block;padding:23px}.mp-entry-card:first-child .mp-step{margin-bottom:20px}.mp-entry-card:first-child>.mp-label{margin-top:14px}.mp-create-join{gap:20px}.mp-create-join h3{font-size:20px}.mp-entry-card{padding:23px}.mp-step{font-size:23px}.mp-step>span{font-size:9px}.mp-label{font-size:9px}.mp-input{font-size:11px;height:42px;padding:10px}.mp-input::placeholder{font-size:10px}.mp-layout .btn{font-size:11px}.mp-tip{font-size:10px;gap:12px;margin:20px 2px 0;align-items:flex-start}.mp-tip>span{width:29px;height:29px}.mp-tip>span .mp-icon{width:16px;height:16px}.mp-room-heading{flex-direction:column;gap:17px;margin-bottom:17px}.mp-room-heading h1{font-size:29px}.mp-room-tools{max-width:none;width:100%;justify-content:flex-start;gap:10px}.mp-room-code{padding:10px 14px;min-width:134px}.mp-room-code strong{font-size:19px}.mp-room-code small{font-size:6px}.mp-room-tools>.btn{font-size:10px;padding:9px 12px;min-height:37px}.mp-leave-btn{font-size:9px;margin-left:auto;padding:10px 0}.mp-room-status{gap:10px;margin-bottom:15px}.mp-connection{font-size:9px}.mp-room-note{font-size:8px}.mp-room-grid{grid-template-columns:1fr;gap:18px}.mp-chat-panel{position:relative;top:auto;height:370px;max-height:none}.mp-chat-heading{padding:17px 20px}.mp-chat-heading h2{font-size:19px}.mp-chat-heading p{font-size:9px}.mp-chat-heading>span:first-child{width:34px;height:34px}.mp-chat-messages{padding:17px;min-height:130px}.mp-chat-empty{min-height:140px}.mp-chat-message{padding:12px 13px;margin-right:35px}.mp-chat-message.is-mine{margin-left:35px}.mp-chat-message strong{font-size:10px;max-width:190px}.mp-chat-message time{font-size:8px}.mp-chat-message p{font-size:12px;line-height:1.7}.mp-chat-composer .mp-input{font-size:12px;height:43px}.mp-chat-composer button{width:40px}.mp-chat-meta{font-size:7px}.mp-gathering,.mp-keeper-selection{padding:20px}.mp-section-head h2{font-size:24px}.mp-section-head p{font-size:10px}.mp-player-grid{gap:9px}.mp-player-card{min-height:91px}.mp-player-art{width:68px;height:91px}.mp-player-copy{padding:9px 7px}.mp-player-copy strong{font-size:10px}.mp-player-copy>span{font-size:7px}.mp-player-copy small{font-size:6px}.mp-empty-player{min-height:91px}.mp-empty-player>span{font-size:8px}.mp-empty-player small{font-size:6px}.mp-keeper-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mp-keeper-choice>div{height:80px}.mp-keeper-choice>strong{font-size:15px}.mp-keeper-choice>small{font-size:7px}.mp-keeper-selection .mp-section-head{align-items:flex-start}.mp-keeper-selection .mp-section-head>.mp-fine-print{font-size:8px;max-width:75px;text-align:right}.mp-selected-skill p{font-size:10px}.mp-lobby-actions>.btn{font-size:10px;min-height:40px}.mp-ready-hint{font-size:9px;line-height:1.8}.mp-raid-scene{height:170px}.mp-raid-label{top:25px;left:21px;max-width:85%}.mp-raid-label h2{font-size:28px;line-height:1.12}.mp-raid-label>.mini-heading{font-size:8px}.mp-raid-label>span:last-child{font-size:8px;line-height:1.7}.mp-raid-bottom{padding:17px 20px}.mp-raid-bottom>p{font-size:10px}.mp-inline-label{font-size:9px}.mp-inline-label .mp-input{max-width:210px;font-size:10px}.mp-reconnect-banner{font-size:10px;padding:12px;gap:9px;align-items:flex-start;flex-wrap:wrap}.mp-reconnect-banner .mp-icon{width:16px;height:16px}.mp-reconnect-banner>button{font-size:9px;margin-left:25px}.mp-result{min-height:470px;padding:30px 24px}.mp-result h2{font-size:30px;line-height:1.15}.mp-result-art>div{width:100px;height:125px}.mp-result>p{font-size:11px}.mp-result-stars{font-size:30px}.mp-result-rewards>span{padding:11px 15px;font-size:8px}.mp-result-rewards b{font-size:24px}.mp-result>.mp-fine-print{font-size:9px}.mp-result .mp-button-row{margin-top:17px}.mp-battle-head{padding:20px}.mp-battle-head h2{font-size:25px}.mp-battle-head .mini-heading{font-size:8px}.mp-arena{height:305px}.mp-unit{width:87px;height:112px}.mp-unit-name{font-size:7px}.mp-unit-owner{font-size:5px}.mp-health{width:51px;height:5px}.mp-wave-pill{font-size:8px;letter-spacing:.6px;padding:8px 11px;top:14px}.mp-battle-friends{padding:14px 19px;font-size:8px;gap:10px 14px}.mp-own-card{padding:17px;gap:13px}.mp-own-portrait{width:75px;height:91px}.mp-own-copy>h2{font-size:24px}.mp-own-copy>.mini-heading{font-size:8px}.mp-own-copy>p{font-size:9px;line-height:1.7}.mp-own-actions>.btn{font-size:11px;min-height:41px;padding:10px 12px}.mp-battle-story{padding:20px}.mp-battle-story h2{font-size:22px}.mp-battle-story p{font-size:10px}.mp-connecting-card{padding:38px 25px;margin:15px 0}.mp-connecting-card h1{font-size:30px}.mp-connecting-card>p{font-size:11px}.mp-connecting-card .eyebrow{font-size:7px;letter-spacing:1px}.mp-button-row>.btn{font-size:10px}}
@media(max-width:400px){.mp-layout .page-head{display:block}.mp-beta-badge{display:inline-flex;margin-top:12px}.mp-create-join{grid-template-columns:1fr;gap:22px}.mp-entry-divider{height:1px}.mp-step>span{font-size:9px;letter-spacing:.7px}.mp-room-tools{gap:8px}.mp-room-code{min-width:127px}.mp-room-tools>.btn{padding:9px 11px;font-size:9px}.mp-room-status{align-items:flex-start}.mp-room-note{font-size:7px;text-align:right;max-width:140px;line-height:1.7}.mp-player-art{width:55px;height:84px}.mp-player-copy{padding:8px 6px}.mp-player-copy strong{font-size:9px}.mp-player-copy>span{font-size:6px}.mp-player-copy small{font-size:5px;line-height:1.8}.mp-player-card{min-height:84px}.mp-empty-player{min-height:84px}.mp-keeper-choice>div{height:65px}.mp-keeper-choice>strong{font-size:14px}.mp-keeper-choice>small{font-size:6px}.mp-arena{height:290px}.mp-unit{width:77px;height:100px}.mp-unit-name{font-size:6px}.mp-unit-owner{font-size:4px}.mp-health{width:46px}.mp-own-copy>h2{font-size:21px}.mp-own-portrait{width:62px;height:83px}.mp-own-copy>p{font-size:8px}.mp-result h2{font-size:27px}.mp-result-art>div{width:86px;height:118px}.mp-raid-label h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.mp-layout *{animation:none!important;transition:none!important}}