:root{--mt-c-900:#012a4a;--mt-c-800:#013a63;--mt-c-700:#01497c;--mt-c-650:#014f86;--mt-c-500:#2a6f97;--mt-c-400:#2c7da0;--mt-c-300:#468faf;--mt-c-200:#61a5c2;--mt-c-100:#89c2d9;--mt-c-050:#a9d6e5;--mt-c-025:#f7fbfd;--mt-c-000:#fff;--mt-font:system-ui, sans-serif;--mt-space-1:4px;--mt-space-2:8px;--mt-space-3:12px;--mt-space-4:16px;--mt-space-6:24px;--mt-space-8:32px;--mt-space-12:48px;--mt-space-16:64px;--mt-radius:8px;--mt-radius-card:12px;--mt-radius-pill:999px;--mt-motion-duration:.15s}@media (prefers-reduced-motion:reduce){:root{--mt-motion-duration:0s}}:root,[data-theme=dark]{--mt-surface-base:var(--mt-c-900);--mt-surface-raised:var(--mt-c-800);--mt-surface-overlay:var(--mt-c-700);--mt-text-primary:var(--mt-c-050);--mt-text-secondary:var(--mt-c-100);--mt-border:var(--mt-c-300);--mt-divider:var(--mt-c-500);--mt-accent-bg:var(--mt-c-100);--mt-accent-fg:var(--mt-c-900);--mt-accent-hover:var(--mt-c-050);--mt-link:var(--mt-c-100);--mt-success:#8ee0b4;--mt-warning:#f0c36d;--mt-danger:#f1a7a0;--mt-shadow-sm:none;--mt-shadow-lg:none;--mt-overlay-backdrop:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--mt-surface-base:var(--mt-c-025);--mt-surface-raised:var(--mt-c-000);--mt-surface-overlay:var(--mt-c-000);--mt-text-primary:var(--mt-c-900);--mt-text-secondary:var(--mt-c-500);--mt-border:var(--mt-c-300);--mt-divider:var(--mt-c-100);--mt-accent-bg:var(--mt-c-700);--mt-accent-fg:var(--mt-c-000);--mt-accent-hover:var(--mt-c-650);--mt-link:var(--mt-c-700);--mt-success:#2d6a4f;--mt-warning:#9c6100;--mt-danger:#9b2226;--mt-shadow-sm:0 1px 2px #012a4a14;--mt-shadow-lg:0 8px 24px #012a4a1f;--mt-overlay-backdrop:#00000073;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{font-family:var(--mt-font);background:var(--mt-surface-base);color:var(--mt-text-primary);margin:0}*{box-sizing:border-box}body{font-size:16px;line-height:1.6}h1,h2,h3,p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:var(--mt-link)}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--mt-warning);outline-offset:2px}[hidden]{display:none!important}.mt-icon{flex:none}.mt-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mt-title{font-size:32px;font-weight:700;line-height:1.2}.mt-section-title{font-size:20px;font-weight:600;line-height:1.2}.mt-muted{color:var(--mt-text-secondary);font-size:14px}.mt-caption{color:var(--mt-text-secondary);letter-spacing:.02em;font-size:12px;font-weight:600}.mt-count{color:var(--mt-text-secondary);font-size:16px;font-weight:400}.mt-divider{background:var(--mt-divider);border:0;height:1px;margin:0}.mt-onboarding-error{color:var(--mt-danger);font-size:14px}.mt-notice{gap:var(--mt-space-2);color:var(--mt-text-secondary);font-size:14px;display:flex}.mt-notice .mt-icon{margin-top:3px}.mt-shell{flex-direction:column;min-height:100vh;display:flex}.mt-shell-header{justify-content:space-between;align-items:center;gap:var(--mt-space-4);padding:var(--mt-space-3) var(--mt-space-6);border-bottom:1px solid var(--mt-border);display:flex}.mt-logo{align-items:center;gap:var(--mt-space-2);color:var(--mt-text-primary);font-size:20px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.mt-logo .mt-icon{color:var(--mt-link)}.mt-shell-actions{align-items:center;gap:var(--mt-space-3);display:flex}.mt-user-chip{align-items:center;gap:var(--mt-space-2);padding:var(--mt-space-1) var(--mt-space-3) var(--mt-space-1) var(--mt-space-1);border-radius:var(--mt-radius-pill);border:1px solid var(--mt-border);color:var(--mt-text-primary);font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.mt-page{width:100%;max-width:1264px;padding:var(--mt-space-8);gap:var(--mt-space-6);flex-direction:column;flex:1;margin:0 auto;display:flex}.mt-page-narrow{max-width:624px}.mt-page-head{justify-content:space-between;align-items:center;gap:var(--mt-space-6);flex-wrap:wrap;display:flex}.mt-back-link{color:var(--mt-text-secondary);align-self:flex-start;align-items:center;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.mt-back-link:hover{text-decoration:underline}.mt-button{justify-content:center;align-items:center;gap:var(--mt-space-2);min-height:40px;padding:9px var(--mt-space-4);border-radius:var(--mt-radius);border:1px solid var(--mt-border);background:var(--mt-surface-raised);color:var(--mt-text-primary);white-space:nowrap;cursor:pointer;transition:background var(--mt-motion-duration), color var(--mt-motion-duration);font-size:15px;line-height:1.2;text-decoration:none;display:inline-flex}.mt-button:hover:not(:disabled){background:var(--mt-surface-base)}.mt-button--primary{background:var(--mt-accent-bg);color:var(--mt-accent-fg);font-weight:600}.mt-button--primary:hover:not(:disabled){background:var(--mt-accent-hover)}.mt-button--ghost{background:0 0}.mt-button--danger{color:var(--mt-danger);background:0 0}.mt-button--sm{min-height:32px;padding:5px var(--mt-space-3);font-size:14px}.mt-button--lg{min-height:48px;padding:var(--mt-space-3) var(--mt-space-6);font-size:16px}.mt-button--icon{width:40px;padding:0}.mt-button--block{width:100%}.mt-button:disabled{opacity:.6;cursor:not-allowed}.mt-field{gap:var(--mt-space-2);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.mt-field>label,.mt-field>legend,.mt-label{color:var(--mt-text-secondary);padding:0;font-size:14px}.mt-field>legend{margin-bottom:var(--mt-space-2)}.mt-input{width:100%;min-height:46px;padding:11px var(--mt-space-4);border-radius:var(--mt-radius);border:1px solid var(--mt-border);background:var(--mt-surface-raised);color:var(--mt-text-primary);font-size:15px;line-height:1.4}.mt-input::placeholder{color:var(--mt-text-secondary)}.mt-input--compact{min-height:40px;padding:var(--mt-space-2) var(--mt-space-3)}.mt-check{align-items:center;gap:var(--mt-space-3);min-height:44px;color:var(--mt-text-primary);font-size:16px;display:flex}.mt-check input{width:20px;height:20px;accent-color:var(--mt-accent-bg);margin:0}.mt-check-group{gap:0 var(--mt-space-4);flex-wrap:wrap;display:flex}.mt-check-group .mt-check{min-height:36px;font-size:15px}.mt-grid-2{gap:var(--mt-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mt-grid-2>.mt-field--wide{grid-column:1/-1}.mt-segmented{border:1px solid var(--mt-border);border-radius:var(--mt-radius);flex:none;display:inline-flex;overflow:hidden}.mt-segmented>button,.mt-segmented>label{min-height:38px;padding:var(--mt-space-2) var(--mt-space-4);border:0;border-right:1px solid var(--mt-border);background:var(--mt-surface-raised);color:var(--mt-text-primary);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;font-size:15px;line-height:1.4;display:inline-flex}.mt-segmented>:last-child{border-right:0}.mt-segmented>button[aria-pressed=true]{background:var(--mt-accent-bg);color:var(--mt-accent-fg);font-weight:600}.mt-segmented>label:has(input:checked){background:var(--mt-accent-bg);color:var(--mt-accent-fg);font-weight:600}.mt-segmented>label:has(input:focus-visible){outline:2px solid var(--mt-warning);outline-offset:-2px}.mt-segmented>label{position:relative}.mt-segmented>label input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.mt-segmented--block{display:flex}.mt-segmented--block>button,.mt-segmented--block>label{flex:1;min-height:44px}.mt-card{border-radius:var(--mt-radius-card);border:1px solid var(--mt-border);background:var(--mt-surface-raised);color:var(--mt-text-primary);box-shadow:var(--mt-shadow-sm)}.mt-card-body{padding:var(--mt-space-6);gap:var(--mt-space-4);flex-direction:column;display:flex}.mt-pill{align-items:center;gap:var(--mt-space-1);padding:1px var(--mt-space-2);border-radius:var(--mt-radius-pill);border:1px solid var(--mt-border);color:var(--mt-text-primary);white-space:nowrap;font-size:12px;font-weight:600;line-height:1.6;display:inline-flex}.mt-pill--accent{background:var(--mt-accent-bg);color:var(--mt-accent-fg)}.mt-badge-17plus{color:var(--mt-warning)}.mt-state{white-space:nowrap;color:var(--mt-text-secondary);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.mt-state--small{font-size:12px}.mt-state--ok{color:var(--mt-success)}.mt-state--bad{color:var(--mt-danger)}.mt-dot{border-radius:var(--mt-radius-pill);background:currentColor;flex:none;width:8px;height:8px}.mt-dot--hollow{background:0 0;border:1.5px solid}.mt-avatar{border-radius:var(--mt-radius-pill);border:1px solid var(--mt-border);background:var(--mt-surface-raised);width:40px;height:40px;color:var(--mt-text-primary);flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:inline-flex}.mt-avatar--sm{width:32px;height:32px;font-size:13px}.mt-avatar--lg{width:64px;height:64px;font-size:24px}.mt-meta{align-items:center;gap:var(--mt-space-2) var(--mt-space-3);color:var(--mt-text-secondary);flex-wrap:wrap;font-size:15px;display:flex}.mt-meta-sep{border-radius:var(--mt-radius-pill);background:var(--mt-divider);width:4px;height:4px}.mt-facts{align-items:center;gap:6px var(--mt-space-4);color:var(--mt-text-secondary);flex-wrap:wrap;font-size:14px;display:flex}.mt-fact{align-items:center;gap:6px;display:inline-flex}.mt-toast{left:50%;bottom:var(--mt-space-8);align-items:center;gap:var(--mt-space-2);padding:10px var(--mt-space-4);border-radius:var(--mt-radius);border:1px solid var(--mt-border);background:var(--mt-surface-raised);color:var(--mt-text-primary);box-shadow:var(--mt-shadow-lg);z-index:20;font-size:15px;display:flex;position:fixed;transform:translate(-50%)}.mt-toast .mt-icon{color:var(--mt-success)}.mt-modal-backdrop{background:var(--mt-overlay-backdrop);padding:var(--mt-space-6);z-index:30;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mt-modal{border-radius:var(--mt-radius-card);border:1px solid var(--mt-border);background:var(--mt-surface-raised);width:100%;max-width:400px;max-height:calc(100vh - 48px);color:var(--mt-text-primary);box-shadow:var(--mt-shadow-lg);flex-direction:column;display:flex}.mt-modal--wide{max-width:560px}.mt-modal-header{justify-content:space-between;align-items:center;gap:var(--mt-space-4);padding:20px var(--mt-space-6);border-bottom:1px solid var(--mt-border);display:flex}.mt-modal-body{padding:var(--mt-space-6);gap:var(--mt-space-4);flex-direction:column;display:flex;overflow-y:auto}.mt-modal-body p{color:var(--mt-text-secondary)}.mt-modal-actions{justify-content:flex-end;gap:var(--mt-space-3);padding:var(--mt-space-4) var(--mt-space-6);border-top:1px solid var(--mt-border);display:flex}.mt-login,.mt-onboarding{justify-content:center;align-items:center}.mt-login-hero{align-items:center;gap:var(--mt-space-6);text-align:center;flex-direction:column;width:100%;max-width:360px;display:flex}.mt-login-hero .mt-icon{color:var(--mt-link)}.mt-login-hero p{color:var(--mt-text-secondary)}.mt-login-providers{gap:var(--mt-space-3);flex-direction:column;width:100%;display:flex}.mt-onboarding-card{gap:var(--mt-space-4);width:100%;max-width:400px;padding:var(--mt-space-8);flex-direction:column;display:flex}.mt-onboarding-card p{color:var(--mt-text-secondary)}.mt-onboarding-form{gap:var(--mt-space-3);flex-direction:column;display:flex}.mt-lobby-filters{justify-content:space-between;align-items:flex-end;gap:var(--mt-space-4);flex-wrap:wrap;display:flex}.mt-lobby-filters-group{align-items:flex-end;gap:var(--mt-space-4);flex-wrap:wrap;display:flex}.mt-lobby-game-filter{width:240px}.mt-card-grid{gap:var(--mt-space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.mt-room-card{padding:var(--mt-space-4);gap:var(--mt-space-3);flex-direction:column;display:flex}.mt-room-card-head{justify-content:space-between;align-items:flex-start;gap:var(--mt-space-3);display:flex}.mt-room-card-head h3{overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.4}.mt-room-card-foot{justify-content:space-between;align-items:center;gap:var(--mt-space-2);min-height:32px;margin-top:auto;display:flex}.mt-pager{justify-content:center;align-items:center;gap:var(--mt-space-4);display:flex}.mt-room-layout{flex:1;grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.mt-room-main{padding:var(--mt-space-8);gap:var(--mt-space-8);flex-direction:column;min-width:0;display:flex}.mt-room-head{justify-content:space-between;align-items:flex-end;gap:var(--mt-space-4) var(--mt-space-6);flex-wrap:wrap;display:flex}.mt-room-head-info{flex-direction:column;gap:10px;min-width:0;display:flex}.mt-room-head-info h1{overflow-wrap:anywhere}.mt-room-head-actions{align-items:center;gap:var(--mt-space-3) var(--mt-space-4);flex-wrap:wrap;display:flex}.mt-section{gap:var(--mt-space-4);flex-direction:column;display:flex}.mt-section-head{justify-content:space-between;align-items:center;gap:var(--mt-space-3) var(--mt-space-4);flex-wrap:wrap;display:flex}.mt-inline-controls{align-items:center;gap:var(--mt-space-3);flex-wrap:wrap;display:flex}.mt-slot-grid{gap:var(--mt-space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.mt-slot{padding:var(--mt-space-4);gap:var(--mt-space-3);flex-direction:column;min-height:130px;display:flex}.mt-slot-top{align-items:center;gap:var(--mt-space-3);min-width:0;display:flex}.mt-slot-name{overflow-wrap:anywhere;align-items:center;gap:6px;font-size:16px;font-weight:600;line-height:1.4;display:flex}.mt-slot-me{color:var(--mt-text-secondary);font-size:12px;font-weight:600}.mt-slot-sub{align-items:center;gap:var(--mt-space-1) var(--mt-space-2);flex-wrap:wrap;margin-top:2px;display:flex}.mt-slot-bottom{justify-content:space-between;align-items:center;gap:var(--mt-space-2);min-height:32px;margin-top:auto;display:flex}.mt-slot-empty{border-radius:var(--mt-radius-card);border:1px dashed var(--mt-border);min-height:130px;color:var(--mt-text-secondary);justify-content:center;align-items:center;font-size:14px;display:flex}.mt-action-bar{padding:var(--mt-space-4) var(--mt-space-6);justify-content:space-between;align-items:center;gap:var(--mt-space-4) var(--mt-space-6);flex-wrap:wrap;display:flex}.mt-action-bar-text{flex-direction:column;gap:2px;display:flex}.mt-action-bar-text strong{font-weight:600}.mt-join-card{justify-content:space-between;align-items:center;gap:var(--mt-space-4) var(--mt-space-6);padding:var(--mt-space-4) var(--mt-space-6);flex-wrap:wrap;display:flex}.mt-gate{padding:var(--mt-space-8);flex:1;justify-content:center;align-items:center;display:flex}.mt-gate-inner{gap:var(--mt-space-4);flex-direction:column;width:100%;max-width:440px;display:flex}.mt-gate-card{padding:var(--mt-space-8);gap:var(--mt-space-6);flex-direction:column;display:flex}.mt-gate-hero{align-items:center;gap:var(--mt-space-3);text-align:center;flex-direction:column;display:flex}.mt-gate-hero .mt-title{font-size:24px}.mt-gate-form{gap:var(--mt-space-3);flex-direction:column;display:flex}.mt-side-panel{border-left:1px solid var(--mt-border);flex-direction:column;min-height:0;max-height:calc(100vh - 65px);display:flex;position:sticky;top:0}.mt-tabs{gap:var(--mt-space-1);padding:0 var(--mt-space-3);border-bottom:1px solid var(--mt-border);flex:none;display:flex;overflow-x:auto}.mt-tab{padding:14px var(--mt-space-2);color:var(--mt-text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:inset 0 -2px #0000}.mt-tab[aria-selected=true]{color:var(--mt-text-primary);box-shadow:inset 0 -2px 0 var(--mt-accent-bg)}.mt-tab-count{border-radius:var(--mt-radius-pill);border:1px solid var(--mt-border);padding:0 6px;font-size:12px;line-height:1.5}.mt-tab-panel,.mt-chat{flex-direction:column;flex:1;min-height:0;display:flex}.mt-chat-log{min-height:240px;padding:var(--mt-space-4);gap:var(--mt-space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.mt-chat-empty{text-align:center;margin:auto}.mt-chat-message{flex-direction:column;gap:2px;display:flex}.mt-chat-message-head{align-items:baseline;gap:var(--mt-space-2);display:flex}.mt-chat-message-name{font-size:14px;font-weight:600}.mt-chat-message-time{color:var(--mt-text-secondary);font-size:12px}.mt-chat-message-text{overflow-wrap:anywhere;white-space:pre-wrap;font-size:15px}.mt-composer{gap:var(--mt-space-2);padding:var(--mt-space-3) var(--mt-space-4);border-top:1px solid var(--mt-border);flex:none;display:flex}.mt-composer .mt-input{flex:1;min-height:44px;padding:10px 14px}.mt-composer .mt-button{width:44px;min-height:44px;padding:0}.mt-composer-locked{justify-content:center}.mt-panel-caption{padding:var(--mt-space-3) var(--mt-space-4) 0}.mt-member-list{padding:var(--mt-space-2) 0;overflow-y:auto}.mt-member-row{align-items:center;gap:var(--mt-space-3);padding:var(--mt-space-2) var(--mt-space-4);min-height:52px;display:flex}.mt-member-row-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:15px;font-weight:600}.mt-panel-empty{padding:var(--mt-space-6);align-items:center;gap:var(--mt-space-3);text-align:center;color:var(--mt-text-secondary);flex-direction:column;margin:auto;display:flex}.mt-play-main{padding:var(--mt-space-6);gap:var(--mt-space-4);flex-direction:column;min-width:0;display:flex}.mt-play-bar{justify-content:space-between;align-items:center;gap:var(--mt-space-3) var(--mt-space-4);flex-wrap:wrap;display:flex}.mt-play-bar-info{align-items:center;gap:var(--mt-space-4);flex-wrap:wrap;min-width:0;display:flex}.mt-play-bar-title{font-size:18px;font-weight:600;line-height:1.3}.mt-play-stage{flex-direction:column;flex:1;min-height:480px;display:flex;position:relative}.mt-play-iframe{border-radius:var(--mt-radius-card);border:1px solid var(--mt-border);background:var(--mt-surface-raised);width:100%;min-height:480px;color:var(--mt-text-secondary);flex:1;display:block}.mt-play-result{padding:var(--mt-space-6);border-radius:var(--mt-radius-card);background:var(--mt-overlay-backdrop);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mt-play-result-card{width:100%;max-width:380px;padding:var(--mt-space-6);box-shadow:var(--mt-shadow-lg);flex-direction:column;gap:20px;display:flex}.mt-play-result-head{align-items:center;gap:var(--mt-space-2);text-align:center;flex-direction:column;display:flex}.mt-play-result-head .mt-title{font-size:24px}.mt-play-result-head .mt-icon{color:var(--mt-warning)}.mt-play-standings{gap:var(--mt-space-2);flex-direction:column;display:flex}.mt-play-standings li{align-items:center;gap:var(--mt-space-3);padding:var(--mt-space-2) var(--mt-space-3);border-radius:var(--mt-radius);border:1px solid #0000;display:flex}.mt-play-standing-name{overflow-wrap:anywhere;flex:1;min-width:0}.mt-play-standings li:first-child{border-color:var(--mt-border);font-weight:600}.mt-rank{border-radius:var(--mt-radius-pill);border:1px solid var(--mt-border);flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex}.mt-play-standings li:first-child .mt-rank{background:var(--mt-accent-bg);color:var(--mt-accent-fg)}.mt-profile-identity{padding:var(--mt-space-6);align-items:center;gap:var(--mt-space-4);display:flex}.mt-profile-nickname{font-size:24px;font-weight:700;line-height:1.2}@media (width<=1023px){.mt-room-layout{grid-template-columns:minmax(0,1fr)}.mt-side-panel{border-left:0;border-top:1px solid var(--mt-border);max-height:none;position:static}.mt-chat-log{max-height:360px}}@media (width<=767px){.mt-shell-header{padding:var(--mt-space-2) var(--mt-space-4)}.mt-page,.mt-room-main,.mt-play-main,.mt-gate{padding:var(--mt-space-4)}.mt-room-main{gap:var(--mt-space-6)}.mt-title{font-size:24px}.mt-grid-2,.mt-slot-grid,.mt-card-grid{grid-template-columns:minmax(0,1fr)}.mt-lobby-game-filter,.mt-lobby-filters-group,.mt-lobby-filters-group .mt-field{width:100%}.mt-lobby-filters-group .mt-segmented{display:flex}.mt-lobby-filters-group .mt-segmented>button{flex:1;min-height:44px}.mt-action-bar .mt-button{width:100%}.mt-user-chip span:not(.mt-avatar){display:none}.mt-user-chip{padding:var(--mt-space-1)}.mt-gate-card{padding:var(--mt-space-6)}}