:root{--id-color-primary:#3452ef;--id-color-primary-hover:#243bc6;--id-color-ink:#172039;--id-color-muted:#6e788e;--id-color-line:#e9ecf3;--id-color-surface:#fff;--id-color-canvas:#f5f6fa;--id-color-primary-soft:#edf0ff;--id-color-success:#137c66;--id-color-success-soft:#e5f4ee;--id-color-warning:#a45b2a;--id-color-warning-soft:#fff0e9;--id-color-danger:#b54930;--id-color-yellow:#f4ce56;--id-color-coral:#ec7353;--id-color-focus:#c48b13;--id-color-avatar-blue:#e9edff;--id-color-avatar-blue-ink:#4155b7;--id-color-avatar-gold:#faf0cf;--id-color-avatar-gold-ink:#896024;--id-color-avatar-mint:#dff1eb;--id-color-avatar-mint-ink:#31766c;--id-color-avatar-pink:#f3e4f1;--id-color-avatar-pink-ink:#875579;--id-space-4:4px;--id-space-8:8px;--id-space-10:10px;--id-space-12:12px;--id-space-14:14px;--id-space-16:16px;--id-space-18:18px;--id-space-20:20px;--id-space-23:23px;--id-space-24:24px;--id-space-28:28px;--id-space-32:32px;--id-space-40:40px;--id-radius-badge:6px;--id-radius-sm:10px;--id-radius-control:14px;--id-radius-card:18px;--id-radius-feature:22px;--id-radius-sheet:25px;--id-radius-pill:999px;--id-font-body:"Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--id-font-numeric:"Arial Black", Arial, sans-serif;--id-font-size-caption:11px;--id-font-size-small:12px;--id-font-size-body:14px;--id-font-size-button:15px;--id-font-size-section:16px;--id-font-size-header:17px;--id-font-size-title:27px;--id-font-size-display:35px;--id-font-size-score:44px;--id-layout-screen-max:430px;--id-layout-screen-reference:390px;--id-layout-gutter:23px;--id-layout-touch-min:44px;--id-layout-button-height:52px;--id-layout-header-height:60px;--id-layout-icon:22px;--id-motion-fast:.12s;--id-shadow-sheet:0 -8px 32px #1720391f;--id-shadow-raised:0 2px 6px #1720390d}.id-ui{font-family:var(--id-font-body);color:var(--id-color-ink);font-size:var(--id-font-size-body);-webkit-font-smoothing:antialiased;line-height:1.5}.id-ui,.id-ui *,.id-ui :before,.id-ui :after{box-sizing:border-box}.id-ui h1,.id-ui h2,.id-ui h3,.id-ui p{margin:0}:where(.id-ui) button,:where(.id-ui) input,:where(.id-ui) select,:where(.id-ui) textarea{font:inherit}.id-ui button{cursor:pointer;-webkit-tap-highlight-color:transparent}.id-ui button:disabled,.id-ui input:disabled,.id-ui select:disabled{cursor:not-allowed;opacity:.48}.id-ui :focus-visible{outline:3px solid var(--id-color-focus);outline-offset:3px}.id-ui button{transition:background-color var(--id-motion-fast) ease,transform var(--id-motion-fast) ease}.id-ui button:active:not(:disabled){transform:translateY(1px)}.id-ui :where(h1,h2,h3,p,b,strong,small,span,label){overflow-wrap:anywhere}.id-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;display:inline-block}.id-grow{flex:1;min-width:0}.id-full{width:100%}.id-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}.id-brand{align-items:center;gap:var(--id-space-10);letter-spacing:-1.6px;font-size:24px;font-weight:900;display:inline-flex}.id-brand-mark{background:var(--id-color-primary);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-5deg)}.id-brand-dot{color:var(--id-color-primary)}.id-button{justify-content:center;align-items:center;gap:var(--id-space-8);min-height:var(--id-layout-button-height);border-radius:var(--id-radius-control);font-size:var(--id-font-size-button);padding:var(--id-space-12) var(--id-space-16);text-align:center;border:1px solid #0000;font-weight:800;line-height:1.45;text-decoration:none;display:inline-flex}.id-button--primary{color:var(--id-color-surface);background:var(--id-color-primary)}.id-button--primary:hover:not(:disabled){background:var(--id-color-primary-hover)}.id-button--secondary{color:var(--id-color-primary);background:var(--id-color-primary-soft)}.id-button--secondary:hover:not(:disabled){background:#dee5ff}.id-button--outline{color:var(--id-color-ink);background:var(--id-color-surface);border-color:#dce1eb}.id-button--outline:hover:not(:disabled){background:var(--id-color-canvas)}.id-button--danger{color:var(--id-color-danger);background:var(--id-color-warning-soft)}.id-button--danger:hover:not(:disabled){background:#fbe1d5}.id-button--dark{color:#fff;background:var(--id-color-ink)}.id-button--dark:hover:not(:disabled){background:#2a3755}.id-button--small{min-height:var(--id-layout-touch-min);padding:var(--id-space-10) var(--id-space-12);border-radius:var(--id-radius-sm);font-size:13px}.id-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite id-spin}@keyframes id-spin{to{transform:rotate(360deg)}}.id-icon-button{width:var(--id-layout-touch-min);height:var(--id-layout-touch-min);min-width:var(--id-layout-touch-min);color:var(--id-color-ink);border-radius:var(--id-radius-pill);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.id-icon-button:hover:not(:disabled){background:var(--id-color-canvas)}.id-tone--primary{--id-tone-color:var(--id-color-primary);--id-tone-bg:var(--id-color-primary-soft)}.id-tone--success{--id-tone-color:var(--id-color-success);--id-tone-bg:var(--id-color-success-soft)}.id-tone--warning{--id-tone-color:var(--id-color-warning);--id-tone-bg:var(--id-color-warning-soft)}.id-tone--neutral{--id-tone-color:var(--id-color-muted);--id-tone-bg:var(--id-color-canvas)}.id-tone--danger{--id-tone-color:var(--id-color-danger);--id-tone-bg:var(--id-color-warning-soft)}.id-badge{border-radius:var(--id-radius-badge);font-size:var(--id-font-size-caption);background:var(--id-tone-bg);color:var(--id-tone-color);align-items:center;gap:5px;padding:4px 7px;font-weight:700;line-height:1.5;display:inline-flex}.id-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.id-avatar{border-radius:var(--id-radius-control);flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:800;display:inline-grid}.id-avatar--small{border-radius:12px;width:35px;height:35px;font-size:12px}.id-avatar--blue{background:var(--id-color-avatar-blue);color:var(--id-color-avatar-blue-ink)}.id-avatar--gold{background:var(--id-color-avatar-gold);color:var(--id-color-avatar-gold-ink)}.id-avatar--mint{background:var(--id-color-avatar-mint);color:var(--id-color-avatar-mint-ink)}.id-avatar--pink{background:var(--id-color-avatar-pink);color:var(--id-color-avatar-pink-ink)}.id-field{gap:var(--id-space-8);min-width:0;display:grid}.id-field>label{font-size:var(--id-font-size-small);font-weight:700}.id-input{background:var(--id-color-surface);width:100%;min-width:0;min-height:48px;color:var(--id-color-ink);border:1px solid #dce1eb;border-radius:12px;padding:13px 14px;line-height:1.4;display:block;font-size:16px!important}.id-input::placeholder{color:var(--id-color-muted)}.id-input[aria-invalid=true]{border-color:var(--id-color-danger)}.id-field-hint,.id-field-error{font-size:var(--id-font-size-small);line-height:1.6}.id-field-hint{color:var(--id-color-muted)}.id-field-error{color:var(--id-color-danger)}.id-toggle{width:48px;height:var(--id-layout-touch-min);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.id-toggle-track{border-radius:var(--id-radius-pill);background:#cbd2e0;align-items:center;width:39px;height:23px;padding:3px;display:flex}.id-toggle-track>span{background:var(--id-color-surface);border-radius:50%;width:17px;height:17px;box-shadow:0 1px 3px #17203920}.id-toggle-track.id-is-on{background:var(--id-color-primary);justify-content:flex-end}.id-checkbox{align-items:center;gap:var(--id-space-12);min-height:var(--id-layout-touch-min);font-size:var(--id-font-size-body);cursor:pointer;display:flex}.id-checkbox input{width:19px;height:19px;accent-color:var(--id-color-primary);flex-shrink:0;margin:0}.id-checkbox small{color:var(--id-color-muted);font-size:var(--id-font-size-small);margin-top:4px;display:block}.id-segment{background:#f0f2f7;border:0;border-radius:12px;gap:5px;min-width:0;margin:0;padding:5px;display:flex}.id-segment label{cursor:pointer;flex:1;min-width:0;position:relative}.id-segment input{opacity:0;width:1px;height:1px;position:absolute}.id-segment label>span{min-height:var(--id-layout-touch-min);color:var(--id-color-muted);font-size:var(--id-font-size-small);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px;font-weight:700;display:flex}.id-segment input:checked+span{background:var(--id-color-surface);color:var(--id-color-primary);box-shadow:var(--id-shadow-raised)}.id-segment input:focus-visible+span{outline:3px solid var(--id-color-focus);outline-offset:2px}.id-segment input:disabled+span{opacity:.48;cursor:not-allowed}.id-notice{align-items:flex-start;gap:var(--id-space-8);padding:var(--id-space-14);background:var(--id-tone-bg);color:var(--id-tone-color);font-size:var(--id-font-size-small);border-radius:12px;line-height:1.7;display:flex}.id-notice>.id-icon{margin-top:2px}.id-empty{text-align:center;padding:var(--id-space-32) var(--id-space-16);justify-items:center;gap:var(--id-space-12);display:grid}.id-empty-icon{width:60px;height:60px;color:var(--id-color-primary);background:var(--id-color-primary-soft);border-radius:20px;place-items:center;display:grid}.id-empty h3{font-size:var(--id-font-size-section)}.id-empty p{font-size:var(--id-font-size-small);color:var(--id-color-muted)}.id-word-chip{min-height:var(--id-layout-touch-min);padding-left:var(--id-space-12);background:var(--id-color-primary-soft);color:var(--id-color-primary);font-size:var(--id-font-size-small);border:1px solid #e1e6fd;border-radius:9px;align-items:center;gap:6px;max-width:100%;display:inline-flex}.id-word-chip>span{padding:8px 0}.id-word-chip:not(:has(button)){padding-right:var(--id-space-12)}.id-word-chip button{width:var(--id-layout-touch-min);min-width:var(--id-layout-touch-min);min-height:var(--id-layout-touch-min);color:inherit;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.id-header{min-height:var(--id-layout-header-height);padding:8px var(--id-layout-gutter);background:var(--id-color-surface);flex-shrink:0;align-items:center;gap:8px;display:flex}.id-header>.id-icon-button{margin-left:-10px}.id-header h1{min-width:0;font-size:var(--id-font-size-header);letter-spacing:-.6px;flex:1;font-weight:800}.id-screen{width:100%;max-width:var(--id-layout-screen-max);height:100dvh;min-height:0;padding-top:env(safe-area-inset-top,0px);background:var(--id-color-surface);flex-direction:column;margin-inline:auto;display:flex;overflow:hidden}.id-screen-content{min-height:0;padding:var(--id-space-10) var(--id-layout-gutter) var(--id-space-23);flex:1;overflow:auto}.id-screen-footer{padding-bottom:env(safe-area-inset-bottom,0px);background:var(--id-color-surface);flex-shrink:0}.id-screen-footer>.id-button{width:calc(100% - 46px);margin:12px var(--id-layout-gutter)}.id-sheet{max-width:var(--id-layout-screen-max);width:100%;max-height:88dvh;padding:11px var(--id-layout-gutter) max(27px,env(safe-area-inset-bottom,0px));border-radius:var(--id-radius-sheet) var(--id-radius-sheet) 0 0;background:var(--id-color-surface);box-shadow:var(--id-shadow-sheet);border:0;margin:0 auto;position:fixed;inset:auto 0 0;overflow:auto}.id-sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17203980}.id-sheet-handle{background:#d9dfeb;border-radius:4px;width:34px;height:4px;margin:0 auto 16px}.id-sheet-heading{align-items:center;gap:8px;margin-bottom:8px;display:flex}.id-sheet-heading h2{letter-spacing:-.8px;flex:1;font-size:23px}.id-sheet-heading .id-icon-button{margin-right:-10px}.id-description{color:var(--id-color-muted);font-size:var(--id-font-size-small);line-height:1.8}.id-sheet-body{margin-top:var(--id-space-18)}.id-sheet-body:empty{display:none}.id-sheet-actions{gap:var(--id-space-8);margin-top:var(--id-space-24);display:flex}.id-sheet-actions>*{flex:1}.id-keyvisual{isolation:isolate;color:#fff;background:#08152d;border-radius:24px;min-height:240px;position:relative;overflow:hidden}.id-keyvisual>img{object-fit:cover;object-position:54% 50%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.id-keyvisual-shade{z-index:-1;background:linear-gradient(90deg,#07152bd9 0%,#07152b55 54%,#0000);position:absolute;inset:0}.id-keyvisual-copy{padding:26px 22px 22px}.id-keyvisual-copy>span:first-child{letter-spacing:1.3px;color:#a9c8ff;font:700 8px Arial,sans-serif}.id-keyvisual-copy h2{letter-spacing:-1.3px;margin:13px 0 11px;font-size:27px;font-weight:850;line-height:1.35}.id-keyvisual-copy p{color:#c1d0e4;font-size:11px;line-height:1.75}.id-hero-pill{background:#ffffff15;border:1px solid #fff2;border-radius:7px;align-items:center;gap:4px;margin-top:19px;padding:6px 9px;font-size:9px;display:inline-flex}.id-hero-index{letter-spacing:2px;color:#fff8;font:9px Arial;position:absolute;bottom:18px;right:18px}.id-team-mark{--team-color:#3452ef;background:var(--team-color);color:#fff;clip-path:polygon(0 0,100% 0,92% 76%,50% 100%,8% 76%);place-items:center;width:38px;height:44px;font-size:19px;font-weight:900;display:grid;position:relative}.id-team-mark:before{content:"";clip-path:inherit;border:1px solid #ffffff50;position:absolute;inset:4px 4px 7px}.id-team-mark--small{width:24px;height:28px;font-size:12px}.id-match-card{width:100%;text-align:initial;color:var(--id-color-ink);background:#fff;border:1px solid #e5e9f1;border-radius:18px;padding:16px;display:block;overflow:hidden}.id-match-meta{color:#7a8599;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.id-match-meta>span:first-child{align-items:center;gap:5px;display:flex}.id-match-meta>span:last-child{letter-spacing:-.4px;color:#172039;white-space:nowrap;font:800 16px Arial,sans-serif}.id-match-meta small{color:#9da5b4;letter-spacing:.2px;margin-left:5px;font:8px Arial}.id-match-teams{justify-content:center;align-items:center;gap:24px;padding:18px 0 14px;display:flex}.id-match-teams>span:not(.id-vs){flex:1;align-items:center;gap:10px;min-width:0;display:flex}.id-match-teams>span:last-child{text-align:right;flex-direction:row-reverse}.id-match-teams b{letter-spacing:-.3px;font-size:13px;font-weight:800}.id-match-teams .id-vs{color:#acb4c4;letter-spacing:.5px;font:800 10px Arial}.id-match-action{color:var(--id-color-primary);border-top:1px solid #eef0f5;justify-content:center;align-items:center;gap:8px;padding-top:11px;font-size:11px;font-weight:700;display:flex}.id-match-card--compact{background:#f6f8fc;border:0;padding:13px 15px}.id-match-card--compact .id-match-teams{gap:12px;padding-bottom:4px}.id-match-card--compact .id-team-mark{width:25px;height:30px;font-size:13px}.id-match-card--compact .id-match-teams b{font-size:12px}.id-match-card--compact .id-match-meta{font-size:9px}.id-match-card--compact .id-match-meta>span:last-child{font-size:13px}.id-invite{background:#f0f4ff;border:1px solid #e5ebff;border-radius:18px;padding:18px}.id-invite-top{align-items:center;gap:12px;display:flex}.id-invite-icon{width:38px;height:38px;color:var(--id-color-primary);background:#fff;border-radius:12px;place-items:center;display:grid}.id-invite h3{letter-spacing:-.4px;font-size:14px}.id-invite p{color:#8390ae;margin-top:5px;font-size:11px}.id-invite-link{background:#fff;border:1px solid #e3e9f8;border-radius:10px;align-items:center;gap:8px;min-width:0;margin-top:15px;padding-left:12px;display:flex}.id-invite-link>span{text-overflow:ellipsis;white-space:nowrap;color:#7c89a7;flex:1;min-width:0;font:11px Arial;overflow:hidden}.id-invite-link button{min-width:65px;min-height:44px;color:var(--id-color-primary);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.id-join-request{border-bottom:1px solid var(--id-color-line);align-items:center;gap:9px;padding:13px 0;display:flex}.id-join-request b{font-size:13px}.id-join-request p{color:var(--id-color-muted);margin-top:4px;font-size:10px}.id-join-request .id-icon-button{width:34px;min-width:34px}.id-join-request .id-button{padding:8px 14px}.v2-screen,.v2-live-screen{max-width:none}.v2-screen .id-screen-content{padding:6px 22px 24px}.v2-home-header{flex-shrink:0;align-items:center;gap:9px;height:70px;padding:12px 22px;display:flex}.v2-home-header .id-brand{letter-spacing:-1.8px;gap:7px;font-size:22px}.v2-home-header .id-brand-mark{border-radius:10px;width:29px;height:31px}.v2-home-header .id-brand-mark svg{width:19px}.v2-home-header>.v2-home-kicker{letter-spacing:1.1px;color:#94a0b5;margin-left:4px;font-size:7px;font-weight:700}.v2-home-header>.id-icon-button{color:#71819d;margin-left:auto;margin-right:-10px}.v2-section-heading{justify-content:space-between;align-items:end;margin:25px 0 16px;display:flex}.v2-section-heading>div>span{letter-spacing:1.5px;color:#8a98b1;font:700 8px Arial}.v2-section-heading h2{letter-spacing:-.8px;margin:7px 0 0;font-size:20px}.v2-match-list{gap:12px;display:grid}.v2-home-note{color:#96a2b5;text-align:center;font-size:10px;margin-top:20px!important}.v2-footer{background:#fff;border-top:1px solid #edf0f5;padding:13px 22px 15px}.v2-footer>p:not(.v2-error){color:#8a98b1;text-align:center;margin-top:9px;font-size:10px}.v2-room-title{margin:8px 0 19px}.v2-room-title h2{letter-spacing:-1.2px;margin:11px 0 7px;font-size:26px}.v2-room-title p{color:#8793ab;font-size:11px}.v2-section-line{justify-content:space-between;align-items:center;gap:9px;margin:23px 0 10px;display:flex}.v2-section-line h3{letter-spacing:-.5px;font-size:15px}.v2-section-line h3 span{color:var(--id-color-primary);margin-left:4px;font-size:13px}.v2-section-line small{color:#97a1b5;font-size:9px}.v2-members>div{border-bottom:1px solid #edf0f5;align-items:center;gap:11px;padding:13px 0;display:flex}.v2-members b{font-size:13px}.v2-members b small{color:#8c98af;background:#f0f3fa;border-radius:4px;margin-left:4px;padding:2px 4px;font-size:8px}.v2-members p{color:#99a4b7;margin-top:5px;font-size:9px}.v2-members>div>span:not(.id-avatar){color:#a1aabc;align-items:center;gap:4px;font-size:9px;display:flex}.v2-members .ready{color:#6a8dad}.v2-invite-art{width:90px;margin:38px auto 23px;position:relative}.v2-invite-art>span{width:84px;height:84px;color:var(--id-color-primary);background:#eaf0ff;border-radius:28px;place-items:center;display:grid;transform:rotate(-8deg)}.v2-invite-art svg{transform:rotate(8deg)}.v2-invite-art i{color:#f1c75c;font-size:25px;font-style:normal;position:absolute;top:-3px;right:-12px}.v2-invite-heading{text-align:center;margin-bottom:28px}.v2-invite-heading h2{letter-spacing:-1px;white-space:pre-line;margin:12px 0 10px;font-size:26px;line-height:1.4}.v2-invite-heading p{color:#91a0b8;font-size:11px;line-height:1.7}.v2-invite-details{gap:10px;margin:18px 0 25px;display:grid}.v2-invite-details span{color:#9aa5b7;justify-content:space-between;font-size:11px;display:flex}.v2-invite-details strong{color:#52627d;font-size:11px;font-weight:600}.v2-quiet-note{color:#9aa7bc;align-items:center;gap:5px;font-size:10px;line-height:1.7;display:flex;margin:20px 0 0!important}.shell:has(>.id-screen){min-height:100dvh;padding:0}.id-screen header{height:auto;margin-bottom:0}.id-ui .id-field>label{margin:0;font-size:12px;display:block}.id-ui .id-field input{margin:0;padding:13px 14px}.id-ui .id-notice{margin-top:16px}.md-form{gap:20px;display:grid}.md-date{color:#8a98b1;white-space:nowrap;font-size:10px}.md-filters{gap:8px;margin-bottom:10px;display:flex}.md-filters button{color:#8a97ae;background:#fff;border:1px solid #e5e9f1;border-radius:11px;align-items:center;gap:6px;min-height:40px;padding:9px 14px;font-size:12px;display:flex}.md-filters button[aria-pressed=true]{color:#fff;background:#172039;border-color:#172039}.id-ui .md-fixture-note{color:#98a5b9;margin:0 0 14px;font-size:8px}.md-eyebrow{letter-spacing:1.5px;color:#8198c4;font:700 8px Arial,sans-serif}.md-pending{background:#f4f7fd;border-radius:15px;justify-content:space-between;align-items:center;padding:18px;font-size:12px;display:flex}.md-pending>span{align-items:center;gap:8px;display:flex}.md-pending i{background:#88a4f3;border-radius:50%;width:6px;height:6px}.md-pending small{color:#8b9bb8;font-size:9px}.md-invite-wrap{margin-top:16px}.md-empty{color:#98a5b9;border-bottom:1px solid #edf0f5;padding:18px 0;font-size:11px}.md-consent{color:#61728e;background:#f6f8fc;border:0;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:20px;padding:12px;font-size:12px;display:flex}.md-consent svg:last-child{margin-left:auto}.md-copy-status{color:#4863bc;font-size:11px;margin-top:12px!important}.v2-screen .id-screen-content{scroll-padding-bottom:24px}.v2-screen .id-match-teams b{overflow-wrap:normal;word-break:keep-all}.v2-screen .id-team-mark{flex-shrink:0}@media (width>=600px){.shell:has(>.id-screen){border-radius:30px;min-height:0;margin:20px auto;overflow:hidden;box-shadow:0 12px 45px #25355208}.shell>.id-screen{height:calc(100dvh - 40px);min-height:500px}}@media (width<=360px){.id-keyvisual-copy h2{font-size:24px}.id-match-teams{gap:12px}.id-match-teams b{font-size:12px}.v2-invite-heading h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.id-ui *{transition:none!important;animation:none!important}}.shell:has(>.id-screen)>.alert{z-index:20;width:min(390px,100% - 32px);margin:0;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #17203918}:root{color:#17203d;font-synthesis:none;background:#f4f6fa;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{background:#fff;max-width:430px;min-height:100vh;margin:auto;padding:24px 23px 36px}header{align-items:center;gap:16px;height:48px;margin-bottom:30px;display:flex}header .tag,header .text{margin-left:auto}.brand{letter-spacing:-.08em;font-size:23px;font-weight:900}.brand span,em{color:#334ef4;font-style:normal}.text,.back{color:#334ef4;background:0 0;border:0}.back{color:#17203d;padding:0 4px;font-size:32px}.tag{color:#8792aa;background:#f0f2f6;border-radius:7px;padding:5px 9px;font-size:11px}h1{letter-spacing:-.06em;margin:30px 0 12px;font-size:27px;line-height:1.3}.sub,.hint{color:#8b97ae;font-size:13px;line-height:1.7}.hint{text-align:center;font-size:11px}small{font-size:12px}.hero{background:#f1f4fe;border-radius:23px;min-height:360px;margin-bottom:24px;padding:28px;overflow:hidden}.hero small{color:#3451f5;letter-spacing:.12em;font-size:10px}.hero h1{margin:12px 0;font-size:32px}.hero p{color:#8996b2;font-size:12px;line-height:1.6}.illustration{align-items:center;margin:52px 0 12px 20px;display:flex;position:relative;transform:rotate(-9deg)}.illustration b{color:#fff;background:#344eee;border-radius:16px;padding:30px 45px;font-size:38px}.illustration span{background:#f9d254;border-radius:12px;margin-left:-12px;padding:20px;font-size:25px;transform:rotate(18deg)}.primary{color:#fff;background:#334ef0;border:0;border-radius:14px;width:100%;height:54px;margin-top:20px;font-weight:700}.primary:hover{background:#203dde}.label,label:not(.option){margin:22px 0 10px;font-size:13px;font-weight:700;display:block}input:not([type=radio]){color:#17203d;background:#fff;border:1px solid #dce2ef;border-radius:12px;width:100%;min-height:46px;padding:0 12px}label input:not([type=radio]){margin-top:10px}.inline{gap:8px;margin-top:12px;display:flex}.inline button{color:#fff;background:#334ef0;border:0;border-radius:12px;padding:0 17px}.segments{background:#f0f2f7;border-radius:13px;padding:5px;display:flex}.segments button{color:#8792a9;background:0 0;border:0;flex:1;padding:11px;font-weight:700}.segments .active{color:#334ef0;background:#fff;border-radius:10px;box-shadow:0 2px 5px #20263d12}.menu{margin:20px 0}.menu>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f6;align-items:center;gap:12px;width:100%;padding:17px 0;display:flex}.menu>button>span,.avatar{background:#f3f5fa;border-radius:12px;padding:12px}.menu b,.menu small{display:block}.menu small{color:#95a1b7;margin-top:5px}.menu em{margin-left:auto;font-size:12px}.notice,.alert{color:#6f82b1;background:#f0f3ff;border-radius:12px;margin:18px 0;padding:15px;font-size:12px;line-height:1.8}.alert{color:#b63a30;background:#fff1ef}.code{color:#7885a0;background:#f3f5fa;border-radius:10px;padding:12px;font-size:12px}.code strong{float:right;color:#344ff2;letter-spacing:.1em}.items{margin-bottom:20px}.item{border-bottom:1px solid #edf0f6;align-items:center;gap:10px;padding:10px 0;display:flex}.item input{border:0!important}.item button{color:#98a4b8;background:#fff;border:0;font-size:24px}.avatar{color:#354eef;text-align:center;min-width:44px}.box,.option{border:1px solid #e2e7f0;border-radius:16px;padding:20px}.chips{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.chips button{color:#526be4;background:#eef2ff;border:1px solid #dce3ff;border-radius:9px;padding:9px;font-size:12px}.points{text-align:center;color:#8997b3;background:#eef2ff;border-radius:18px;padding:25px 20px}.points div{color:#334ef0;justify-content:space-between;align-items:center;margin:25px 0;display:flex}.points strong{font-size:52px}.points button{color:#3451f5;background:#fff;border:1px solid #dbe3ff;border-radius:12px;width:40px;height:40px;font-size:24px}.option{align-items:center;gap:10px;margin:10px 0;font-size:13px;font-weight:700;display:flex}.option input{accent-color:#3451f5}select{color:#17203d;background:#fff;border:1px solid #dce2ef;border-radius:12px;width:100%;min-height:46px;margin-top:10px;padding:0 12px}.match-home header{margin-bottom:20px}.brand-with-icon{align-items:center;gap:6px;display:flex}.brand-icon{letter-spacing:0;background:#3452ef;border-radius:10px;place-items:center;width:32px;height:34px;font-size:19px;display:grid;color:#fff!important}.brand-caption{letter-spacing:.14em;color:#a4adc0;font-size:8px;font-weight:700}.match-home header .text{font-size:12px}.match-hero{color:#fff;background-position:50%;background-size:cover;border-radius:23px;flex-direction:column;justify-content:center;min-height:284px;padding:34px 26px;display:flex}.match-hero small{letter-spacing:.16em;color:#a8c5fa;font-size:9px;font-weight:800}.match-hero h1{letter-spacing:-.055em;margin:16px 0;font-size:30px;line-height:1.3}.match-hero p{color:#cad8ef;font-size:12px;line-height:1.7}.match-heading{margin-top:38px}.match-heading small{letter-spacing:.16em;color:#97a4ba;font-size:9px;font-weight:800}.match-heading h2{letter-spacing:-.06em;margin:10px 0 18px;font-size:23px}.match-filters{gap:8px;display:flex}.match-filters button{color:#8994a8;background:#fff;border:1px solid #e5e9f1;border-radius:12px;min-height:44px;padding:0 16px;font-weight:700}.match-filters button.active{color:#fff;background:#172039;border-color:#172039}.match-disclaimer{color:#95a1b5;margin:13px 0 18px;font-size:10px}.match-list{gap:14px;display:grid}.match-card{background:#fff;border:1px solid #e4e9f1;border-radius:20px;padding:19px}.match-meta{color:#94a0b2;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.match-meta strong{color:#172039;font-size:19px}.match-meta strong small{color:#aab4c5;font-size:9px}.match-teams{justify-content:space-between;align-items:center;gap:8px;margin:22px 0;display:flex}.match-teams>div{align-items:center;gap:9px;min-width:0;display:flex}.match-teams b{overflow-wrap:anywhere;font-size:13px}.team-mark{clip-path:polygon(0 0,100% 0,90% 75%,50% 100%,10% 75%);color:#fff;flex:none;place-items:center;width:38px;height:44px;font-size:16px;font-weight:800;display:grid}.versus{text-transform:uppercase;color:#b2bece;font-size:11px;font-weight:800}.match-select{color:#3452ef;background:0 0;border:0;border-top:1px solid #edf0f5;width:100%;padding:15px 0 0;font-size:12px;font-weight:800;display:block}.match-select span{margin-left:10px}.match-join{margin-top:26px}.match-dialog{color:#17203d;border:0;border-radius:20px;width:calc(100% - 32px);max-width:390px;padding:26px;box-shadow:0 12px 50px #17203938}.match-dialog::backdrop{background:#17203988}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-heading h2{letter-spacing:-.04em;margin:0;font-size:21px}.dialog-close{color:#8792aa;background:0 0;border:0;font-size:28px;line-height:1}.match-dialog .primary{margin-top:16px}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #95a8ff}.rank-screen{flex-direction:column;min-height:calc(100dvh - 60px);display:flex}.rank-header{margin-bottom:0}.rank-intro{text-align:center;padding:65px 0 34px}.rank-intro small,.words-intro small{color:#8fa3c2;letter-spacing:.14em;font-size:9px;font-weight:800}.rank-intro h1{margin:16px 0 10px;font-size:27px}.rank-intro p{color:#9ca8bb;font-size:11px;line-height:1.6}.trophy-mark{color:#3452ef;background:#edf2ff;border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 26px;font-size:38px;display:grid}.rank-screen--result .rank-intro{padding:45px 0 28px}.rank-caption{color:#a4afbf;justify-content:space-between;margin:8px 0 12px;font-size:11px;display:flex}.rank-list{gap:10px;display:grid}.rank-card{background:#fff;border:1px solid #e5eaf2;border-radius:17px;align-items:center;gap:12px;min-height:76px;padding:14px;display:flex}.rank-card--mine{background:#f7f9ff;border-color:#cad6ff}.rank-number{text-align:center;color:#a1adc2;width:24px;font-weight:800}.rank-card:first-child .rank-number{color:#3452ef;font-size:22px}.rank-avatar{border-radius:14px;flex:none;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid}.rank-avatar--0{color:#4561d6;background:#e9edff}.rank-avatar--1{color:#bd923e;background:#fff2cd}.rank-avatar--2{color:#499d88;background:#e0f3ec}.rank-avatar--3{color:#ac729b;background:#f8e6f3}.rank-person{flex:1;min-width:0}.rank-person b,.rank-person span{overflow-wrap:anywhere;display:block}.rank-person b{font-size:13px}.rank-person b small{color:#7895e8}.rank-person span{color:#a1adbf;margin-top:5px;font-size:10px}.rank-count{color:#172039;font-size:26px}.rank-count small{color:#a4afbf;font-size:10px}.rank-status{text-align:center;color:#91a0b6;margin:30px 0 8px;font-size:11px}.rank-controls{color:#7585a0;margin-top:12px;font-size:12px}.rank-controls summary{cursor:pointer;padding:12px 0}.result-tabs{border-bottom:1px solid #e8edf4;gap:24px;margin:0 0 18px;display:flex}.result-tabs button{color:#a2aec0;background:0 0;border:0;padding:13px 0;font-weight:700}.result-tabs button.active{color:#172039;border-bottom:2px solid #172039}.rank-empty{text-align:center;color:#95a0b2;padding:28px 12px;font-size:13px}.rank-next{color:#3452ef;background:#edf1ff;border:0;border-radius:14px;min-height:52px;margin-top:26px;font-weight:800}.words-intro{margin:36px 0 25px}.words-intro h1{margin:12px 0;font-size:27px}.words-shared{background:#f5f7ff;border:1px dashed #ccd8f8;border-radius:18px;align-items:center;gap:12px;padding:20px;display:flex}.words-shared-icon{color:#3452ef;background:#e8edff;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.words-shared b,.words-shared small,.words-card-heading b,.words-card-heading small{display:block}.words-shared b,.words-card-heading b{font-size:13px}.words-shared small,.words-card-heading small{color:#9ca9bd;margin-top:5px;font-size:10px}.words-title{justify-content:space-between;align-items:center;margin:26px 0 12px;font-size:14px;display:flex}.words-title small{color:#a0adbf;font-size:10px}.words-card{border:1px solid #e5eaf2;border-radius:18px;padding:18px}.words-card-heading{align-items:center;gap:10px;display:flex}.words-card .chips{margin-bottom:0}.words-card .chips button{color:#6c7d98;background:#f2f4f8;border:0}.words-screen>.primary{margin-top:16px}.rank-screen{background:#f6f8fc;min-height:100dvh;margin:-24px -23px -36px;padding:24px 23px 36px}.rank-screen--result{background:#fff}.preflight-summary{background:#f6f8fc;border-radius:18px;gap:16px;margin:24px 0;padding:20px;display:grid}.preflight-summary>div{justify-content:space-between;gap:16px;font-size:13px;display:flex}.preflight-summary span{color:#8390a9}.preflight-summary strong{color:#172039;font-size:14px}.mic-panel{margin-top:20px}.mic-panel .rank-status{justify-content:center;align-items:center;gap:7px;margin:12px 0;font-size:13px;font-weight:700;display:flex}.mic-indicator{background:#9aa6b7;border-radius:50%;flex:none;width:9px;height:9px}.rank-status[data-status=listening]{color:#16824b}.rank-status[data-status=listening] .mic-indicator{background:#22b36a;box-shadow:0 0 0 4px #22b36a20}.rank-status[data-status=starting],.rank-status[data-status=restarting]{color:#aa7110}.rank-status[data-status=starting] .mic-indicator,.rank-status[data-status=restarting] .mic-indicator{background:#e5a120}.mic-panel .sub{overflow-wrap:anywhere}.mic-panel .alert{margin:12px 0}