@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cinzel-700.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-400.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-500.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-600.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2)format("woff2")}:root{--bg:#0a0c0f;--surface:#15191fe6;--surface-solid:#15191f;--bar:#111419;--border:#2c333c;--border-strong:#3a424d;--fg:#edeff2;--muted:#a3abb5;--gold:#d9ae5b;--gold-text:#16120a;--gold-light:#e8c27a;--radiant:#9ccb4a;--dire:#e2553e;--attr-str:var(--dire);--attr-agi:var(--radiant);--attr-int:#4fb8e0;--tabbar:64px;--rail:96px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Barlow,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg) url(https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/backgrounds/greyfade.jpg) center top / cover no-repeat fixed;margin:0}a{color:var(--gold)}h1{margin:0;font-family:Cinzel,Georgia,serif;font-size:26px;font-weight:700;line-height:1.15}.muted,.status{color:var(--muted)}.app{min-height:100dvh;padding-bottom:var(--tabbar)}.column{min-height:calc(100dvh - var(--tabbar));flex-direction:column;padding:0 20px;display:flex}main{flex:1}.brand{align-items:center;gap:10px;padding:14px 0;display:flex}.brand-mark{background:var(--gold);width:32px;height:32px;color:var(--gold-text);border-radius:6px;place-items:center;font:700 19px Cinzel,Georgia,serif;display:grid}.brand-name{letter-spacing:.04em;font:700 20px Cinzel,Georgia,serif}.tabbar{z-index:10;height:var(--tabbar);background:var(--bar);border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:4px;font:600 13px Barlow Condensed,Barlow,system-ui,sans-serif;text-decoration:none;display:flex}.tabbar a[aria-current=page]{color:var(--gold)}.tabbar a:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}.screen{flex-direction:column;gap:12px;padding-top:4px;display:flex}.screen-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.screen-head .muted{font-size:13px}.search{color:var(--muted);align-items:center;display:flex;position:relative}.search svg{position:absolute;left:14px}.search input{border:1px solid var(--border-strong);background:var(--surface);width:100%;height:46px;color:var(--fg);font:inherit;border-radius:10px;padding:0 14px 0 42px;font-size:15px}.search input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.attr-filter{gap:6px;display:flex}.chip{cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);min-width:44px;height:36px;color:var(--fg);border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font:600 13px Barlow,system-ui,sans-serif;display:flex}.chip[aria-pressed=true]{border-color:var(--gold);color:var(--gold-light);background:#d9ae5b29}.chip:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.attr-icon{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 2px #00000059}.attr-str{background:var(--attr-str)}.attr-agi{background:var(--attr-agi)}.attr-int{background:var(--attr-int)}.attr-all{background:conic-gradient(var(--attr-str) 0 33%, var(--attr-agi) 0 66%, var(--attr-int) 0)}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hero-card{border:1px solid var(--border);background:var(--surface-solid);border-radius:6px;position:relative;overflow:hidden}.hero-card img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.hero-name{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0a0c0f00 0%,#0a0c0feb 70%);padding:10px 6px 3px;font-size:12px;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-card a{color:inherit;text-decoration:none;display:block}.hero-card a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.back-link{font-weight:600}.hero-page{flex-direction:column;gap:14px;padding-bottom:8px;display:flex}.hero-banner{background:var(--surface-solid);flex-direction:column;height:196px;margin:0 -20px;display:flex;position:relative;overflow:hidden}.hero-banner img{object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;inset:0}.hero-banner:after{content:"";background:linear-gradient(#0a0c0f59 0%,#0a0c0f1a 35%,#0a0c0ff2 100%);position:absolute;inset:0}.hero-banner .back{z-index:1;width:44px;height:44px;color:var(--fg);background:#0a0c0f99;border-radius:50%;justify-content:center;align-items:center;margin:8px 0 0 10px;display:flex;position:relative}.hero-banner .back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hero-banner-text{z-index:1;flex-direction:column;gap:6px;margin-top:auto;padding:0 20px 12px;display:flex;position:relative}.hero-banner h1{font-size:32px;line-height:1}.hero-meta{color:#d5dae0;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.hero-meta .attr-icon{flex-shrink:0}.hero-hype{color:var(--muted);margin:0;font-size:14px}.hero-body,.hero-side{flex-direction:column;gap:14px;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.panel h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:600}.hero-attrs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hero-attrs li{border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-weight:600;display:flex}.hero-attrs li[aria-current=true]{border-color:var(--gold)}.hero-attrs .muted{font-size:13px;font-weight:400}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0;font-size:14px;display:grid}.stats div{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding:4px 0;display:flex}.stats dt{color:var(--muted)}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.talents{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.talents li{gap:10px;display:flex}.talent-level{width:64px;color:var(--gold);flex-shrink:0;font:700 14px Barlow Condensed,Barlow,system-ui,sans-serif}.abilities{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.ability{flex-direction:column;gap:4px;display:flex}.ability+.ability{border-top:1px solid var(--border);padding-top:12px}.ability-head{align-items:center;gap:8px;display:flex}.ability h3{color:var(--gold-light);margin:0;font-size:16px;font-weight:600}.tag{color:var(--muted);background:#1e242c;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:600}.ability-desc{white-space:pre-line;margin:0;font-size:14px}.ability-cost{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:13px;display:flex}footer{color:var(--muted);padding:16px 0;font-size:12px;line-height:1.4}footer p{margin:0 0 4px}.lang-switch{border:1px solid var(--border-strong);border-radius:8px;margin-top:8px;display:inline-flex;overflow:hidden}.lang-switch button{min-width:44px;min-height:32px;color:var(--muted);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1}.lang-switch button+button{border-left:1px solid var(--border-strong)}.lang-switch button[aria-pressed=true]{background:var(--gold);color:var(--gold-text)}.lang-switch button:focus-visible{outline:2px solid var(--gold-light);outline-offset:-2px}@media (width>=1024px){.app{padding-bottom:0;padding-left:var(--rail)}.column{max-width:1200px;min-height:100dvh;margin:0 auto;padding:0 32px}.tabbar{width:var(--rail);border-top:0;border-right:1px solid var(--border);grid-template-columns:1fr;grid-auto-rows:80px;align-content:start;height:auto;padding-top:72px;top:0;right:auto}.tabbar a[aria-current=page]{box-shadow:inset 3px 0 0 var(--gold)}h1{font-size:30px}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.hero-name{font-size:13px}.hero-banner{border-radius:10px;height:240px;margin:0}.hero-banner h1{font-size:40px}.hero-body{grid-template-columns:minmax(300px,2fr) 3fr;align-items:start;gap:20px;display:grid}}.draft-layout,.draft-board{flex-direction:column;gap:12px;display:flex}.board{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.slot-row{align-items:flex-start;gap:4px;display:flex}.row-label{letter-spacing:.06em;text-transform:uppercase;width:88px;color:var(--muted);flex-shrink:0;padding-top:6px;font-size:12px;font-weight:600}.slot-row.ally .row-label{color:var(--radiant)}.slot-row.enemy .row-label{color:var(--dire)}.slots{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.slot{aspect-ratio:16/9;border:2px solid var(--border-strong);cursor:pointer;color:var(--muted);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.slot img{object-fit:cover;width:100%;height:100%;display:block}.slot.empty{background:#15191f99;border-style:dashed}.slot:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.ally .slot.filled{border-color:#5e8a2a}.enemy .slot.filled{border-color:#a8392a}.ban .slot.filled img{filter:grayscale()brightness(.7)}.slot.you{cursor:default;border:2px dashed var(--gold);color:var(--gold);font-size:12px;font-weight:600}.roles{border:0;min-width:0;margin:0;padding:0}.role-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.role-option{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:48px;padding:4px 2px;line-height:1.15;display:flex;position:relative}.role-num,.role-name{pointer-events:none}.role-num{opacity:.75;font:600 11px Barlow Condensed,Barlow,system-ui,sans-serif}.role-name{overflow-wrap:anywhere;font-size:12px}.role-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.role-option:has(input:checked){border-color:var(--gold);background:var(--gold);color:var(--gold-text);font-weight:600}.role-option:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.hint{margin:0;font-size:13px}.suggestions{flex-direction:column;gap:8px;display:flex}.suggestions-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.source-label{border:1px solid var(--border-strong);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;line-height:1}.suggestions h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:600}.suggestions p{margin:0}.suggestion-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.suggestion{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:6px 12px 6px 6px;display:flex}.suggestion-row{align-items:center;gap:12px;display:flex}.tip{color:var(--fg);margin:0;padding:0 0 2px 6px;font-size:13px;line-height:1.4}.tip.pending{color:var(--muted);font-style:italic}.source-label.refining{border-color:var(--gold);color:var(--gold-light)}.suggestion:first-child{border-color:var(--gold)}.suggestion img{object-fit:cover;border-radius:4px;flex-shrink:0;width:64px;height:36px;display:block}.suggestion:first-child img{border-radius:6px;width:96px;height:54px}.suggestion-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.suggestion-name{font-size:15px;font-weight:600}.suggestion:first-child .suggestion-name{font:700 18px Cinzel,Georgia,serif}.deltas{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px;font-size:12px;display:flex}.delta{color:var(--muted);white-space:nowrap;background:#1e242c;border-radius:5px;padding:2px 6px}.delta.up{color:#b5db72;background:#9ccb4a24}.delta.down{color:#f08a76;background:#e2553e29}.score{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.score-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px}.score-value{font-variant-numeric:tabular-nums;font:700 18px Barlow Condensed,Barlow,system-ui,sans-serif}.picker-backdrop{z-index:20;background:#050608b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.picker{background:var(--surface-solid);border-top:1px solid var(--border-strong);border-radius:14px 14px 0 0;flex-direction:column;gap:10px;width:100%;max-height:85dvh;padding:12px 16px 16px;display:flex}.picker-head{align-items:center;gap:8px;display:flex}.picker-head h2{flex:1;margin:0;font:700 18px Cinzel,Georgia,serif}.picker-close{width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.picker-close:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.picker-grid button{border:1px solid var(--border);cursor:pointer;background:var(--bg);width:100%;color:var(--fg);border-radius:6px;flex-direction:column;padding:0;font:600 11px Barlow,system-ui,sans-serif;display:flex;overflow:hidden}.picker-grid img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.picker-grid span{white-space:nowrap;text-overflow:ellipsis;padding:3px 4px;overflow:hidden}.picker-grid button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.photo-capture .lead{margin:0;font-size:15px;line-height:1.45}.camera{cursor:pointer;border:1px solid var(--border-strong);min-height:260px;color:var(--fg);text-align:center;background:#15191fd1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:relative}.camera:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.camera .corner{border:0 solid var(--gold);width:28px;height:28px;position:absolute}.camera .tl{border-top-width:3px;border-left-width:3px;top:14px;left:14px}.camera .tr{border-top-width:3px;border-right-width:3px;top:14px;right:14px}.camera .bl{border-bottom-width:3px;border-left-width:3px;bottom:14px;left:14px}.camera .br{border-bottom-width:3px;border-right-width:3px;bottom:14px;right:14px}.camera-icon{background:var(--gold);width:84px;height:84px;color:var(--gold-text);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.camera-text{font-size:18px;font-weight:600}.camera-hint{font-size:14px}.photo-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.photo-options .option{cursor:pointer;border:1px solid var(--border-strong);height:50px;color:var(--fg);background:#15191fd1;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.photo-options a.option:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.photo-options .option:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.privacy{color:#d5dae0;background:#15191fd1;border-radius:10px;align-items:center;gap:10px;margin:0;padding:12px;font-size:14px;display:flex}.privacy svg{color:var(--muted);flex-shrink:0}.screen-head.with-back{justify-content:flex-start;align-items:center;gap:6px;margin-left:-10px}.back{width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.back:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.read-draft{border:1px solid var(--border);background:#15191fe0;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.read-draft p{margin:0}.read-draft .chip{align-self:flex-start;text-decoration:none}.slot.flagged{border:2px dashed var(--gold);color:var(--gold);background:#d9ae5b1f}.unread-note{color:#d5dae0;font-size:13px}@media (width>=1024px){.draft-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.picker-backdrop{align-items:center}.picker{border:1px solid var(--border-strong);border-radius:14px;max-width:760px;max-height:80dvh}.picker-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.photo-capture{max-width:640px}.camera{min-height:320px}}.patch-picker{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.patch-picker .chip{flex-shrink:0}.patch-summary{gap:4px}.patch-summary .muted{font-size:14px}.hero-filter{justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:15px;display:flex}.hero-filter select{border:1px solid var(--border-strong);background:var(--surface-solid);min-width:0;height:40px;color:var(--fg);font:inherit;border-radius:8px;flex:0 220px;padding:0 10px;font-size:15px}.hero-filter select:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.patch-body{flex-direction:column;gap:14px;padding-bottom:8px;display:flex}.patch-section{flex-direction:column;gap:8px;display:flex}.patch-section>h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:600}.patch-heroes,.patch-items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.patch-hero-head{color:var(--fg);align-items:center;gap:12px;text-decoration:none;display:flex}.patch-hero-head img{object-fit:cover;border-radius:4px;flex-shrink:0;width:64px;height:36px}.patch-hero-head:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.patch-heroes h3,.patch-items h3{margin:0;font-size:15px;font-weight:600}.notes{flex-direction:column;gap:6px;font-size:14px;line-height:1.4;display:flex}.note-label{color:var(--gold-light);font-size:13px;font-weight:600}.note-group ul{margin:2px 0 0;padding-left:18px}.note-group li.indent{color:var(--muted);margin-left:16px}.history{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.history>li{gap:12px;display:flex}.history-patch{width:52px;color:var(--gold);flex-shrink:0;font:700 16px Barlow Condensed,Barlow,system-ui,sans-serif}.history>li:not(:first-child) .history-patch{color:var(--muted)}.history .notes{flex:1;min-width:0}.hero-history .chip{align-self:flex-start}@media (width>=1024px){.patch-heroes,.patch-items{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}}.counter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.counter-side{border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.counter-side.good{background:#9ccb4a14;border:1px solid #9ccb4a4d}.counter-side.bad{background:#e2553e14;border:1px solid #e2553e52}.counter-side h3{margin:0;font-size:13px;font-weight:600}.counter-side.good h3{color:#b5db72}.counter-side.bad h3{color:#f08a76}.counter-side ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.counter-side a{color:var(--fg);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;text-decoration:none;display:flex}.counter-side a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.counter-side img{object-fit:cover;border-radius:3px;flex-shrink:0;width:40px;height:22px}.counter-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.low-sample{opacity:.55}.low-sample .counter-delta{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.counter-note{margin:0;font-size:12px}.phases{flex-direction:column;gap:8px;margin:0;display:flex}.phase{flex-direction:column;gap:4px;display:flex}.phase dt{color:var(--muted);font-size:12px;font-weight:600}.phase dd{margin:0}.item-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.item-chip{background:#1e242c;border-radius:6px;padding:4px 9px}.item-chip.hot{border:1px solid var(--gold);color:var(--gold-light);background:#d9ae5b24;font-weight:600}.build-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.build-source{margin:0;font-size:12px}.coach{flex-direction:column;gap:12px;display:flex}@media (width>=1024px){.phases{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}}.start-match{cursor:pointer;background:var(--gold);height:46px;color:var(--gold-text);border:0;border-radius:10px;align-self:stretch;margin:0 0 6px 6px;font:600 16px Barlow,system-ui,sans-serif}.start-match:disabled{opacity:.6;cursor:default}.start-match:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.coach-head{align-items:center;gap:10px;display:flex}.coach-head img{object-fit:cover;border-radius:4px;flex-shrink:0;width:64px;height:36px}.coach-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.coach-title h1{margin:0;font-size:20px;line-height:1.15}.match-timer{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.match-timer .chip{height:28px;font-size:12px}.live-dot{background:var(--border-strong);border-radius:50%;width:7px;height:7px}.live-dot.on{background:var(--radiant)}.coach-body{flex-direction:column;gap:12px;display:flex}.coach-chat{flex-direction:column;gap:10px;display:flex}.chat{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bubble{flex-direction:column;gap:6px;max-width:88%;padding:9px 12px;font-size:15px;line-height:1.4;display:flex}.bubble.mine{background:#2a3a1c;border-radius:14px 14px 4px;align-self:flex-end;max-width:82%}.bubble.coach{border:1px solid var(--border);background:#15191ff0;border-radius:14px 14px 14px 4px;align-self:flex-start}.bubble.pending .bubble-text{color:var(--muted);font-style:italic}.advice-tag{color:var(--gold-light);background:#d9ae5b24;border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:12px;font-weight:600}.chat-input{bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px));z-index:1;background:linear-gradient(to bottom, transparent, var(--bg) 12px);align-items:center;gap:8px;padding:10px 0;display:flex;position:sticky}.chat-field{flex:1;min-width:0}.chat-field input{border:1px solid var(--border-strong);background:var(--surface-solid);width:100%;height:46px;color:var(--fg);border-radius:23px;padding:0 14px;font:15px Barlow,system-ui,sans-serif}.chat-field input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.send{cursor:pointer;width:44px;height:44px;color:var(--fg);background:#262d36;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send:disabled{opacity:.5;cursor:default}.send:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ptt{cursor:pointer;background:var(--gold);width:52px;height:52px;color:var(--gold-text);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ptt:disabled{opacity:.5;cursor:default}.ptt:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.ptt.recording{background:var(--dire);color:var(--fg);box-shadow:0 0 0 6px #e2553e40}.voice-tag{color:#c3d6a6;align-items:center;gap:5px;font-size:12px;display:flex}.listen{border:1px solid var(--border-strong);min-height:32px;color:var(--fg);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:0 10px;font:600 13px Barlow,system-ui,sans-serif;display:flex}.listen:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mic-note{color:var(--muted);margin:0;font-size:13px}@media (width>=1024px){.coach-body{grid-template-columns:minmax(300px,2fr) 3fr;align-items:start;gap:20px;display:grid}.chat-input{bottom:0}}.account-entry{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--fg);border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:0 12px;font:600 14px Barlow,system-ui,sans-serif;text-decoration:none;display:flex}.account-entry:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.signin-screen{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.signin-top{align-items:center;padding:10px;display:flex}.signin-top .back{width:44px;height:44px;color:var(--fg);justify-content:center;align-items:center;display:flex}.signin-top .back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.signin{flex-direction:column;flex:1;gap:24px;padding:32px 24px 0;display:flex}.signin p{margin:0}.signin [role=alert]{color:var(--dire)}.signin-head{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.signin-mark{background:var(--gold);width:56px;height:56px;color:var(--gold-text);border-radius:10px;place-items:center;font:700 32px Cinzel,Georgia,serif;display:grid}.signin-head h1{font-size:28px}.signin .lead{font-size:15px;line-height:1.45}.signin-status{text-align:center}.signin-form{flex-direction:column;gap:12px;display:flex}.signin-form label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.signin-form input{border:1px solid var(--border-strong);background:var(--surface);height:50px;color:var(--fg);font:inherit;border-radius:10px;padding:0 14px;font-size:16px;font-weight:400}.signin-form input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.signin .hint{text-align:center;font-size:13px}.signin .primary{cursor:pointer;background:var(--gold);height:52px;color:var(--gold-text);font:inherit;border:0;border-radius:10px;font-size:16px;font-weight:600}.signin .primary:disabled{opacity:.6;cursor:progress}.signin .primary:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.signin .option{cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);height:52px;color:var(--fg);font:inherit;border-radius:10px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.signin .option:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.signin .sent{background:#9ccb4a1f;border:1px solid #5e8a2a;border-radius:10px;padding:12px;font-size:14px}.signin-actions{gap:10px;display:grid}.signin .option:disabled{opacity:.6;cursor:progress}.signin-link{flex-direction:column;gap:10px;display:flex}@media (width>=720px){.signin-actions{grid-template-columns:1fr 1fr}}.signin-or{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.signin-or span{background:var(--border);flex:1;height:1px}.signin-foot{text-align:center;padding:16px 24px 24px}.signin-foot .lang-switch{width:max-content;margin:12px auto 0;display:flex}.landing{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.landing-hero{background:var(--bg) 38% center / cover no-repeat;flex-direction:column;min-height:620px;display:flex;position:relative}.landing-hero:before{content:"";background:linear-gradient(180deg, #0a0c0f8c 0%, #0a0c0f59 40%, #0a0c0feb 82%, var(--bg) 100%);position:absolute;inset:0}.landing-top{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:relative}.landing-top .brand{padding:0}.landing-pitch{flex-direction:column;gap:16px;margin-top:auto;padding:0 20px 36px;display:flex;position:relative}.landing .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:13px;font-weight:600}.landing-pitch h1{font-size:36px;line-height:1.12}.landing-pitch p{color:#d5dae0;margin:0;font-size:17px;line-height:1.45}.landing-ctas{flex-direction:column;gap:10px;margin-top:4px;display:flex}.landing .cta,.landing .ghost{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:54px;padding:0 20px;font:600 17px Barlow,system-ui,sans-serif;text-decoration:none;display:flex}.landing .cta{background:var(--gold);color:var(--gold-text);border:0}.landing .ghost{color:var(--fg);background:0 0;border:1px solid #edeff259}.landing .ghost.small{border-radius:8px;min-height:40px;padding:0 16px;font-size:15px}.landing .cta:focus-visible,.landing .ghost:focus-visible,.landing-foot a:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.landing-section{flex-direction:column;gap:20px;padding:40px 20px;display:flex}.landing-section+.landing-section{padding-top:8px}.landing h2{margin:0;font:700 26px Cinzel,Georgia,serif}.landing-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.landing-steps li{background:var(--surface-solid);border:1px solid var(--border);border-radius:12px;gap:14px;padding:16px;display:flex}.landing-steps h3{margin:0 0 4px;font-size:17px;font-weight:600}.landing-steps p{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.step-number{border:1.5px solid var(--gold);width:36px;height:36px;color:var(--gold);border-radius:50%;flex-shrink:0;place-items:center;font:700 17px Cinzel,Georgia,serif;display:grid}.landing-portraits{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.landing-portraits img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:100%;height:auto;display:block}.landing-bullets{color:#d5dae0;flex-direction:column;gap:10px;margin:0;padding:0;font-size:15px;line-height:1.4;list-style:none;display:flex}.landing-bullets li{gap:10px;display:flex}.landing-bullets svg{color:var(--gold);flex-shrink:0;margin-top:2px}.landing-foot{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:auto;padding:24px 20px 32px;font-size:13px;line-height:1.5;display:flex}.landing-foot p{margin:0}.landing-foot nav{flex-wrap:wrap;gap:8px 20px;display:flex}.landing-foot .lang-switch{align-self:flex-start;margin-top:0}@media (width>=1024px){.landing-hero{background-position:50%;min-height:min(760px,88dvh)}.landing-top,.landing-pitch,.landing-section,.landing-foot{width:100%;max-width:1080px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}.landing-pitch{max-width:1080px;padding-bottom:64px}.landing-pitch>*{max-width:620px}.landing-pitch h1{font-size:48px}.landing-ctas{flex-direction:row}.landing-steps{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-portraits{grid-template-columns:repeat(6,minmax(0,1fr))}.landing-section>.cta{align-self:flex-start}}.coach-head{flex-wrap:wrap;row-gap:8px}.coach-head .coach-title{flex:180px}.coach-head .match-timer .chip{white-space:nowrap}.coach-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.end-match{flex-shrink:0;text-decoration:none}.match-end h2,.match-history h2{margin:0;font-size:15px}.end-result{border:0;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;display:grid}.end-result legend{margin-bottom:8px;padding:0;font-weight:600}.end-choice{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:52px;font:700 18px Barlow,system-ui,sans-serif;display:flex;position:relative}.end-choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.end-choice:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.end-choice.win:has(input:checked){border-color:var(--radiant);color:var(--radiant);background:#9ccb4a29}.end-choice.loss:has(input:checked){border-color:var(--dire);color:var(--dire);background:#e2553e29}.end-inputs{flex-direction:column;gap:8px;display:flex}.end-inputs .option{cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;font:600 15px Barlow,system-ui,sans-serif;display:flex}.end-inputs .option:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.end-message{align-items:center;gap:8px;display:flex}.end-message .chip{height:46px}.end-details{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.end-fields{grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;display:grid}.end-fields label{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:12px;display:flex}.end-fields input{border:1px solid var(--border-strong);background:var(--surface-solid);width:100%;height:40px;color:var(--fg);border-radius:8px;padding:0 8px;font:15px Barlow,system-ui,sans-serif}.end-fields input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.match-end .start-match{margin:0}.end-saved{margin:0;font:700 20px Barlow,system-ui,sans-serif}.end-saved.win{color:var(--radiant)}.end-saved.loss{color:var(--dire)}.end-notes ul{flex-direction:column;gap:6px;margin:8px 0 0;padding-left:20px;display:flex}.end-link,.sign-in-prompt a{color:var(--gold);font-weight:600}.sign-in-prompt{margin:0}.history-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history-list li{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:64px 1fr auto;grid-template-areas:"img hero result""img meta meta";align-items:center;column-gap:10px;padding:8px 10px;display:grid}.history-list img{object-fit:cover;border-radius:4px;grid-area:img;width:64px;height:36px}.history-hero{grid-area:hero;font-weight:600}.history-result{grid-area:result;font-weight:700}.history-result.win{color:var(--radiant)}.history-result.loss{color:var(--dire)}.history-meta{grid-area:meta;font-size:13px}@media (width>=1024px){.match-end,.match-history{max-width:640px}}.settings-entry{border:1px solid var(--border-strong);background:var(--surface);width:36px;height:36px;color:var(--fg);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.settings-entry:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.persona-settings{max-width:640px}.persona-field{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.persona-field legend{margin-bottom:8px;padding:0;font-weight:600}.persona-options{flex-wrap:wrap;gap:8px;display:flex}.persona-option{cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;align-items:center;min-height:44px;padding:0 14px;font:600 14px Barlow,system-ui,sans-serif;display:flex;position:relative}.persona-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.persona-option:has(input:checked){border-color:var(--gold);color:var(--gold-light);background:#d9ae5b29}.persona-option:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.persona-note{min-height:1.4em;margin:0;font-size:13px}