.friends-screen{position:fixed;inset:0;z-index:40;overflow:auto;overflow-x:hidden;isolation:isolate;background:var(--menu-scene-background);color:#fff07a;font-family:Trebuchet MS,Arial,sans-serif}.mp-shell{max-width:1250px;margin:auto;padding:24px 30px 60px}.mp-nav{display:flex;justify-content:space-between;align-items:center;gap:20px}.mp-nav>span{font-size:11px;letter-spacing:2px;color:#adc9ff}.friends-screen button,.friends-screen .mp-link{border:1px solid #9bbdff99;background:linear-gradient(#2c50d8,#101868);color:#fff08b;padding:12px 22px;border-radius:25px;font-weight:bold;font-size:16px;box-shadow:inset 0 1px #d9efff77,0 4px 14px #0004;cursor:pointer;text-decoration:none;display:inline-block}.friends-screen button:hover,.friends-screen .mp-link:hover{border-color:#fff1a0;background:linear-gradient(#4776f1,#182577)}.friends-screen button:focus-visible,.friends-screen input:focus-visible,.friends-screen select:focus-visible{outline:3px solid #fff5a6;outline-offset:3px}.friends-screen .mp-primary{background:linear-gradient(#ffe98b,#f2b834);color:#18205b;border-color:#fff4b4}.mp-heading{text-align:center;margin:35px 0}.mp-heading p{color:#b2ccff;font-size:11px;letter-spacing:4px}.mp-heading h1{font-family:Arial Black,Trebuchet MS,sans-serif;font-size:clamp(30px,4vw,56px);margin:12px 0;text-shadow:0 3px #d08a18,0 7px 12px #0009}.mp-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.mp-card{border:1px solid #8ebaff99;border-radius:24px;background:linear-gradient(135deg,#253bb2ed,#0c1458f5);box-shadow:inset 0 2px #e8f6ff88,inset 0 -5px 12px #8dc7ff44,0 15px 40px #0004;padding:28px}.mp-card h2{font-size:25px;margin:0 0 15px}.mp-card p{color:#c1d4ff;line-height:1.6}.friends-screen label{display:block;font-weight:bold;margin:18px 0 8px}.friends-screen input:not([type=radio]):not([type=checkbox]),.friends-screen select{width:100%;margin-top:8px;border:1px solid #829ee7;background:#070f45;color:#fff0a0;border-radius:12px;padding:13px 15px;font:inherit;box-sizing:border-box}.friends-screen fieldset{border:0;padding:0;margin:20px 0}.friends-screen .mp-radio{display:inline-block;margin:12px 24px 0 0;font-size:24px}.mp-radio input{accent-color:#ffe95f}.mp-card button{margin:12px 8px 0 0}.mp-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.friends-screen .mp-group-card{border-radius:22px;text-align:left;padding:25px;display:flex;flex-direction:column;gap:13px;min-height:160px}.mp-group-card strong{font-size:27px}.mp-group-card span{color:#bdd4ff;font-size:14px}.mp-group-card b{font-size:15px}.mp-greeting{display:flex;justify-content:space-between;align-items:center;font-size:23px}.mp-members{display:flex;flex-wrap:wrap;gap:10px}.mp-members span{padding:10px 16px;border:1px solid #9dbbff44;border-radius:22px;background:#081354}.mp-code-note{border:1px solid #ffdf7899;background:#133381;padding:20px;border-radius:20px;text-align:center}.mp-code-note code{display:block;font-size:28px;margin:14px 0;letter-spacing:3px;color:#fff9b9;overflow-wrap:anywhere}.mp-code-note p{font-size:14px;color:#bed7ff}.mp-error{background:#5d1944;border:1px solid #f1a49a;color:#fff2d3;padding:16px;border-radius:14px;line-height:1.5}.mp-local{font-size:11px;text-align:center;color:#a4baff}.mp-management{margin-top:30px;padding:20px;background:#07104488;border-radius:15px;color:#bed3ff}.mp-management summary{cursor:pointer;color:#fff08b}.mp-start-card{max-width:800px;margin:auto}.mp-start-card ul{padding-left:22px;line-height:1.9;color:#cbdcff}.mp-start-card strong{color:#fff1a2}.mp-form-message{min-height:24px}.mp-standings{overflow:auto}.mp-standings table{width:100%;border-collapse:collapse;font-size:19px;font-variant-numeric:tabular-nums}.mp-standings th,.mp-standings td{text-align:left;padding:17px 10px;border-bottom:1px solid #9fbfff33;white-space:nowrap}.mp-standings thead{font-size:12px;color:#bfd8ff}.mp-mine{background:#4165d777}.mp-open-players p{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #9fbfff22;padding:12px}.mp-test-mail{padding:15px 0;border-bottom:1px solid #718fe077}.mp-test-mail h3{margin:10px 0}.mp-test-mail p{font-size:14px}.friends-screen[aria-busy=true]{cursor:progress}.friends-screen .mp-game{z-index:41;overflow:auto}.mp-game-message{min-height:20px;text-align:center;color:#ffe88c;font-size:14px;margin:4px 20px 8px}.mp-picture img{pointer-events:none}.mp-picture{cursor:crosshair}.mp-marks{position:absolute;inset:0;pointer-events:none}.mp-marks .found-ring{position:absolute}.mp-ready{position:fixed;inset:25% 0 auto;text-align:center;pointer-events:none;z-index:60}.mp-ready[hidden],.mp-start-row[hidden]{display:none}.mp-start-row{text-align:center;margin:22px auto;position:relative;z-index:45}.mp-start-row p{font-size:14px;color:#d1dfff}.mp-confirm,.mp-expired{position:fixed;z-index:80;left:50%;top:50%;transform:translate(-50%,-50%);width:min(500px,calc(100vw - 40px));background:linear-gradient(#263cb7,#0b124e);border:2px solid #adcbff;border-radius:25px;padding:30px;box-shadow:0 0 0 100vmax #010422c9}.mp-confirm p{line-height:1.7}.mp-confirm button{margin:10px}.mp-game .win-notice small{display:block;font-size:17px;color:#c7dcff;margin:8px}.mp-checkbox input{accent-color:#ffe762}.friends-screen .game-screen .picture-pair{min-height:0}.mp-game .game-stats{margin-bottom:20px}
@media(max-width:650px){.mp-shell{padding:16px 14px 45px}.mp-nav>span{display:none}.mp-heading{margin:28px 0}.mp-heading p{font-size:9px;letter-spacing:2px}.mp-columns{grid-template-columns:1fr;gap:16px}.mp-card{padding:22px 18px}.mp-greeting{font-size:18px;gap:10px}.friends-screen button{font-size:14px;padding:11px 16px}.mp-card-grid{grid-template-columns:1fr}.mp-standings table{font-size:15px}.mp-standings th,.mp-standings td{padding:14px 7px}.mp-game .run-stats{font-size:16px}.mp-game .mp-ready{top:30%}}
.mp-cursor{position:absolute;width:24px;height:24px;border:2px solid #fff46b;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #08103e;pointer-events:none;z-index:4}.mp-cursor:before,.mp-cursor:after{content:'';position:absolute;background:#fff46b}.mp-cursor:before{height:2px;width:30px;top:9px;left:-5px}.mp-cursor:after{width:2px;height:30px;left:9px;top:-5px}
.mp-heading{position:relative;padding:0 120px}.mp-host{position:absolute;right:15px;bottom:-8px;width:110px;height:130px}.mp-host .frame-monkey{right:0;bottom:0;width:110px;height:128px}.mp-host-podium{position:absolute;bottom:-1px;left:0;width:110px;height:15px;border-radius:50%;background:linear-gradient(#b7e6ff,#173491);border:1px solid #aacfff}@media(max-width:650px){.mp-heading{padding:0 50px 0 0;text-align:left}.mp-host{right:-2px;width:60px;height:80px;bottom:0}.mp-host .frame-monkey{width:65px;height:76px}.mp-host-podium{width:65px;height:10px}.mp-heading p{letter-spacing:1px}.mp-heading h1{font-size:29px}}
.mp-login-card{max-width:650px;margin:0 auto}.mp-one-time-code{font-size:30px!important;letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums}.mp-section-title{margin:30px 0 18px}.mp-main-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.mp-round-card{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:20px 0}.mp-round-card>button{flex-shrink:0}.mp-members-section{margin:30px 0}.mp-members-section h2{margin-bottom:16px}.mp-members-section>button{margin-top:18px}.mp-group-intro{text-align:center;color:#c5d8ff}.mp-management code{display:block;margin:15px 0;font-size:22px}.mp-login-card label small{font-weight:normal;color:#bdd3ff}@media(max-width:650px){.mp-round-card{display:block}.mp-round-card>button{margin-top:20px}.mp-one-time-code{letter-spacing:5px}.mp-main-actions{gap:10px}}
.mp-test-code{font-size:24px;letter-spacing:3px;color:#fff4a1}
.mp-top-actions{margin:0 0 22px;justify-content:flex-start}.mp-signed-in{margin-left:auto;font-size:15px;color:#bed4ff}.mp-table-wrap{border:1px solid #8ebaff88;border-radius:16px;background:linear-gradient(125deg,#2136a8e8,#0b1359f0);box-shadow:inset 0 1px #e7f4ff88;overflow-x:auto}.mp-table{width:100%;border-collapse:collapse;font-size:16px;color:#fff080;font-variant-numeric:tabular-nums}.mp-table th,.mp-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #a4beff30;vertical-align:middle}.mp-table thead th{font-size:12px;color:#b8d1ff;font-weight:normal}.mp-table tbody tr:last-child>*{border-bottom:0}.mp-table tbody th{font-weight:bold;overflow-wrap:anywhere}.mp-table small{display:block;color:#b8d1ff;font-size:12px;margin-top:5px;font-weight:normal}.mp-table .mp-table-action{text-align:right}.friends-screen .mp-table button{font-size:14px;padding:8px 14px;margin:0;min-height:36px}.mp-members-section .mp-table{font-size:15px}.mp-people-table th{max-width:350px;overflow-wrap:anywhere}.mp-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.mp-dialog-actions button{margin:0}.mp-mobile-deadline{display:none!important}.mp-sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.mp-play-now{animation:mp-play-pulse 2.4s ease-in-out infinite}@keyframes mp-play-pulse{0%,100%{box-shadow:inset 0 1px #fff6,0 0 0 0 #ffe56100;filter:brightness(1)}50%{box-shadow:inset 0 1px #fff8,0 0 15px 3px #ffe56166;filter:brightness(1.12)}}@media(prefers-reduced-motion:reduce){.mp-play-now{animation:none;box-shadow:0 0 8px #ffe56155}}@media(max-width:650px){.mp-table{font-size:14px}.mp-table th,.mp-table td{padding:10px 8px}.mp-table thead th{font-size:11px}.mp-table .mp-table-deadline{display:none}.mp-mobile-deadline{display:block!important;font-size:11px!important;white-space:nowrap}.friends-screen .mp-table button{font-size:12px;padding:8px 10px}.mp-table small{font-size:11px}.mp-top-actions{gap:9px}.mp-top-actions button{font-size:13px;padding:10px 13px}.mp-signed-in{display:none}.mp-round-table .mp-table-action{max-width:115px}.mp-round-table .mp-table-action button{max-width:110px}.mp-people-table th{max-width:200px}}

/* Inline groups and Looky's first-group guidance. */
.mp-groups{display:grid;gap:12px}.mp-group-item{border:1px solid #8ebaff88;border-radius:18px;background:linear-gradient(125deg,#2136a8e8,#0b1359f0);box-shadow:inset 0 1px #e7f4ff66;overflow:hidden}.friends-screen .mp-group-toggle{display:grid;grid-template-columns:1fr auto 26px;align-items:center;gap:18px;width:100%;border:0;border-radius:0;text-align:left;padding:18px 22px;background:transparent;box-shadow:none}.mp-group-toggle strong{font-size:21px;overflow-wrap:anywhere}.mp-group-toggle span{color:#bfd6ff;font-size:14px;font-weight:normal}.mp-group-toggle b{font-size:27px;text-align:center}.mp-group-content{padding:22px;border-top:1px solid #8ebaff44}.mp-group-content[hidden]{display:none}.mp-group-content .mp-members-section{margin:22px 0}.mp-group-content h3{font-size:19px;margin:16px 0}.mp-past-rounds{margin-top:20px}.mp-past-rounds summary{cursor:pointer;margin:14px 0}.friends-screen .mp-round-details{display:inline-block;margin:0;color:#bed4ff;font-weight:normal;background:#0a1557}.mp-looky-guide{display:flex;align-items:center;gap:22px;max-width:760px;margin:0 0 18px}.mp-guide-monkey{position:relative;flex:0 0 145px;height:160px}.mp-guiding-host{right:0;bottom:0;width:145px;height:160px}.mp-guiding-host .frame-monkey{width:140px;height:163px}.mp-guiding-host .mp-host-podium{width:135px}.mp-looky-guide p{position:relative;padding:20px 24px;border:1px solid #b3d4ff99;background:linear-gradient(#294dba,#101c65);border-radius:22px;color:#fff1a0;line-height:1.6;font-size:20px;box-shadow:inset 0 1px #e4f6ff77}.mp-create-pulse{animation:mp-play-pulse 2.4s ease-in-out infinite}.mp-empty-groups{color:#bfd6ff;line-height:1.6}.mp-greeting>button:first-child span{font-size:22px;vertical-align:-1px}@media(prefers-reduced-motion:reduce){.mp-create-pulse{animation:none;box-shadow:0 0 8px #ffe56155}}@media(max-width:650px){.friends-screen .mp-group-toggle{grid-template-columns:1fr 22px;gap:6px;padding:15px}.mp-group-toggle strong{font-size:18px}.mp-group-toggle span{grid-column:1;grid-row:2;font-size:12px}.mp-group-toggle b{grid-column:2;grid-row:1/3}.mp-group-content{padding:13px}.mp-group-actions{gap:8px}.mp-looky-guide{gap:10px}.mp-guide-monkey{flex-basis:90px;height:115px}.mp-guiding-host{width:90px;height:115px}.mp-guiding-host .frame-monkey{width:95px;height:111px}.mp-guiding-host .mp-host-podium{width:90px}.mp-looky-guide p{font-size:15px;padding:14px}.mp-group-content .mp-table th,.mp-group-content .mp-table td{padding:10px 5px}}

.mp-looky-guide{max-width:none;align-items:flex-end}.mp-guide-copy{flex:1;min-width:0}.mp-guide-copy>p{max-width:650px;margin:0 0 20px}.mp-guide-copy .mp-greeting{margin-bottom:0}.mp-guide-monkey{margin-bottom:3px}@media(max-width:650px){.mp-guide-copy .mp-signed-in,.mp-guide-copy [data-action=account]{display:none}.mp-guide-copy .mp-greeting{gap:8px}.mp-guide-copy .mp-greeting button{padding:9px 10px}.mp-looky-guide{align-items:flex-end}}

/* Shared expanding panels keep their contents in the group overview. */
.mp-group-content{box-sizing:border-box}.mp-round-detail-row[hidden],.mp-inline-details[hidden],.mp-past-content[hidden]{display:none}.mp-table .mp-round-detail-row>td{padding:0;border-bottom:1px solid #a4beff30}.mp-inline-details{box-sizing:border-box;background:#071044aa}.mp-inline-details-body{padding:20px}.mp-inline-details h4{margin:0 0 15px;font-size:17px}.mp-details-locked{color:#c6d9ff;line-height:1.6;margin:0 0 16px}.mp-results-scroll{overflow-x:auto;max-width:100%}.mp-results th,.mp-results td{white-space:nowrap}.mp-round-players{list-style:none;padding:0;margin:15px 0 0}.mp-round-players li{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #93b6ff33;padding:12px 0;color:#c6d9ff}.mp-round-players strong{color:#fff080;font-weight:normal}.mp-past-content{padding-top:16px}.mp-group-toggle[aria-expanded=true]{background:#3455bc33}.friends-screen [data-action=toggle-round-details][aria-expanded=true]{border-color:#ffed91;background:#253b91;color:#fff080}@media(max-width:650px){.mp-inline-details-body{padding:14px 10px}.mp-inline-details h4{font-size:15px}.mp-round-players{font-size:13px}.mp-results{font-size:13px}}

.mp-card .mp-privacy-note{font-size:14px;line-height:1.65;color:#c1d4ff;margin:16px 0}

.mp-group-content{padding:0;border:0}.mp-group-inner{padding:22px;border-top:1px solid #8ebaff44}@media(max-width:650px){.mp-group-inner{padding:13px}}

.mp-round-table{table-layout:fixed}.mp-round-table>thead>tr>th:nth-child(1){width:9%}.mp-round-table>thead>tr>th:nth-child(2){width:9%}.mp-round-table>thead>tr>th:nth-child(3){width:20%}.mp-round-table>thead>tr>th:nth-child(4){width:29%}.mp-round-table>thead>tr>th:nth-child(5){width:33%}.mp-round-table>tbody>tr>td{overflow-wrap:anywhere}.mp-results-scroll .mp-results{width:max-content;min-width:100%}@media(max-width:650px){.mp-round-table>thead>tr>th:nth-child(1),.mp-round-table>thead>tr>th:nth-child(2){width:17%}.mp-round-table>thead>tr>th:nth-child(3){width:29%}.mp-round-table>thead>tr>th:nth-child(5){width:37%}}

.mp-email-row{display:flex;align-items:flex-end;gap:12px;margin:18px 0}.mp-email-row label{flex:1;min-width:0;margin:0}.mp-card .mp-remove-person{margin:0 0 1px;font-size:13px;padding:12px 14px;min-height:44px}.mp-dialog-actions{align-items:center;gap:12px;clear:both}.mp-card .mp-dialog-actions button{margin:0}.mp-card .mp-dialog-actions .mp-submit-action{margin-left:auto}@media(max-width:650px){.mp-email-row{gap:8px}.mp-email-row label{font-size:14px}.mp-card .mp-remove-person{font-size:12px;padding:12px 9px}.mp-dialog-actions{gap:8px}.mp-dialog-actions .mp-submit-action{max-width:100%}}

/* Multiplayer owns its Ready/Go animation; the solo word starts at opacity zero. */
.mp-ready .round-intro-word{opacity:1}.mp-game .mp-picture img{opacity:1;filter:blur(0);transition:opacity .6s ease,filter .6s ease}.mp-game .round-concealed .mp-picture img{opacity:0;filter:blur(8px)}@media(prefers-reduced-motion:reduce){.mp-game .mp-picture img{transition:none}}

/* Keep each round’s actions together, with one shared right edge. */
.mp-round-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.friends-screen .mp-round-actions>button{margin:0}.friends-screen .mp-round-actions>.mp-round-details{font-weight:normal;color:#bed4ff;background:#0a1557}@media(max-width:650px){.mp-round-actions{flex-direction:column;align-items:stretch;gap:8px}.friends-screen .mp-round-actions>button{box-sizing:border-box;width:100%;max-width:none}}

.mp-round-buttons{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.friends-screen .mp-round-buttons>button{margin:0}.friends-screen .mp-round-buttons>.mp-round-details{font-weight:normal;color:#bed4ff;background:#0a1557}.mp-resume-slot:empty{display:none}.mp-resume-slot{display:block;position:relative;width:65px;height:85px;flex-shrink:0}.mp-round-actions:has(.mp-resume-slot:not(:empty)){flex-wrap:nowrap}.mp-round-actions:has(.mp-resume-slot:not(:empty)) .mp-round-buttons{flex:1}.mp-resume-host{position:relative;right:auto;bottom:auto;width:65px;height:85px}.mp-resume-host .frame-monkey{width:65px;height:76px;right:0;bottom:4px}.mp-resume-host .mp-host-podium{width:65px;height:9px;bottom:0}.mp-pointing-finger{fill:#ffdf9c;stroke:#79512b;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.mp-signed-in{white-space:nowrap}@media(max-width:650px){.mp-round-buttons{flex-direction:column;align-items:stretch;gap:8px;width:100%}.friends-screen .mp-round-buttons>button{width:100%;max-width:none;box-sizing:border-box}.mp-round-actions:has(.mp-resume-slot:not(:empty)){flex-direction:row;gap:4px;align-items:flex-start}.mp-resume-slot,.mp-resume-host{width:36px;height:50px}.mp-resume-slot{margin-top:0}.mp-resume-host .frame-monkey{width:36px;height:43px;bottom:4px}.mp-resume-host .mp-host-podium{width:36px;height:6px}.mp-round-table:has(.mp-resume-slot)>thead>tr>th:nth-child(1),.mp-round-table:has(.mp-resume-slot)>thead>tr>th:nth-child(2){width:13%}.mp-round-table:has(.mp-resume-slot)>thead>tr>th:nth-child(5){width:45%}.mp-greeting .mp-signed-in{display:block;white-space:normal;margin:0;width:100%;font-size:13px}}

.mp-round-actions:has(.mp-resume-slot:not(:empty)){align-items:flex-start}.mp-round-actions:has(.mp-resume-slot:not(:empty)) .mp-round-buttons{flex:0 1 auto;flex-direction:column;align-items:stretch;width:max-content}.mp-round-actions:has(.mp-resume-slot:not(:empty)) [data-action=challenge]{white-space:nowrap}@media(max-width:650px){.mp-resume-slot,.mp-resume-host{width:40px;height:53px}.mp-resume-host .frame-monkey{width:40px;height:47px}.mp-resume-host .mp-host-podium{width:40px}.mp-round-table:has(.mp-resume-slot)>thead>tr>th:nth-child(1),.mp-round-table:has(.mp-resume-slot)>thead>tr>th:nth-child(2){width:12%}.mp-round-table:has(.mp-resume-slot)>thead>tr>th:nth-child(3){width:26%}.mp-round-table:has(.mp-resume-slot)>thead>tr>th:nth-child(5){width:50%}}

.mp-overview-actions{display:flex;justify-content:center;margin:24px 0 0}.mp-overview-actions button{min-width:200px}

.mp-personal-state{display:block;font-size:15px;line-height:1.4}.mp-table .mp-round-state{display:inline-block;font-weight:bold;line-height:1.4;padding:3px 8px;border:1px solid #8ebaff66;border-radius:8px;margin-top:8px}.mp-table .mp-round-open{color:#fff08b;background:#2347b966}.mp-table .mp-round-closed{color:#c5dcff;background:#0a144a88}.mp-table .mp-round-progress{line-height:1.5}@media(max-width:650px){.mp-personal-state{font-size:13px}.mp-table .mp-round-state{font-size:11px;padding:3px 5px}.mp-table .mp-round-progress{font-size:11px}}

.mp-group-actions{flex-wrap:nowrap;align-items:center}.mp-group-actions>[data-action=leave-screen]{margin-left:auto}.mp-member-actions{display:flex;justify-content:flex-end;margin-top:14px}@media(max-width:650px){.friends-screen .mp-group-actions>button{font-size:12px;padding:10px 9px}.mp-group-actions{gap:8px}.mp-member-actions button{font-size:13px}}

/* Independent header controls: leaving the group is outside the accordion button. */
.mp-group-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto 26px;align-items:center;column-gap:18px;padding-right:22px}
.friends-screen .mp-group-header .mp-group-toggle{grid-column:1/-1;grid-row:1;grid-template-columns:subgrid;padding-right:0}
.mp-group-header .mp-group-toggle strong{grid-column:1}.mp-group-header .mp-group-toggle span{grid-column:3}.mp-group-header .mp-group-toggle b{grid-column:4}
.mp-group-header .mp-leave-group{grid-column:2;grid-row:1;z-index:1;margin:0;white-space:nowrap}
.mp-group-header .mp-group-toggle[aria-expanded=false]+.mp-leave-group{display:none}
.mp-rounds-heading{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:16px 0}.mp-group-content .mp-rounds-heading h3{margin:0}.mp-rounds-heading button{margin:0}
@media(max-width:650px){.mp-group-header{grid-template-columns:minmax(0,1fr) auto 22px;gap:8px;padding-right:15px}.friends-screen .mp-group-header .mp-group-toggle{gap:6px 8px}.mp-group-header .mp-group-toggle strong{grid-column:1;grid-row:1}.mp-group-header .mp-group-toggle span{grid-column:1/3;grid-row:2}.mp-group-header .mp-group-toggle b{grid-column:3;grid-row:1/3}.mp-group-header .mp-leave-group{grid-column:2;grid-row:1;font-size:12px;padding:9px}.mp-rounds-heading button{font-size:13px}}

/* Reserve message space only when a connection/status message is present. */
.mp-game-message:empty{display:none}

.mp-hint-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:10px}.friends-screen .mp-hint-controls button{font-size:15px;padding:8px 13px;white-space:nowrap;color:#fff087}.mp-hint-controls span{font-size:13px;color:#d5e2ff;line-height:1.4}.mp-hint-controls button:disabled{cursor:default;opacity:.5}
@media(max-width:650px){.friends-screen .mp-hint-controls button{font-size:13px;padding:8px 10px}.mp-hint-controls span{font-size:12px}}

/* Reuse the main menu sky and palm silhouettes behind the friends lounge. */
.friends-menu-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;--px:0px;--py:0px}
.friends-menu-backdrop .menu-palms,.friends-menu-backdrop .horizon,.friends-menu-backdrop .sky-glow{opacity:1;transition:none;transform:none}

/* Make the resumable round unmistakable without moving the table layout. */
.friends-screen .mp-resume-now{position:relative;border-color:#fff5b0;background:linear-gradient(#fff09a,#ffbd35);color:#17204c;animation:mp-resume-pulse 1.6s ease-in-out infinite}
.friends-screen .mp-resume-now:hover{background:linear-gradient(#fff5b7,#ffca46);border-color:#fffbe0}
@keyframes mp-resume-pulse{0%,100%{filter:brightness(1);box-shadow:inset 0 1px #fff9,0 0 0 2px #ffe36b88,0 0 15px #ffcd4499,0 0 28px #ff9e2455}50%{filter:brightness(1.13);box-shadow:inset 0 1px #fffc,0 0 0 4px #ffdf8b99,0 0 24px #ffd159cc,0 0 42px #ff9a2888}}
@media(prefers-reduced-motion:reduce){.friends-screen .mp-resume-now{animation:none;box-shadow:inset 0 1px #fff9,0 0 0 2px #ffe36b88,0 0 18px #ffcd44aa}}

/* Center the guest entry as one stage, including Looky and its supporting links. */
.mp-welcome{width:min(900px,100%);margin:40px auto 0;text-align:center}
.mp-welcome .mp-looky-guide{margin:0 auto 22px;text-align:left}
.mp-welcome .mp-guide-copy>p{max-width:none}
.mp-welcome .mp-main-actions{justify-content:center}
.mp-welcome>.mp-empty-groups{max-width:760px;margin:20px auto 14px}
.mp-welcome>p:last-child{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}
@media(max-width:650px){.mp-welcome{margin-top:20px}.mp-welcome .mp-looky-guide{flex-direction:column;align-items:center;gap:14px}.mp-welcome .mp-guide-monkey{flex:0 0 auto;width:100px;margin:0}.mp-welcome .mp-guide-copy{width:100%}.mp-welcome .mp-guide-copy>p{text-align:center}.mp-welcome .mp-main-actions{flex-direction:column;align-items:stretch}.mp-welcome .mp-main-actions button{width:100%;box-sizing:border-box}.mp-welcome>p:last-child{font-size:14px}}

/* Give starting and resuming the same clear visual cue, without moving hit areas. */
.friends-screen .mp-play-now,.friends-screen .mp-resume-now{position:relative;overflow:hidden;isolation:isolate;border:2px solid #fff0a0;background:linear-gradient(150deg,#fff8ac,#ffdb46 45%,#ffae19);color:#15205c;animation:mp-resume-pulse 1.25s ease-in-out infinite}
.friends-screen .mp-play-now:hover,.friends-screen .mp-resume-now:hover{background:linear-gradient(150deg,#fffacb,#ffe567 45%,#ffbc30);border-color:#fffbd7}
.friends-screen .mp-play-now::after,.friends-screen .mp-resume-now::after{content:'';position:absolute;inset:-80% -50%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffff88 48%,transparent 61%);transform:translateX(-100%);animation:mp-play-sheen 2.4s ease-in-out infinite}
@keyframes mp-resume-pulse{0%,100%{filter:brightness(1);box-shadow:inset 0 1px #fff9,0 0 0 2px #ffe56bb0,0 0 18px #ffd044c0,0 0 34px #ff9a2466}50%{filter:brightness(1.22);box-shadow:inset 0 1px #fffd,0 0 0 4px #fff0a8d0,0 0 30px #ffda4aff,0 0 55px #ff9a24aa}}
@keyframes mp-play-sheen{0%,35%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.friends-screen .mp-play-now,.friends-screen .mp-resume-now{animation:none;box-shadow:inset 0 1px #fff9,0 0 0 3px #ffe56bb0,0 0 24px #ffd044bb}.friends-screen .mp-play-now::after,.friends-screen .mp-resume-now::after{display:none;animation:none}}

/* Permanent group ranking with compact, accessible expandable player statistics. */
.mp-ranking-note{font-size:13px;line-height:1.5;color:#c5d8ff;margin:0 0 14px}
.mp-member-ranking{table-layout:fixed}.mp-member-ranking>thead>tr>th:first-child{width:9%}.mp-member-ranking>thead>tr>th:nth-child(2){width:40%}.mp-member-ranking>thead>tr>th:nth-child(3),.mp-member-ranking>thead>tr>th:nth-child(4){width:13%}.mp-member-ranking>thead>tr>th:last-child{width:25%}
.mp-member-ranking .mp-member-number{text-align:center;font-size:18px}.mp-member-rank{font-size:19px;white-space:nowrap}.mp-member-ranking th small{font-size:12px}
.friends-screen .mp-member-ranking .mp-member-toggle{display:inline-flex;gap:8px;align-items:center;max-width:100%;padding:4px 0;border:0;border-radius:4px;background:none;box-shadow:none;color:#fff080;text-align:left;font:inherit;overflow-wrap:anywhere}
.friends-screen .mp-member-ranking .mp-member-toggle:hover{background:none;color:#fff7bf;border:0;text-decoration:underline}.mp-member-toggle span{color:#bdd4ff}.mp-member-toggle[aria-expanded=true] span{transform:rotate(180deg)}
.mp-member-detail-row[hidden],.mp-member-details[hidden]{display:none}.mp-member-ranking .mp-member-detail-row>td{padding:0}.mp-member-details{background:#071044aa;text-align:left}.mp-member-details dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;margin:0}.mp-member-details dt{font-size:13px;color:#c6d9ff;margin-bottom:6px}.mp-member-details dd{margin:0;font-size:20px;color:#ffed80}.mp-member-details p{font-size:12px;color:#bdd3ff;margin:0;padding:0 20px 18px;line-height:1.5}.mp-invited-member{color:#bed1ed}.mp-invited-member th{overflow-wrap:anywhere}
@media(max-width:650px){.mp-member-ranking th,.mp-member-ranking td{padding:10px 5px}.mp-member-ranking>thead>tr>th:first-child{width:11%}.mp-member-ranking>thead>tr>th:nth-child(2){width:36%}.mp-member-ranking>thead>tr>th:nth-child(3),.mp-member-ranking>thead>tr>th:nth-child(4){width:15%}.mp-member-ranking>thead>tr>th:last-child{width:23%}.mp-member-ranking .mp-member-number,.mp-member-rank{font-size:14px}.mp-member-ranking>thead th{font-size:10px}.mp-member-details dl{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:14px}.mp-member-details dd{font-size:17px}.mp-member-details p{padding:0 15px 15px}.mp-ranking-note{font-size:12px}}

.mp-next-round{max-width:760px;margin:30px auto}.mp-round-table-closed>thead>tr>th:nth-child(1),.mp-round-table-closed>thead>tr>th:nth-child(2){width:9%}.mp-round-table-closed>thead>tr>th:nth-child(3){width:42%}.mp-round-table-closed>thead>tr>th:nth-child(4){width:40%}
@media(max-width:650px){.mp-round-table-closed>thead>tr>th:nth-child(1),.mp-round-table-closed>thead>tr>th:nth-child(2){width:16%}.mp-round-table-closed>thead>tr>th:nth-child(3){width:32%}.mp-round-table-closed>thead>tr>th:nth-child(4){width:36%}}
/* Groups: a quiet members sidebar beside the playable rounds. */
.friends-screen .mp-heading{margin:22px 0 24px}.friends-screen .mp-heading h1{font-size:clamp(30px,4vw,48px)}
.mp-group-header{grid-template-columns:minmax(0,1fr) auto 26px}.mp-group-header .mp-group-toggle span{grid-column:2}.mp-group-header .mp-group-toggle b{grid-column:3}
.mp-group-grid{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,2fr);gap:24px;align-items:start}
.mp-members-sidebar,.mp-rounds-section{min-width:0}.mp-members-sidebar{border-right:1px solid #8ebaff33;padding-right:22px}
.mp-members-disclosure>summary{display:none}.mp-members-heading{display:flex;align-items:center;gap:8px;margin:0 0 14px}.mp-group-content .mp-members-heading h3{margin:0;font-size:17px}
.mp-ranking-help{position:relative;color:#bed5ff}.mp-ranking-help summary{cursor:pointer;list-style:none;font-size:17px}.mp-ranking-help p{position:absolute;z-index:5;right:-10px;top:15px;width:240px;box-sizing:border-box;padding:14px;border:1px solid #799fed;border-radius:12px;background:#101c62;font-size:13px;line-height:1.5;box-shadow:0 8px 20px #0006}
.mp-member-ranking>thead>tr>th:first-child{width:16%}.mp-member-ranking>thead>tr>th:nth-child(2){width:62%}.mp-member-ranking>thead>tr>th:last-child{width:22%}.mp-member-ranking>thead th{font-size:11px}.mp-members-sidebar .mp-table th,.mp-members-sidebar .mp-table td{padding:10px 7px}.mp-member-ranking .mp-member-number,.mp-member-rank{font-size:15px}.mp-member-ranking th small{font-size:11px}.mp-member-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.mp-member-details dt{font-size:11px}.mp-member-details dd{font-size:16px}.mp-member-details p{padding:0 12px 12px;font-size:11px}
.mp-share-group{margin-top:22px}.mp-share-group h4{font-size:16px;margin:0 0 12px}.mp-share-group label{display:block;font-size:12px;color:#bdd4ff}.friends-screen .mp-share-code{box-sizing:border-box;width:100%;font:700 20px monospace;letter-spacing:2px;margin:7px 0 10px;padding:10px 12px;border:1px solid #88abdf88;border-radius:10px;background:#09144d;color:#fff08b}.friends-screen .mp-share-group button{font-size:13px;padding:9px 13px}.mp-code-status{font-size:12px;color:#cde0ff;margin:8px 0;min-height:0}.mp-code-status:empty{display:none}.mp-share-group [data-action=invite-screen]{margin-top:10px;display:block}
.mp-rounds-section .mp-rounds-heading{margin:0 0 16px;justify-content:space-between}.mp-rounds-heading h3{font-size:20px}.mp-rounds-heading button{font-size:14px;padding:10px 17px}
.mp-round-list{display:grid;gap:12px}.mp-round-card{border:1px solid #88aaf35c;border-radius:16px;background:linear-gradient(125deg,#2845a944,#08124788);overflow:hidden}.mp-round-playable{border-color:#cfbd7777}.mp-round-card-main{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px}.mp-round-copy{min-width:0}.mp-round-copy h4{margin:0 0 8px;font-size:19px}.mp-round-copy h4 span{font-weight:normal;font-size:14px;color:#bed5ff}.mp-round-copy p{margin:0;color:#fff1a3;font-size:14px;line-height:1.5}.mp-round-copy small{display:block;margin-top:7px;font-size:11px;color:#a9c5f2}.mp-round-card .mp-round-actions{flex-shrink:0;flex-wrap:nowrap;align-items:center}.mp-round-card .mp-round-buttons{flex-direction:column;align-items:flex-end;gap:8px}.friends-screen .mp-round-card .mp-round-buttons button{font-size:14px;padding:10px 16px}.friends-screen .mp-round-card .mp-round-buttons .mp-round-details{font-size:12px;padding:7px 12px}.mp-round-card .mp-inline-details{border-top:1px solid #88aaf344}.mp-round-card .mp-round-actions:has(.mp-resume-slot:not(:empty)){align-items:center}.mp-round-card .mp-round-actions:has(.mp-resume-slot:not(:empty)) .mp-round-buttons{width:auto;align-items:stretch}.mp-rounds-empty{font-size:14px;color:#bfd3ef}.mp-group-bottom{grid-column:1/-1;text-align:right;border-top:1px solid #8ebaff22;padding-top:12px}.friends-screen .mp-group-bottom button{font-size:12px;padding:7px 12px;color:#bdd1f5;background:transparent;box-shadow:none}.mp-past-rounds{margin-top:16px}.friends-screen [data-action=toggle-past]{font-size:13px;padding:9px 14px}
@media(min-width:801px){.mp-members-disclosure:not([open])>section{display:block}}
@media(max-width:1000px) and (min-width:801px){.mp-group-grid{grid-template-columns:minmax(230px,.9fr) minmax(0,1.5fr);gap:18px}.mp-members-sidebar{padding-right:15px}.mp-round-card-main{flex-wrap:wrap}.mp-round-card .mp-round-actions{margin-left:auto}}
@media(max-width:800px){.mp-group-grid{grid-template-columns:minmax(0,1fr);gap:22px}.mp-rounds-section{grid-row:1}.mp-members-sidebar{grid-row:2;border-right:0;border-top:1px solid #8ebaff33;padding:16px 0 0}.mp-members-disclosure>summary{display:list-item;cursor:pointer;font-weight:bold;font-size:16px;padding:5px 0 12px}.mp-members-disclosure .mp-members-heading h3{display:none}.mp-members-disclosure[open] .mp-members-heading{margin:0 0 8px}.mp-ranking-help p{left:0;right:auto}.mp-group-bottom{grid-row:3}.mp-group-header .mp-group-toggle span{grid-column:1/3;grid-row:2}.mp-group-header .mp-group-toggle b{grid-column:3}.mp-round-card-main{padding:14px;gap:12px}.mp-round-copy h4{font-size:17px}.mp-round-copy h4 span{font-size:13px}.mp-round-copy p{font-size:13px}.mp-round-card .mp-round-buttons{width:auto}.mp-round-card .mp-round-actions{flex-direction:row}.mp-round-card .mp-resume-slot,.mp-round-card .mp-resume-host{width:48px;height:62px}.mp-round-card .mp-resume-host .frame-monkey{width:48px;height:56px}.mp-round-card .mp-resume-host .mp-host-podium{width:48px}.mp-group-content .mp-rounds-heading{gap:10px}.friends-screen .mp-rounds-heading button{font-size:12px;padding:9px 12px}}
@media(max-width:450px){.mp-round-card-main{flex-wrap:wrap}.mp-round-card .mp-round-actions{margin-left:auto}.mp-group-grid{gap:18px}.mp-round-copy{width:100%}.mp-round-card .mp-round-copy small{margin-top:4px}}
/* Reset the older standalone round-card layout inside the new overview. */
.mp-round-list>.mp-round-card{display:block;margin:0;gap:0}.mp-round-card-main{width:100%;box-sizing:border-box}
/* Decorative Looky must never intercept navigation or sound controls. */
.mp-host{pointer-events:none}

.mp-share-group [data-action=invite-screen]{margin:0 0 16px}.mp-share-group label{margin-top:0}
/* A header mascot needs its own height below the navigation row. */
.friends-screen .mp-heading:has(> .mp-host){min-height:134px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.friends-screen .mp-heading>.mp-host{bottom:2px;right:12px}
@media(max-width:650px){.friends-screen .mp-heading:has(> .mp-host){min-height:84px}.friends-screen .mp-heading>.mp-host{right:0;bottom:2px}}

/* Player-controlled invitations: native sharing, mail draft and clipboard fallback. */
.mp-invite-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.mp-mail-invite{display:block;text-align:center;padding:10px 15px;border:1px solid #8ca5f0;border-radius:24px;color:#fff080;background:linear-gradient(#345dd9,#10166c);text-decoration:none;font-weight:700}
.mp-mail-invite:hover,.mp-mail-invite:focus-visible{filter:brightness(1.2);outline:2px solid #ffe776;outline-offset:2px}
.mp-share-link{width:100%;box-sizing:border-box}.mp-share-group .mp-invite-actions .mp-primary{margin:0}

.friends-screen .mp-share-group .mp-invite-actions > :is(button,a){display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;margin:0;padding:11px 16px;font:700 15px/1.3 "Trebuchet MS",Arial,sans-serif;text-align:center;letter-spacing:0;box-shadow:inset 0 1px #d9efff77,0 4px 14px #0004}

.mp-invitation-rules{padding-left:22px;margin:18px 0;color:#d4e0ff;line-height:1.6}.mp-invitation-rules li+li{margin-top:9px}.mp-card .mp-invitation-timing{color:#fff09b;font-weight:700}

.mp-test-rounds{margin-top:22px;border-top:1px solid #879fe766;padding-top:16px}.mp-test-rounds>summary{cursor:pointer;font-weight:700;color:#ffe27b}.mp-debug-note{color:#ffe694!important;line-height:1.5}.mp-rounds-heading{flex-wrap:wrap}