.mp-page [hidden]{display:none!important}.mp-account{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:12px}.mp-account button{border:1px solid var(--line);border-radius:20px;padding:8px 14px;color:var(--green);background:#fffefa}.mp-account a{color:var(--muted);text-decoration:underline;cursor:pointer}.mp-page button:disabled{opacity:.5;cursor:default}.mp-page :focus-visible{outline:2px solid var(--green);outline-offset:3px}.mp-lobby{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:850px;margin:30px auto}.mp-panel{background:#fffefa;border:1px solid var(--line);border-radius:18px;padding:30px}.mp-panel h2{font-size:29px;line-height:1.25;margin-bottom:24px}.mp-panel p{font-size:13px;line-height:1.8;color:var(--text)}.mp-onboarding{max-width:580px;margin:36px auto 50px;padding:38px}.mp-onboarding h2{font-size:34px;letter-spacing:-.6px;margin:16px 0}.mp-onboarding .xq-primary{margin-top:26px;min-height:50px;font-size:13px}.mp-panel label:not(.xq-side label):not(.mp-game-choices label),.mp-share label{display:block;font-size:12px;color:var(--text);margin:22px 0 8px}.mp-panel input:not([type=radio]),.mp-panel select,.mp-share input{display:block;width:100%;min-height:46px;padding:11px 12px;border:1px solid #c9d2c3;border-radius:7px;background:#faf9f5;color:var(--ink);font:inherit;font-size:14px}.mp-panel #mp-nickname-hint,.mp-note{font-size:11px!important;line-height:1.75!important;color:var(--muted)!important;margin-top:12px}.mp-room-list{display:flex;flex-direction:column}.mp-room-list a{padding:16px 0;border-top:1px solid var(--line);font-size:13px;color:var(--green)}.mp-room-list small{display:block;color:var(--muted);margin-top:7px;font-size:11px}.mp-feedback{max-width:850px;margin:14px auto 22px;padding:14px 18px;border-radius:10px;background:#e9efe7;border:1px solid #d4dfcf;color:var(--green);font-size:13px;line-height:1.7}.mp-feedback.is-error{color:#9c4234;background:#faeee5;border-color:#e9cec0}.mp-room-bar{display:flex;justify-content:space-between;gap:16px;max-width:932px;margin:0 auto 14px;font-size:11px}.mp-connection{color:var(--green);display:flex;align-items:center;gap:6px}.mp-connection:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.mp-connection.is-offline{color:#a26f2d}.mp-player-dot{width:26px;height:26px;border-radius:50%;background:#f6e4c8;border:2px solid #af493b;box-shadow:inset 0 0 0 3px #fff5}.mp-player-dot.is-black{background:#253d39;border-color:#597366}.ch-play-page .mp-player-dot:not(.is-black){background:#fff9e9;border-color:#b6b59c}.mp-share h3{font-size:23px;line-height:1.3}.mp-share input{font-size:11px;min-width:0}.mp-share .xq-primary{margin:12px 0}.mp-share p{font-size:11px;color:var(--muted);line-height:1.7}.mp-outline,.mp-danger,.mp-action-pair button{border:1px solid var(--line);background:#fffefa;border-radius:7px;min-height:42px;padding:10px 12px;font-size:12px;line-height:1.5}.mp-outline,.mp-danger{width:100%;margin-top:8px;text-align:center}.mp-danger{color:#9e4135;border-color:#e1c9bd}.mp-action-pair{display:flex;gap:8px;margin:12px 0}.mp-action-pair button{flex:1}.mp-page [data-draw-incoming]>p,.mp-page [data-rematch-note]{font-size:12px;line-height:1.8;margin-bottom:10px;color:var(--green)}.mp-confirm{max-width:440px;width:calc(100% - 32px);padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink)}.mp-confirm::backdrop{background:#142e36a6;backdrop-filter:blur(3px)}.mp-confirm h2{font-size:30px;margin-bottom:14px}.mp-confirm p{font-size:13px;line-height:1.8;color:var(--text)}.mp-confirm .mp-action-pair{margin-top:24px}.mp-confirm .mp-danger{margin:0}.mp-library-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.mp-card-art{display:flex;gap:12px;margin:0;height:220px;padding:22px}.mp-card-art>svg{width:calc(50% - 20px);height:auto;max-height:100%}.mp-card-art>span{font-size:25px;color:var(--green)}.mp-friend-link{font-size:12px;white-space:nowrap}.mp-page .xq-status-panel h2{overflow-wrap:anywhere}.mp-page .xq-player strong{overflow-wrap:anywhere}.mp-page [data-profile] input{font-size:16px}
@media(max-width:720px){.mp-onboarding{margin:24px auto;padding:26px}.mp-onboarding h2{font-size:28px}.mp-lobby{grid-template-columns:1fr;gap:18px;margin-top:24px}.mp-panel{padding:24px}.mp-account{margin-top:16px}.mp-library-card{display:block}.mp-card-art{margin-bottom:22px;height:190px}.mp-friend-link{display:inline-block;margin-top:12px}.mp-room-bar{max-width:440px}.mp-page .xq-sidebar>.xq-status-panel{order:-1}.mp-share input{font-size:13px}.mp-confirm{padding:24px}}

.mp-google-auth{margin-top:24px}.mp-onboarding .mp-auth-divider{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted);margin:0 0 20px}.mp-auth-divider:before,.mp-auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.mp-google-button{display:flex;justify-content:center;width:100%;min-height:44px}.mp-onboarding .mp-google-status{font-size:12px;line-height:1.7;margin:10px 0;color:var(--muted)}.mp-onboarding .mp-google-status.is-error{color:#9c4234}.mp-onboarding .mp-auth-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:18px}.mp-google-auth>[data-google-retry]{font-size:12px;min-height:40px}.mp-google-button[aria-busy=true]{opacity:.55;pointer-events:none}

.mp-time-rules{padding:12px 14px;border:1px solid #d6dfd0;border-radius:9px;background:#edf1e9;font-size:12px!important;line-height:1.75!important;margin:18px 0;color:var(--green)!important}
.mp-clocks{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;align-items:center;margin:0 0 14px;padding:12px 14px;background:#fffaf0;border:1px solid #dcd6c4;border-radius:12px;font-variant-numeric:tabular-nums}
.mp-turn-clock{display:flex;align-items:center;gap:10px;min-width:0;--clock-color:#355f48}.mp-clock-ring{--clock-progress:360deg;position:relative;flex-shrink:0;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--clock-color) var(--clock-progress),#dce2d6 0)}.mp-clock-ring:before{content:'';position:absolute;inset:4px;border-radius:50%;background:#fffaf0}.mp-clock-ring>span{position:relative;font:600 17px/1 var(--font-sans, sans-serif);color:var(--clock-color)}
.mp-clock-caption{min-width:0;display:flex;flex-direction:column;gap:4px}.mp-clock-caption>span,.mp-game-clock>div>span{font-size:10px;color:var(--muted)}.mp-clock-caption strong{font-size:12px;color:var(--ink);line-height:1.4;overflow-wrap:anywhere}.mp-clock-caption small{font-size:10px;line-height:1.4;color:var(--clock-color)}.mp-game-clock{--clock-color:#355f48}.mp-game-clock>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.mp-game-clock strong{font-size:19px;line-height:1.4;color:var(--clock-color)}.mp-clock-track{height:5px;margin-top:9px;border-radius:4px;background:#dce2d6;overflow:hidden}.mp-clock-track>span{display:block;height:100%;width:100%;background:var(--clock-color);transition:width .25s linear}.mp-clocks .is-warning{--clock-color:#ad302a}.mp-clocks .is-warning .mp-clock-caption strong{color:var(--clock-color)}.mp-clock-confirm{grid-column:1/-1;font-size:11px;line-height:1.6;color:#ad302a;margin:0}.mp-clocks [data-clock-announcement]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:480px){.mp-clocks{padding:10px;gap:9px}.mp-clock-ring{width:52px;height:52px}.mp-clock-ring>span{font-size:15px}.mp-clock-caption strong{font-size:11px}.mp-game-clock strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.mp-clock-track>span{transition:none}}

.mp-game-choices{border:0;padding:0;margin:22px 0;min-width:0}.mp-game-choices legend{font-size:12px;color:var(--text);padding:0;margin-bottom:10px}.mp-game-choices>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mp-game-choices label{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px;border:1px solid #c9d2c3;border-radius:9px;background:#faf9f5;color:var(--ink);font-size:14px;line-height:1.5;cursor:pointer}.mp-game-choices label:hover{border-color:var(--green)}.mp-game-choices label:has(input:checked){background:#eaf0e5;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.mp-game-choices input{width:20px;height:20px;flex-shrink:0;margin:0;accent-color:var(--green);cursor:pointer}.mp-game-choices label:focus-within{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:480px){.mp-game-choices>div{grid-template-columns:1fr}}
.mp-game-choices input:focus-visible{outline:none}

.mp-recent-title{font-size:20px;line-height:1.4;margin:30px 0 14px}.mp-open-rooms a{display:block;border:1px solid var(--line);border-radius:9px;padding:14px;margin-bottom:10px;background:#fafbf5}.mp-open-rooms a:hover{border-color:var(--green)}.mp-open-rooms strong{display:block;overflow-wrap:anywhere}.mp-start-actions{margin-top:16px}.mp-start-actions .xq-primary{min-height:46px;font-size:13px;padding:12px 14px}.mp-start-actions .mp-outline{margin-top:0}

.mp-mobile-ready{display:none}@media(max-width:720px){.mp-mobile-ready:not([hidden]){display:block;padding:14px;margin:0 0 18px;border:1px solid #cbd9c8;background:#eaf0e5;border-radius:10px}.mp-mobile-ready strong{font-size:16px}.mp-mobile-ready p{font-size:12px;line-height:1.7;margin:8px 0 12px;color:var(--text)}.mp-mobile-ready .xq-primary{min-height:46px;font-size:13px}.mp-page .mp-start-actions{display:none!important}}

.mp-points-profile{max-width:850px;margin:20px auto 28px}.mp-points-profile>h2{font-size:24px;margin:0 0 14px}.mp-rating-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mp-rating-cards article{padding:20px;border:1px solid var(--line);border-radius:13px;background:#fffefa}.mp-rating-cards h3{font-size:15px;margin:0 0 12px}.mp-rating-cards strong{font-size:23px;font-variant-numeric:tabular-nums}.mp-rating-cards p{font-size:12px;color:var(--green);margin:7px 0}.mp-rating-cards small{font-size:11px;color:var(--muted);line-height:1.5}.mp-rating-track{height:5px;background:#dde5d6;border-radius:5px;overflow:hidden;margin:12px 0}.mp-rating-track span{display:block;height:100%;background:#355f48;transition:width .65s ease}.mp-points-rules{margin-top:14px;font-size:12px;line-height:1.8;color:var(--text)}.mp-points-rules summary{cursor:pointer;color:var(--green);min-height:32px}.mp-points-rules p{margin:12px 0}.mp-points-rules table{width:100%;max-width:500px;border-collapse:collapse}.mp-points-rules th,.mp-points-rules td{padding:7px;text-align:left;border-bottom:1px solid var(--line)}.mp-rating-line{line-height:1.5;overflow-wrap:anywhere}.mp-award{padding:14px;margin:12px 0 20px;border:1px solid #d8e2d0;background:#eff3e9;border-radius:10px;color:var(--green)}.mp-award strong{font:600 18px/1.5 var(--font-sans,sans-serif)}.mp-award p{font-size:12px!important;line-height:1.7!important;margin:7px 0 0!important}@media(max-width:480px){.mp-rating-cards{grid-template-columns:1fr}.mp-rating-cards article{padding:16px}}@media(prefers-reduced-motion:reduce){.mp-rating-track span{transition:none}}

.mp-level-badge{display:inline-block;font:inherit;font-size:12px;line-height:1.6;color:var(--green);padding:6px 9px;border:1px solid #cfdbc8;border-radius:7px;background:#eff3e9;cursor:pointer;text-align:left;margin:7px 0;max-width:100%;overflow-wrap:anywhere}.mp-level-badge:hover{border-color:var(--green);background:#e5eddd}.mp-level-dialog{max-width:480px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink)}.mp-level-dialog::backdrop{background:#142e36a6;backdrop-filter:blur(3px)}.mp-level-dialog h2{font-size:30px;line-height:1.3;margin:14px 0}.mp-level-dialog p{font-size:14px;line-height:1.8;margin:12px 0;color:var(--text)}.mp-level-dialog .mp-level-range{font-weight:600;color:var(--green)}.mp-level-dialog .xq-primary{min-height:46px}.mp-level-dialog .mp-action-pair button{font-size:12px}.mp-open-entry{margin-bottom:12px}.mp-open-entry>a{margin-bottom:0}.mp-open-entry>.mp-level-badge{margin-top:7px}.mp-rating-cards article>.mp-level-badge{display:block}.mp-player .mp-level-badge{font-size:11px}