.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),.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}}