:root:has(.mk-play){font-size:clamp(15px,calc(8px + .6vw),24px)}@media(max-width:899px){:root:has(.mk-play){font-size:15px}}.app-shell:has(.mk-play),.landing-shell{display:flex;flex-direction:column;min-height:100vh}.mk-play,.mk-nav{--font: "Barlow", "Segoe UI", system-ui, sans-serif;--font-display: "Barlow Condensed", "Arial Narrow", sans-serif;font-family:var(--font)}header.topbar.mk-nav.mk-nav{box-sizing:border-box;flex:none;position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;padding:6px 2vw 0;height:auto;background:var(--topbar-bg, var(--surface));color:var(--topbar-text, var(--text));border-bottom:1px solid var(--line);font-weight:600;font-size:15.2px;z-index:5}.mk-nav .topbar-right{display:contents}header.topbar.mk-nav>nav{order:4;display:flex;align-items:flex-end;flex:1 1 calc(100% - 60px);min-width:0;height:auto;gap:22px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}header.topbar.mk-nav>nav::-webkit-scrollbar{display:none}.mk-nav .menu-btn{order:0}.mk-nav .lamp-board{order:2}.mk-nav .topbar-notifications,.mk-nav .account-menu,.mk-nav .signin{order:3}.mk-nav .theme-picker{order:5;margin-left:auto}.mk-nav button{font:inherit;color:inherit;cursor:pointer}.mk-nav a{color:inherit}header.topbar.mk-nav nav a.l{height:auto;display:inline-block;flex:none;white-space:nowrap;padding:8px 0 5px;border-bottom:3px solid transparent;text-decoration:none;font-size:15.2px;font-weight:600}header.topbar.mk-nav nav a.l.on{border-bottom-color:var(--primary)}.mk-nav .lamp-board{flex:1 1 0;min-width:0;box-sizing:border-box;background:#050505;border:3px solid #2b2b2b;border-radius:4px;box-shadow:inset 0 0 0 1px #000,inset 0 2px 6px #000;padding:3px 4px;line-height:0;overflow:hidden;position:relative}.mk-nav .lamp-link{display:block;color:inherit;text-decoration:none;cursor:pointer}.mk-nav .lamp-face{display:block;width:100%;overflow:hidden}.mk-nav .lamp-face canvas{display:block}.mk-nav .lamp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mk-nav .theme-picker{position:static;opacity:1;z-index:auto}.mk-nav .theme-picker>.ui-btn.theme-picker-dot{width:40px;min-width:40px;height:40px;min-height:40px;flex:none;border-radius:50%;border:0;background:none;padding:0;display:inline-flex;align-items:center;justify-content:center;opacity:.55}.mk-nav .theme-picker>.ui-btn.theme-picker-dot:hover,.mk-nav .theme-picker>.ui-btn.theme-picker-dot[aria-expanded=true]{opacity:1;background:none}.mk-nav .theme-picker-dot:before{content:"";position:static;inset:auto;display:inline-block;width:16.8px;height:16.8px;border-radius:50%;background:linear-gradient(135deg,var(--swatch-a) 50%,var(--swatch-b) 50%);box-shadow:0 0 0 1px color-mix(in srgb,var(--black) 35%,transparent);flex:none}.mk-nav .signin{font:inherit;font-size:13px;font-weight:var(--fw-bold);line-height:1;border-color:var(--topbar-text, var(--black));background:var(--topbar-bg, var(--surface));color:inherit}.mk-nav .account-menu{position:static}.mk-nav .more{border:0;background:none;font-size:20.8px;line-height:1;padding:3.2px 6.4px;color:var(--muted);letter-spacing:.05em;display:none}.mk-nav .account-trigger.ui-btn{display:flex;align-items:center;gap:8px;border:0;background:none;padding:3.2px 4.8px;min-height:0;height:auto;font-weight:700;font-size:inherit;color:inherit}.mk-nav .account-avatar{width:33.6px;height:33.6px;border-radius:50%;background:var(--dark-chip);color:var(--on-dark);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14.4px;flex:none}.mk-nav .topbar-notifications{position:relative;width:auto;min-height:0;font-size:18.4px;padding:4.8px;display:inline-flex;align-items:center;justify-content:center}.mk-nav .topbar-notifications svg{width:19.2px;height:19.2px}.mk-nav .topbar-notifications i{top:1.6px;right:0;width:8.8px;height:8.8px;border-radius:50%;background:var(--mode-solo-daily)}.mk-nav .theme-menu,.mk-nav .account-pop{position:absolute;top:62px;right:2vw;left:auto;background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 18px 48px color-mix(in srgb,var(--black) 16%,transparent);padding:8px;min-width:208px;z-index:9;font-size:15.2px}.mk-nav .theme-menu{top:100%}.mk-nav .theme-menu.is-closed{display:none}.mk-nav .theme-menu .ui-btn,.mk-nav .account-pop .ui-btn,.mk-nav .account-pop a{display:flex;align-items:center;gap:10.4px;width:100%;border:0;background:none;border-radius:8px;padding:7.2px 8px;font-weight:600;text-align:left;min-height:41.6px;height:auto;font-size:inherit;text-decoration:none;justify-content:flex-start;color:var(--text)}.mk-nav .theme-menu .ui-btn:hover,.mk-nav .account-pop .ui-btn:hover,.mk-nav .account-pop a:hover{background:var(--surface-2)}.mk-nav .theme-menu .ui-btn[aria-pressed=true]{background:var(--primary-soft)}.mk-nav .theme-menu .ui-btn>span[aria-hidden]{margin-left:auto;font-weight:800}.mk-nav .theme-menu .theme-picker-dot{width:16.8px;min-width:0;height:16.8px;min-height:0;flex:none;padding:0;background:none;display:inline-flex}.mk-nav .account-pop hr{border:0;border-top:1px solid var(--line);margin:5.6px 0}.mk-nav .menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;margin-left:-8px;padding:0;border:0;border-radius:8px;background:none;color:inherit;flex:none}.mk-nav .menu-backdrop,.mk-nav .menu-panel{display:none}@media(max-width:899px){.mk-nav .menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--black) 45%,transparent);z-index:34}.mk-nav .menu-panel{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;width:min(78vw,300px);background:var(--surface);color:var(--text);box-shadow:0 0 40px color-mix(in srgb,var(--black) 30%,transparent);padding:56px 12px 16px;z-index:35;isolation:isolate;overflow-y:auto;animation:mk-menu-in .18s ease-out}.mk-nav .menu-panel nav{display:flex;flex-direction:column;align-items:stretch;height:auto;gap:2px}.mk-nav .menu-panel a{display:flex;align-items:center;justify-content:flex-start;text-align:left;height:auto;min-height:48px;padding:8px 14px;border-radius:8px;border-left:4px solid transparent;font-size:17px;font-weight:700;text-decoration:none;color:var(--text)}.mk-nav .menu-panel a.menu-rules{margin-top:auto;font-size:15px;font-weight:600;color:var(--muted)}.mk-nav .menu-panel a:hover{background:var(--surface-2)}.mk-nav .menu-panel a.on{background:var(--primary-soft);border-left-color:var(--primary)}@keyframes mk-menu-in{0%{transform:translate(-100%)}to{transform:none}}}@media(max-width:899px){header.topbar.mk-nav.mk-nav{gap:4px 8px;padding:6px 12px 0}header.topbar.mk-nav>nav{gap:18px}header.topbar.mk-nav>nav a.l,header.topbar.mk-nav>nav a.l.guest-how{display:inline-block}.mk-nav .menu-btn{display:inline-flex}.mk-nav .account-name{display:none}.mk-nav .theme-menu,.mk-nav .account-pop{right:12px}.mk-nav .account-pop{top:56px}}@media(max-width:767px){header.topbar.mk-nav.mk-nav{padding:6px 16px 8px;gap:6px 8px}header.topbar.mk-nav>nav,.mk-nav .topbar-right>.theme-picker{display:none}.mk-nav .lamp-board{order:10;flex:1 1 100%}.mk-nav .menu-panel .menu-theme{margin-top:12px;padding:0 14px}.mk-nav .menu-panel .theme-picker{display:block;margin:0}.mk-nav .menu-panel .theme-menu{position:static;box-shadow:none;border:0;padding:4px 0;min-width:0}}.mk-play{flex:1 0 auto;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font);line-height:normal}.mk-play *,.mk-play *:before,.mk-play *:after{box-sizing:border-box}.mk-play a{color:inherit}.mk-play button:not(.ui-btn){font:inherit;color:inherit;cursor:pointer}.mk-play .btn-go{flex-direction:column;gap:0;line-height:1.15}.mk-play .btn-go small{font-weight:600;font-size:var(--fs-xs)}.mk-play .btn-go:disabled,.mk-play .btn-2:disabled{cursor:default}.mk-play .badge{display:inline-block;border-radius:6px;padding:.1rem .5rem;font-weight:700;font-size:.8rem;white-space:nowrap}.mk-play .badge.turn{background:var(--primary);color:var(--on-primary, var(--black))}.mk-play .badge.wait{background:var(--surface-2);color:var(--muted)}.mk-play .badge.none{background:none;border:1px dashed var(--line-strong);color:var(--muted)}.mk-play .fx{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.mk-play .fx li{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:.8rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:.4rem solid var(--c);border-radius:8px;padding:.4rem .7rem;font-size:1rem}.mk-play .fx .t{font-weight:700;font-variant-numeric:tabular-nums}.mk-play .fx .m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-play .fx .m em{font-style:normal;color:var(--muted);margin:0 .3em}.mk-play .fx .lg{color:var(--muted);font-size:.85rem;white-space:nowrap}.mk-play .fx .pk{font-family:var(--font-display);font-weight:800;font-size:1.15rem;min-width:2.4rem;text-align:center;border-radius:6px;padding:0 .3rem}.mk-play .fx .pk.on{background:var(--primary-soft);border:1.5px solid var(--black)}.mk-play .fx .pk.no{border:1.5px dashed var(--line-strong);color:var(--muted);font-family:var(--font);font-size:.8rem;font-weight:700}.mk-play .inv-av{width:3.2rem;height:3.2rem;border-radius:50%;background:var(--mode-solo-daily);color:var(--on-primary, var(--surface));display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1.4rem;flex:none}.mk-play .head{display:flex;align-items:baseline;gap:1.2rem;flex-wrap:wrap;padding:1.1rem 2vw .8rem}.mk-play .head h1{margin:0;font-family:var(--font-display);font-size:2.4rem;line-height:1}.mk-play .head p{margin:0;font-size:1.15rem;color:var(--muted)}.mk-play .inv{display:flex;align-items:center;gap:1.4rem;margin:0 2vw .9rem;padding:1rem 1.4rem;border-radius:14px;background:var(--black);color:var(--on-dark)}.mk-play .inv h2{margin:0;font-family:var(--font-display);font-size:2rem;line-height:1.05;color:inherit}.mk-play .inv p{margin:.2rem 0 0;color:var(--on-dark-muted);font-size:1.05rem}.mk-play .inv .acts{margin-left:auto;display:flex;align-items:center;gap:1.2rem}.mk-play .inv .acts .s{color:var(--on-dark);font-weight:600;border:0;background:none;padding:0;text-decoration:underline}.mk-play .doors{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.9rem;padding:0 2vw 1.2rem;min-height:0}@media(min-width:900px){.mk-play .doors[data-count="2"]{grid-template-columns:2fr 1fr}.mk-play .doors[data-count="3"]{grid-template-columns:2fr 1fr 1fr}.mk-play .doors[data-count="4"]{grid-template-columns:2fr 1fr 1fr 1fr}}.mk-play .door{display:flex;flex-direction:column;gap:.9rem;background:var(--surface);border:2px solid var(--line);border-top:.7rem solid var(--c);border-radius:14px;padding:1.1rem 1.2rem 1.2rem;min-width:0;container-type:inline-size}.mk-play .door.hot{border-color:var(--black);border-top-color:var(--c);box-shadow:0 0 0 3px var(--primary)}.mk-play .door.dim{opacity:.6}.mk-play .door h2{margin:0;font-family:var(--font-display);font-size:min(clamp(2rem,2.6vw,3.6rem),16cqi);line-height:1;white-space:nowrap}.mk-play .door .what{margin:0;font-size:1.1rem;line-height:1.35}.mk-play .stats{display:grid;gap:.6rem}.mk-play .stats div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;min-width:0;border-bottom:1px solid var(--line);padding-bottom:.45rem}.mk-play .stats b{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,2vw,2.8rem);line-height:1}.mk-play .stats span{color:var(--muted);font-weight:600;min-width:0;overflow-wrap:break-word}.mk-play .stats b.txt{font-family:var(--font);font-size:1.05rem;line-height:1.2;overflow-wrap:break-word;min-width:0;max-width:100%;flex:0 1 auto}.mk-play .door .state{display:grid;gap:.45rem;font-size:1.05rem}.mk-play .door .grow{flex:1 0 auto;min-height:0;display:flex;flex-direction:column;gap:.5rem}.mk-play .door .grow h3{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:var(--font)}.mk-play .door .end{display:grid;gap:.5rem;justify-items:start}.mk-play .door .end .btn-go,.mk-play .door .end .btn-2{width:100%}.mk-play .door.first .end{grid-template-columns:auto 1fr;align-items:center;gap:1.2rem}.mk-play .door.first .end .btn-go{width:auto;min-width:16rem}.mk-play .tsbox{grid-column:1 / -1;justify-self:stretch;contain:inline-size;min-width:0}.mk-play .tsbox .tshint{margin:.3rem 0 0}.mk-play .inv .acts{flex-wrap:wrap;justify-content:flex-end}.mk-play .inv .acts .tsbox{flex:0 0 100%}.mk-play .door .note{font-size:.88rem;color:var(--muted);margin:0}.mk-play .dailyin{display:flex;flex-direction:column;gap:.9rem;flex:1;min-height:0}.mk-play .dailyin .stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.6rem 1rem}.mk-play .how{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;counter-reset:h}.mk-play .how li{counter-increment:h;display:flex;gap:.6rem;align-items:center;font-weight:600}.mk-play .how li:before{content:counter(h);width:1.6rem;height:1.6rem;border-radius:50%;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex:none}.mk-play .last{font-size:.95rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.5rem;margin:0}.mk-play .spacer{flex:1}.mk-play .stats div{min-width:0}.mk-play .stats b{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mk-play .fxwrap{flex:1;min-height:0;position:relative}.mk-play .fxwrap .fx{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;align-content:start}.mk-play .fx li.more{display:block;border-left-width:1px;color:var(--muted);font-size:.9rem}.mk-play .fx .seeall{background:none;border:0;padding:0;color:var(--primary);font-weight:700;text-decoration:underline}.mk-play .empty{margin:0;color:var(--muted)}.mk-play .err{color:var(--danger);font-weight:600;margin:0 2vw .6rem}.mk-friend{margin:0 2vw 1.2rem}@media(max-width:899px){.mk-play .head{padding:.8rem 12px .5rem;gap:.3rem}.mk-play .head h1{font-size:1.7rem}.mk-play .head p{font-size:1rem}.mk-play .inv{margin:0 12px .7rem;flex-wrap:wrap;gap:.7rem;padding:.9rem}.mk-play .inv h2{font-size:1.45rem}.mk-play .inv .acts{margin-left:0;width:100%;flex-direction:column;align-items:stretch;gap:.5rem;text-align:center}.mk-play .doors{grid-template-columns:1fr;padding:0 12px 1rem;gap:.6rem}.mk-play .door{padding:.8rem;gap:.6rem}.mk-play .door h2{font-size:1.7rem}.mk-play .door .what{font-size:.98rem}.mk-play .dailyin{gap:.6rem}.mk-play .door.first .end{grid-template-columns:1fr}.mk-play .door.first .end .btn-go{width:100%;min-width:0}.mk-play .btn-go{width:100%}.mk-play .fx li{grid-template-columns:3rem minmax(0,1fr) auto;gap:.5rem;font-size:.92rem;padding:.4rem .5rem}.mk-play .fx .lg{display:none}.mk-play .fxwrap{flex:none}.mk-play .fxwrap .fx{position:static}.mk-play .door:not(.first) .stats,.mk-play .door:not(.first) .grow{display:none}.mk-play .door:not(.first){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem .8rem;border-top-width:2px;border-left:.6rem solid var(--c)}.mk-play .door:not(.first) h2{font-size:1.4rem}.mk-play .door:not(.first) .what,.mk-play .door:not(.first) .state{grid-column:1;font-size:.9rem}.mk-play .door:not(.first) .end{grid-column:1 / -1;grid-row:auto}.mk-play .door:not(.first) .end .btn-2,.mk-play .door:not(.first) .end .btn-go{width:auto}.mk-play .door:not(.first) .note{display:none}.mk-play .stats b{font-size:1.5rem}.mk-play .stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,6.5rem),1fr));gap:.4rem}.mk-play .stats div{flex-direction:column;gap:0}.mk-play .err{margin:0 12px .6rem}.mk-friend{margin:0 12px 1rem}}.mk-play .strip{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .3rem;min-width:0;padding:.5rem .6rem;border-radius:10px;background:var(--surface-2)}.mk-play .strip .st{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1 1 4.6rem;min-width:0;text-align:center}.mk-play .strip .st .pic{height:1.7rem;display:flex;align-items:center}.mk-play .strip .st em{font-style:normal;font-size:.8rem;overflow-wrap:break-word;max-width:100%;font-weight:700;line-height:1.1}.mk-play .strip .ar{flex:none;display:flex}.mk-play .strip .ar svg{width:14px;height:14px}.mk-play .pic svg{display:block}.mk-play .vs{font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--muted)}.mk-play .g{color:var(--success)}.mk-play .b{color:var(--accent)}.mk-play .sc{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1.3rem;line-height:1;min-width:3rem;padding:.25rem .45rem;border-radius:7px;background:var(--primary-soft);border:2px solid var(--black);color:var(--text)}.mk-play .sc.real{background:var(--surface);border-color:var(--line-strong)}.mk-play .sc.sm{font-size:1rem;min-width:2.2rem;padding:.15rem .3rem;border-width:1.5px}.mk-play .lad{display:flex;align-items:flex-end;gap:.25rem;height:3rem}.mk-play .lad.sm{height:1.7rem;gap:.15rem}.mk-play .lad.sm i{width:.6rem}.mk-play .lad i{display:block;width:1.1rem;border-radius:3px 3px 0 0;background:var(--surface-2);border:1.5px solid var(--line-strong);border-bottom:0}.mk-play .lad i.me{background:var(--primary);border-color:var(--black)}.mk-play .lad i:nth-child(1){height:35%}.mk-play .lad i:nth-child(2){height:60%}.mk-play .lad i:nth-child(3){height:100%}.mk-play .head .tourlink{align-self:center}.mk-play .tourlink{min-height:40px;margin-left:auto;display:inline-flex;align-items:center;gap:.5rem;border:2px solid var(--black);background:var(--primary-soft);color:var(--text);border-radius:999px;padding:.35rem 1rem;font-weight:700;font-size:.95rem;white-space:nowrap}.mk-play .tourlink:hover{background:var(--primary);color:var(--on-primary, var(--black))}.mk-play .tourlink.quiet{background:none;border-color:var(--line-strong);font-weight:600}.mk-play .tourrow{margin:0 2vw .8rem}.mk-play .tourrow .tourlink{margin-left:0}.mk-play .ov{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--black) 62%,transparent);display:flex;align-items:center;justify-content:center;z-index:20;padding:2vw}.mk-play .sheet{background:var(--bg);border:2px solid var(--black);border-radius:18px;width:min(70rem,100%);max-height:100%;overflow:auto;padding:1.3rem 1.5rem 1.4rem}.mk-play .sheet header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}.mk-play .sheet h2{margin:0;font-family:var(--font-display);font-size:2.2rem;line-height:1}.mk-play .sheet .x{margin-left:auto;align-self:flex-start;border:2px solid var(--black);background:var(--surface);border-radius:999px;width:2.4rem;height:2.4rem;font-weight:800;font-size:1.1rem;line-height:1}.mk-play .core{margin:0 0 .8rem;font-family:var(--font-display);font-weight:700;font-size:1.5rem;line-height:1.15}.mk-play .core span{color:var(--muted);font-weight:600}.mk-play .cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;counter-reset:c}.mk-play .cards li{counter-increment:c;background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:.9rem;display:flex;flex-direction:column;gap:.8rem}.mk-play .cards .art{height:8.5rem;border-radius:10px;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative}.mk-play .cards .art .n{position:absolute;top:.4rem;left:.5rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--black);color:var(--on-dark);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.9rem}.mk-play .cards .art .n:before{content:counter(c)}.mk-play .cards .art .r{display:flex;align-items:center;gap:.6rem}.mk-play .cards .art .lbl{font-size:.8rem;font-weight:700;color:var(--muted)}.mk-play .cards .art .lbl.g{color:var(--success)}.mk-play .cards .art .lbl.goal{font-size:1rem}.mk-play .cards .art .eq{font-size:1.2rem}.mk-play .cards li>b{font-family:var(--font-display);font-size:1.45rem;line-height:1.05}.mk-play .cards p{margin:-.4rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.3}.mk-play .sheet .go{margin-top:1.1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.mk-play .sheet .go .btn-go{width:auto}@media(max-width:899px){.mk-play .tourlink{margin-left:0;padding:.3rem .8rem;font-size:.9rem}.mk-play .tourrow{margin:0 12px .6rem}.mk-play .ov{padding:0;align-items:flex-end}.mk-play .sheet{border-radius:18px 18px 0 0;padding:.9rem 12px 1rem;max-height:92%;width:100%}.mk-play .sheet h2{font-size:1.6rem}.mk-play .core{font-size:1.2rem}.mk-play .cards{grid-template-columns:1fr 1fr;gap:.5rem}.mk-play .cards li{padding:.55rem;gap:.4rem}.mk-play .cards .art{height:5.6rem}.mk-play .cards li>b{font-size:1.1rem}.mk-play .cards p{font-size:.82rem;margin-top:-.2rem}.mk-play .sheet .go .btn-go{width:100%}.mk-play .cards .sc{font-size:1rem;min-width:2.2rem}.mk-play .cards .art svg{width:24px;height:24px}.mk-play .door:not(.first) .strip{grid-column:1 / -1;order:5}}.mk-play .stepwrap{display:contents}.mk-play .ico-ball,.mk-play .ico-glove{fill:var(--surface)}.mk-play .ico-shield{fill:var(--mode-team);stroke:var(--black)}.mk-play .ico-bars{fill:var(--dark-chip)}.mk-play .ico-arrow{stroke:var(--muted)}.mk-play .stats b{flex:none}@container (max-width: 420px){.mk-play .strip .ar{display:none}.mk-play .strip{justify-content:center}}.mk-play .invite-act{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem;min-width:0;max-width:100%}.mk-play .invite-act .quiet{background:none;border:0;padding:.2rem 0;min-height:0;color:var(--muted);font-weight:700;text-decoration:underline;text-underline-offset:3px}.mk-play .leave-link,.mk-play .leave-ask .quiet{background:none;border:0;padding:.2rem 0;min-height:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-weight:700}.mk-play .leave-ask{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .8rem;min-width:0;max-width:100%;font-size:.95rem}.mk-play .invite-line{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem;min-width:0;max-width:100%;font-size:.88rem}.mk-play .invite-line code{font:inherit;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.mk-play .fx .pk.fin{background:var(--black);color:var(--on-dark, #fff);border:1.5px solid var(--black)}.mk-play .clubrow{display:grid;gap:.1rem;margin:0;padding-bottom:.45rem;border-bottom:1px solid var(--line)}.mk-play .clubrow b{font-family:var(--font-display);font-size:1.2rem}.mk-play .clubrow span{color:var(--muted);font-weight:600}.mk-play .clublist{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.mk-play .clublist li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .6rem;border-bottom:1px solid var(--line);padding:.25rem 0}.mk-play .clublist span{color:var(--muted);font-size:.88rem}.mk-play .clublist em{font-style:normal;font-weight:800;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid var(--line-strong);border-radius:6px;padding:0 .4rem;color:var(--muted)}.mk-play.invite-page{max-width:640px;margin:0 auto}.mk-play.play-v2 .doors{padding-bottom:.7rem}.mk-play .head-v2{align-items:center}.mk-play .head-v2 p b{font-family:var(--font-display);font-weight:900;font-size:1.25em;color:var(--on-page, var(--text))}.mk-play .head-v2 .me{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1;color:var(--on-page, var(--text))}.mk-play .head-v2 .me span{font-weight:700;color:var(--on-page-muted, var(--muted))}.mk-play .head-v2 .me b{font-family:var(--font-display);font-weight:900;font-size:1.9em;color:var(--on-page, var(--text))}.mk-play .head-v2 .me small{font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--on-page-muted, var(--muted));margin-top:.15em}.mk-play .head-v2 .tourlink{margin-left:1rem}.mk-play .pline{display:none}.mk-play .pulse{display:flex;flex-direction:column;gap:.2rem;border-top:3px solid var(--ink, var(--black));padding-top:.45rem}.mk-play .pulse>header{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.mk-play .pulse>header b{font-family:var(--font-display);font-weight:800;font-size:1.15rem;text-transform:uppercase;letter-spacing:.03em}.mk-play .pulse>header span{color:var(--muted);font-weight:600;font-size:.9rem}.mk-play .pulse dl{margin:0;display:grid}.mk-play .pulse dl>div{display:grid;gap:0;padding:.35rem 0;border-bottom:1px solid var(--line);min-width:0}.mk-play .pulse dt{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.mk-play .pulse dd{margin:0;font-weight:700;font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.mk-play .pulse dd b{font-family:var(--font-display);font-weight:900;font-size:1.3em}.mk-play .pulse dl>.big dd b{font-size:clamp(2.2rem,2.6vw,3.4rem);line-height:.95;margin-right:.1em}.mk-play .pulse h3{margin:.5rem 0 .1rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.mk-play .door .end .btn-go.join{flex-direction:column;gap:.1rem;min-height:4.2rem;padding:.5rem .8rem;font-size:1.15rem;text-transform:uppercase;letter-spacing:.03em}.mk-play .door .end .btn-go.join span{font-family:var(--font-display);font-weight:900;font-size:1.35em;line-height:1}.mk-play .door .end .btn-go.join small{text-transform:none;letter-spacing:0;font-size:.74rem;font-weight:700}@media(max-width:899px){.mk-play .head-v2{align-items:baseline}.mk-play .head-v2 .me{margin-left:0;flex-direction:row;align-items:baseline;gap:.4em}.mk-play .head-v2 .me b{font-size:1.4em}.mk-play .head-v2 .tourlink{margin-left:auto}.mk-play .door:not(.first) .pline{display:block;grid-column:1;margin:0;font-weight:800;font-size:.88rem}.mk-play .door:not(.first) .end .btn-go.join{min-height:0;padding:.45rem .7rem;font-size:.95rem}.mk-play .door:not(.first) .end .btn-go.join small{display:none}}.mk-play .door .end .btn-go.join,.mk-play .door .end .btn-go.join small{white-space:normal;text-align:center}.mk-play .door .end .btn-go:has(small){padding-block:var(--space-2)}.landing-shell .mk-play .head h1{flex:0 0 100%}.landing-shell .mk-play .head{gap:.3rem 1rem;padding-top:.7rem;padding-bottom:.7rem}:root .landing-shell .mk-play .head .tourlink{margin-left:.2rem;min-height:34px;padding:0 .9rem;border:3px solid #1B0F05;border-radius:10px;background:#fff8ec;color:#1b0f05;box-shadow:3px 3px #00000080;font-weight:800;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}:root .landing-shell .mk-play .head .tourlink:hover{background:#ff7a3d;color:#1b0f05}:root .landing-shell .mk-play .head .tourlink.quiet{background:#fff8ec;border-color:#1b0f05}@media(max-width:899px){:root .landing-shell .mk-play .head .tourlink{margin-left:0}}.sr,.lamp-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pp-lamp{display:block;max-width:100%;min-width:0;height:auto!important}.mode-daily{--mode: #E07B1F;--on-mode: #15171C}.mode-weekly{--mode: #F4C430;--on-mode: #15171C}.mode-team{--mode: #8A4FD0;--on-mode: #FFFFFF}.ppb,.ppb *{box-sizing:border-box}.ppb{font-family:var(--font);color:var(--text)}:where(.ppb) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}:where(.ppb) button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ppb{display:flex;flex-direction:column;height:100%;background:var(--surface);border:3px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink);overflow:hidden}.ppb-top{padding:10px 18px;background:var(--mode);color:var(--on-mode)}.ppb-top h2{margin:0;font:900 22px/1 var(--font-display);text-transform:uppercase;letter-spacing:.06em}.ppb-rail{flex:1;list-style:none;margin:0;padding:14px 16px 4px}.ppb-node{position:relative;padding:0 0 8px 32px;min-height:30px}.ppb-node:before{content:"";position:absolute;left:10px;top:24px;bottom:-4px;width:3px;border-radius:2px;background:repeating-linear-gradient(180deg,var(--line-strong) 0 6px,transparent 6px 11px)}.ppb-node.st-done:before{background:var(--mode)}.ppb-node:last-child:before{display:none}.ppb-dot{position:absolute;left:0;top:2px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:3px solid var(--mode);background:var(--surface);color:var(--on-mode);font:900 12px/1 var(--font);font-style:normal}.st-done>.ppb-dot{background:var(--mode)}.st-next>.ppb-dot{border:2px dashed var(--line-strong)}.st-now>.ppb-dot{top:12px;left:-3px;width:28px;height:28px;background:var(--mode);box-shadow:0 0 0 5px color-mix(in srgb,var(--mode) 26%,var(--surface))}.ppb-node.st-now:before{top:42px}.ppb-line{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:24px}.ppb-line b{font:900 18px/1.1 var(--font-display);text-transform:uppercase;letter-spacing:.02em}.ppb-line span{font:700 16px/1.2 var(--font);font-variant-numeric:tabular-nums;text-align:right}.st-done .ppb-line span{color:var(--muted)}.ppb-line.folded b{color:var(--text)}.st-next .ppb-line b{color:var(--muted)}.pp-pips{display:inline-flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.pp-pips i{width:14px;height:14px;border-radius:3px;background:var(--tf);display:block}.pp-pips i.blank{background:none;border:2px dashed var(--line-strong)}.ppb-hero{display:grid;gap:8px;padding:12px 14px 14px 16px;background:var(--ink);color:var(--on-dark);border-radius:12px;box-shadow:inset 6px 0 0 var(--mode);margin-left:-2px}.ppb-kicker{display:flex;align-items:center;gap:8px;margin:0;font:900 13px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-muted)}.ppb-kicker i{width:9px;height:9px;border-radius:50%;background:var(--mode)}.who-live .ppb-kicker i{animation:pp-blink 1.4s steps(2,jump-none) infinite}.ppb-ask{margin:0;min-height:1.9em;display:flex;align-items:flex-end;font:900 28px/.95 var(--font-display);text-transform:uppercase;text-wrap:balance}.ppb-sub{margin:0;font:600 15px/1.2 var(--font);color:var(--on-dark-muted)}.ppb-hero .pp-pips i.blank{border-color:#f7f3f073}.ppb-score{display:grid;gap:4px}.ppb-score b{font:900 48px/.9 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em}.ppb-score b i{font-style:normal;margin:0 .12em;opacity:.6}.ppb-score span{font:800 15px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--on-dark-muted)}.pp-clock{display:grid;gap:8px;justify-items:start}.pp-plate{display:inline-grid;place-items:center;padding:7px 12px;background:#0b0b0c;border:3px solid #2e2e30;border-radius:10px;box-shadow:inset 0 0 0 2px #000;max-width:100%;min-width:0}.pp-clockline{margin:0;font:800 12px/1.3 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--on-dark)}.ppb button.ppb-go.ppb-go{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin-top:2px;padding:8px 14px;border:3px solid var(--on-dark);border-radius:10px;font:900 18px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark)}.ppb button.ppb-go.ppb-go.primary{background:var(--on-dark);color:var(--ink)}.ppb-go i{font-style:normal;margin-left:.3em}.ppb-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 16px 12px;background:var(--ink);color:var(--on-dark)}.ppb-vs{font:900 17px/1.15 var(--font-display);text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}.ppb-foot b{flex:none;font:900 22px/1 var(--font-display);text-transform:uppercase;white-space:nowrap}.ppb-foot b small{font:800 15px/1 var(--font-display);opacity:.75}.pp-live{margin:8px 0 0 -2px}.pp-rows{list-style:none;margin:0;padding:0}.pp-row{display:grid;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:5px 12px;padding:8px 0;border-top:1px solid var(--line)}.pp-rows .pp-row:first-child{border-top:0}.pp-row .pp-bar{align-self:stretch;width:6px;border-radius:3px;background:var(--tf);padding:0;border:0}.pp-teams{display:block;min-width:0;font:700 15px/1.2 var(--font)}.pp-teams b{display:block;font-weight:800;overflow-wrap:anywhere}.pp-teams i{display:none}.pp-teams b+i+b:before{content:"v ";font-weight:600;opacity:.55}.pp-teams small{display:block;margin-top:2px;font:700 13px/1.2 var(--font);color:var(--muted)}.pp-row.own-theirs .pp-teams small{color:var(--text)}.pp-fscore{display:grid;justify-items:center;min-width:58px}.pp-fscore b{font:900 26px/1 var(--font-display);font-variant-numeric:tabular-nums}.pp-fscore b.ko{font-size:22px;color:var(--muted)}.pp-fscore small{font:800 11px/1.2 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pp-fscore.hit-mine b{color:var(--stream-green)}.pp-fscore.hit-theirs b{color:var(--stream-red)}.pp-row.hit .pp-fscore small:before{content:"●";margin-right:.3em}.pp-fscore.hit-mine small:before{color:var(--stream-green)}.pp-fscore.hit-theirs small:before{color:var(--stream-red)}.pp-preds{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:6px}.pp-pred{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;border:2px solid var(--ink);background:var(--surface)}.pp-pred em{font:900 15px/1 var(--font-display);font-style:normal;font-variant-numeric:tabular-nums}.pp-st{font:800 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.pp-st:before{margin-right:.35em}.pp-st.quiet{font-size:0}.pp-st.quiet:before{margin:0;font-size:13px}.st-scored .pp-st:before{content:"✓"}.st-on .pp-st:before{content:"●"}.st-possible .pp-st:before{content:"○"}.st-out .pp-st:before{content:"✕"}.st-saved .pp-st:before{content:"◆"}.st-waiting .pp-st:before{content:"·"}.pp-pred.st-scored{background:var(--ink);color:var(--bg)}.pp-pred.st-saved{box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 4px var(--ink);padding:5px 11px}.pp-pred.st-on{border-width:3px;padding:1px 7px}.pp-pred.st-possible{border-style:dashed}.pp-pred.st-waiting{border-color:var(--line-strong);border-style:dotted;color:var(--muted)}.pp-pred.st-out{border-color:var(--line-strong);color:var(--muted);background:transparent}.pp-pred.st-out em{text-decoration:line-through}.pp-live button.pp-more.pp-more{display:block;width:100%;padding:10px 0 2px;font:800 14px/1 var(--font);letter-spacing:.04em;text-decoration:underline;text-underline-offset:4px}@keyframes pp-blink{50%{opacity:.15}}@media(prefers-reduced-motion:reduce){.who-live .ppb-kicker i{animation:none}}.mk-play .doors.pp-equal{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch}@media(max-width:899px){.mk-play .doors.pp-equal{grid-template-columns:minmax(0,1fr)!important}}.pp-slot{display:flex;flex-direction:column;gap:.5rem;min-width:0}.pp-slot>.ppb{flex:1;height:auto}.ppb-warn{margin:0;padding:6px 16px;font:800 13px/1.2 var(--font);letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2, var(--surface));border-top:2px solid var(--ink)}.mk-howto{--mk-rem: clamp(15px, calc(8px + .6vw) , 24px);--sx-fd: "Barlow Condensed", "Arial Narrow", sans-serif;--sx-ink: var(--ink, var(--black));--sx-edge: var(--card-edge, 2px solid var(--line));--sx-shadow: var(--card-shadow, none);display:flex;flex-direction:column;flex:1;min-width:0;font-family:var(--font);font-size:var(--mk-rem);line-height:normal;font-weight:400;color:var(--text)}@media(max-width:899px){.mk-howto{--mk-rem: 15px}}.mk-howto,.mk-howto *{box-sizing:border-box}.mk-howto button{font:inherit;color:inherit;cursor:pointer}.mk-howto a{color:inherit}.mk-howto .wrap{margin:0;padding:calc(1.2 * var(--mk-rem)) 2vw calc(2 * var(--mk-rem));width:100%}.mk-howto h1{margin:0;font-family:var(--font-display);font-size:calc(2.4 * var(--mk-rem));line-height:1}.mk-howto .sub{margin:calc(.3 * var(--mk-rem)) 0 calc(1 * var(--mk-rem));color:var(--muted);font-size:calc(1.1 * var(--mk-rem))}.mk-howto .sub a{display:inline-flex;align-items:center;min-height:40px}.mk-howto .panel{display:none}.mk-howto .panel.on{display:block}.mk-howto .steps{list-style:none;margin:0;padding:0;display:grid;gap:calc(.8 * var(--mk-rem))}.mk-howto .card{display:grid;grid-template-columns:calc(3 * var(--mk-rem)) 1fr;gap:calc(.2 * var(--mk-rem)) calc(1 * var(--mk-rem));background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:calc(.9 * var(--mk-rem)) calc(1 * var(--mk-rem))}.mk-howto .card .n{width:calc(2.6 * var(--mk-rem));height:calc(2.6 * var(--mk-rem));border-radius:50%;background:var(--primary);border:2px solid var(--black);font-family:var(--font-display);font-weight:800;font-size:calc(1.4 * var(--mk-rem));display:flex;align-items:center;justify-content:center}.mk-howto .card p{margin:0;align-self:center;font-weight:700;font-size:calc(1.25 * var(--mk-rem));line-height:1.25}.mk-howto .card .pic{grid-column:2;margin-top:calc(.5 * var(--mk-rem))}.mk-howto .pic{border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;background:var(--bg)}.mk-howto .pic img{display:block;max-width:100%;height:auto;margin:0 auto}.mk-howto h3.sec{font-family:var(--font-display);font-size:calc(1.7 * var(--mk-rem));margin:calc(1.6 * var(--mk-rem)) 0 calc(.6 * var(--mk-rem))}.mk-howto .tips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:calc(.5 * var(--mk-rem))}.mk-howto .tips li{background:var(--primary-soft);border:1px solid var(--line-strong);border-radius:999px;padding:calc(.4 * var(--mk-rem)) calc(.9 * var(--mk-rem));font-weight:600}@media(max-width:899px){.mk-howto h1{font-size:calc(1.7 * var(--mk-rem))}.mk-howto .wrap{padding:calc(.8 * var(--mk-rem)) 12px calc(1.5 * var(--mk-rem))}.mk-howto .card{grid-template-columns:calc(2.4 * var(--mk-rem)) 1fr;gap:calc(.2 * var(--mk-rem)) calc(.7 * var(--mk-rem));padding:calc(.7 * var(--mk-rem))}.mk-howto .card .n{width:calc(2.2 * var(--mk-rem));height:calc(2.2 * var(--mk-rem));font-size:calc(1.2 * var(--mk-rem))}.mk-howto .card p{font-size:calc(1.1 * var(--mk-rem))}}.mk-howto.ht-v2 .ht-head{display:flex;align-items:baseline;gap:.3em 1.1em;flex-wrap:wrap;margin-bottom:calc(.8 * var(--mk-rem))}.mk-howto.ht-v2 .ht-head .sub{margin:0}.mk-howto .mboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(.7 * var(--mk-rem));margin-bottom:calc(1 * var(--mk-rem))}.mk-howto .mt{display:flex;flex-direction:column;min-width:0;background:var(--surface-2);color:var(--text);border:var(--sx-edge);border-top:calc(.55 * var(--mk-rem)) solid var(--c);border-radius:14px;overflow:hidden}.mk-howto .mt.on{background:var(--surface);box-shadow:var(--sx-shadow),0 0 0 4px var(--primary);border-top-color:var(--c)}.mk-howto .mt button{display:flex;flex-direction:column;gap:.3em;padding:.7em .9em .4em;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}.mk-howto .mt .nm{font-family:var(--sx-fd);font-weight:800;font-size:1.75em;line-height:1;text-transform:uppercase}.mk-howto .mt .what{color:var(--muted);font-size:.92em;line-height:1.25}.mk-howto .mt .facts{display:flex;flex-wrap:wrap;gap:.2em .9em;margin-top:.15em;font-weight:600;font-size:.92em}.mk-howto .mt .facts b{font-family:var(--sx-fd);font-weight:900;font-size:1.55em;line-height:1}.mk-howto .mt .when{display:block;padding:0 .9rem .7em;padding-left:.9em;font-size:.85em;font-weight:700;color:var(--muted)}.mk-howto .mt .act{margin-top:auto;display:flex;flex-direction:column;gap:.45em;padding:.2em .9em .9em}.mk-howto .mt .act .when{padding:0;color:var(--text)}.mk-howto .btn-go{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary);color:var(--on-primary);border:3px solid var(--sx-ink);border-radius:12px;padding:.55em 1em;font-weight:800;font-size:1.1em;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;box-shadow:4px 4px 0 var(--sx-ink);line-height:1.15}.mk-howto .btn-go small{text-transform:none;letter-spacing:0;font-weight:600;font-size:.72em}.mk-howto .btn-go[aria-disabled=true]{background:transparent;color:inherit;box-shadow:none;cursor:default}.mk-howto.ht-v2 .steps.sgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(.6 * var(--mk-rem));align-items:stretch}.mk-howto.ht-v2 .sgrid .card{grid-template-columns:calc(2.2 * var(--mk-rem)) minmax(0,1fr);grid-template-rows:auto 1fr;align-content:start;gap:.4em .6em;padding:.7em .75em;border:2px solid var(--sx-ink)}.mk-howto.ht-v2 .sgrid .card .n{width:calc(2.1 * var(--mk-rem));height:calc(2.1 * var(--mk-rem));font-size:calc(1.15 * var(--mk-rem))}.mk-howto.ht-v2 .sgrid .card p{font-size:calc(.98 * var(--mk-rem));line-height:1.28;align-self:start}.mk-howto.ht-v2 .sgrid .card .pic{grid-column:1 / -1;margin:0;height:calc(9.5 * var(--mk-rem));display:flex;align-items:center;justify-content:center;align-self:end}.mk-howto.ht-v2 .sgrid .card .pic img{max-height:100%;width:auto;max-width:100%;object-fit:contain}.mk-howto .ht-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:calc(.8 * var(--mk-rem));margin-top:calc(1 * var(--mk-rem))}.mk-howto .ht-foot .card.hf{display:block;padding:.8em 1em 1em}.mk-howto .ht-foot h3.sec{margin:0 0 .45em;font-size:calc(1.35 * var(--mk-rem));text-transform:uppercase;font-family:var(--sx-fd);font-weight:800}.mk-howto .ht-foot h3.sec+*+h3.sec,.mk-howto .ht-foot .doing+h3.sec{margin-top:.8em}.mk-howto .doing{list-style:none;margin:0;padding:0;display:grid;gap:.3em}.mk-howto .doing b{font-family:var(--sx-fd);font-weight:800;font-size:1.15em;text-transform:uppercase;margin-right:.3em}.mk-howto.ht-v2 .tips li{padding:.25em .75em;font-size:.92em}.mk-howto .faq2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45em .8em}.mk-howto .faq2 details{border:2px solid var(--sx-ink);border-radius:10px;padding:.45em .7em;background:var(--primary-soft)}.mk-howto .faq2 summary{font-weight:700;cursor:pointer}.mk-howto .faq2 p{margin:.35em 0 0}:root[data-theme-look=surf] .ht-v2 .wrap>.ht-head h1{font-size:3.1rem}:root[data-theme-look=surf] .ht-v2 .card{border:var(--card-edge);box-shadow:var(--card-shadow)}:root[data-theme-look=surf] .mk-howto.ht-v2 .ht-head .sub a{color:var(--on-page)}@media(min-width:1900px){.mk-howto.ht-v2 .steps.sgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:899px){:root[data-theme-look=surf] .ht-v2 .wrap>.ht-head h1{font-size:2.3rem}.mk-howto .mboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em}.mk-howto .mt button{padding:.5em .6em .3em}.mk-howto .mt .nm{font-size:1.3em}.mk-howto .mt .what,.mk-howto .mt:not(.on) .when{display:none}.mk-howto .mt .facts{gap:0 .6em;font-size:.85em}.mk-howto .mt .facts b{font-size:1.3em}.mk-howto .mt.on{grid-column:1 / -1;grid-row:1}.mk-howto .mt.on .what{display:block}.mk-howto .mt .act{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.2em .6em .6em}.mk-howto .mt .act .btn-go{font-size:1em}.mk-howto.ht-v2 .steps.sgrid{grid-template-columns:1fr;gap:.4em}.mk-howto.ht-v2 .sgrid .card{grid-template-columns:calc(2.1 * var(--mk-rem)) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;padding:.55em .6em .6em;gap:.45em .6em}.mk-howto.ht-v2 .sgrid .card p{font-size:.98em;align-self:center}.mk-howto.ht-v2 .sgrid .card .pic{grid-column:1 / -1;height:auto;display:block}.mk-howto.ht-v2 .sgrid .card .pic img{width:100%;max-height:none;height:auto}.mk-howto .ht-foot,.mk-howto .faq2{grid-template-columns:1fr}}.mk-howto .faq2 details.saves{grid-column:1 / -1}.mk-howto .saves .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mk-howto .saves-ex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em;margin:.6em 0 .2em}.mk-howto .saves-ex .lamp{background:#1a1612;border:2px solid var(--sx-ink);border-radius:8px;padding:.4em 0;line-height:0;overflow:hidden}.mk-howto .saves-ex canvas{display:block;margin:0 auto}@media(max-width:899px){.mk-howto .saves-ex{grid-template-columns:1fr}}.mk-howto.ht-v2 .ht-head .sub.def{flex-basis:100%;order:3}:root .mk-nav{--hp-orange: #FF7A3D;--hp-ink: #1B0F05;--hp-strip: var(--black, #0B0B0B)}:root .mk-nav .lamp-board{order:2;border-color:#3a3a3a;border-width:4px;border-radius:6px;padding:5px 6px}:root .mk-nav .lamp-brand{position:absolute;top:0;bottom:0;left:0;width:var(--brand-w, 0px);z-index:1}:root .mk-nav .lamp-alpha{position:absolute;left:0;top:50%;bottom:0;width:var(--brand-w, 0px);pointer-events:none}@media(max-width:899px){:root .mk-nav .lamp-alpha{display:none}}@media(max-width:899px){:root .mk-nav .lamp-brand{bottom:50%}}:root .mk-nav .lamp-brand:focus-visible{outline:3px solid #fff;outline-offset:1px}:root header.topbar.mk-nav.mk-nav{padding:10px 2vw 0;gap:12px 14px;border-bottom:6px solid var(--hp-orange)}:root header.topbar.mk-nav.mk-nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:54px;background:var(--hp-strip);z-index:-1}:root .mk-nav .topbar-notifications,:root .mk-nav .signin{margin-left:4px}:root .mk-nav .signin{align-self:stretch;height:auto;min-height:44px;padding:0 30px;border:3px solid var(--hp-ink);border-radius:10px;background:var(--hp-orange);color:var(--hp-ink);box-shadow:4px 4px #00000080;font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}:root .mk-nav .signin:hover:not(:disabled){background:#ff9460;color:var(--hp-ink)}:root .mk-nav .signin:focus-visible{outline:3px solid #fff;outline-offset:3px}:root header.topbar.mk-nav>nav{gap:6px;height:54px;align-items:flex-end;overflow:visible;flex-basis:calc(100% - 84px)}:root header.topbar.mk-nav nav a.l{position:relative;display:inline-flex;align-items:center;height:44px;padding:0 24px;border-bottom:0;border-radius:10px 10px 0 0;font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:#ffffff1a}:root header.topbar.mk-nav nav a.l:hover{background:#fff3}:root header.topbar.mk-nav nav a.l.on{height:54px;margin-bottom:-6px;padding-bottom:6px;background:var(--hp-orange);color:var(--hp-ink)}:root header.topbar.mk-nav nav a.l:focus-visible{outline:3px solid currentColor;outline-offset:-5px}:root .mk-nav .theme-picker{height:54px;display:flex;align-items:center;margin-left:0}:root .mk-nav .theme-picker>.ui-btn.theme-picker-dot{color:#fff;opacity:.9}:root .mk-nav .menu-btn{width:44px;height:44px;margin-left:0;border-radius:8px;background:var(--hp-orange);color:var(--hp-ink)}:root .mk-nav .menu-btn svg{width:26px;height:26px}:root .mk-nav .menu-panel{background:var(--hp-strip);color:#fff}:root .mk-nav .menu-panel a,:root .mk-nav .menu-panel .theme-menu .ui-btn{color:#fff}:root .mk-nav .menu-panel a:hover,:root .mk-nav .menu-panel .theme-menu .ui-btn:hover{background:#ffffff24}:root .mk-nav .menu-panel .theme-menu .ui-btn[aria-pressed=true]{background:#ffffff38}:root .mk-nav .menu-panel a.menu-rules{color:#fffc}:root .mk-nav .menu-panel a{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}:root .mk-nav .menu-panel a.menu-rules{font-size:16px;font-weight:700}:root .mk-nav .menu-panel a.on{background:var(--hp-orange);border-left-color:var(--hp-ink);color:var(--hp-ink)}@media(max-width:899px){:root header.topbar.mk-nav.mk-nav{padding-top:8px}:root .mk-nav .signin{align-self:auto;height:44px;padding:0 18px;font-size:18px;box-shadow:3px 3px #00000080}}@media(max-width:767px){:root header.topbar.mk-nav.mk-nav{padding:8px 12px 10px;gap:8px}:root header.topbar.mk-nav.mk-nav:after{display:none}:root .mk-nav .topbar-notifications,:root .mk-nav .signin{margin-left:auto}:root .mk-nav .lamp-board{order:10;flex:1 1 100%}:root .mk-nav .topbar-right>.theme-picker{display:none}}:root .mk-nav .account-name.guest-name{display:inline-flex;min-width:0;max-width:16ch}:root .mk-nav .guest-words{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root .mk-nav .guest-tag{flex:none;white-space:nowrap}:root .mk-nav .account-pop,:root .mk-nav .theme-menu{font-size:18px;min-width:240px}:root .mk-nav .account-pop a,:root .mk-nav .account-pop .ui-btn,:root .mk-nav .theme-menu .ui-btn{font-size:18px;font-weight:700;min-height:48px;padding:8px 12px}:root .mk-nav .theme-picker-label{position:relative;order:-1;width:0;height:0;flex:none}:root .mk-nav .theme-picker-label>span{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap}:root .mk-nav .menu-panel .theme-picker{display:flex;flex-wrap:wrap;align-items:center;height:auto}:root .mk-nav .menu-panel .theme-picker-label{display:block;order:0;position:static;width:auto;height:auto;flex:1}:root .mk-nav .menu-panel .theme-picker-label>span{position:static;transform:none;font-size:18px}:root .mk-nav .menu-panel .theme-menu{flex:1 1 100%;position:static;width:100%;min-width:0;margin:0;padding:0;background:none;border:0;box-shadow:none}@media(max-width:1100px){:root .mk-nav .theme-picker-label{display:none}}.qw{display:grid;align-content:center;gap:.5rem;padding:1rem 1.1rem;border:3px solid var(--ink, var(--black));border-radius:10px;background:var(--accent);color:var(--on-accent)}.qw p{margin:0}.qw-big{display:flex;align-items:center;gap:.6rem;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1}.qw-dot{flex:none;width:.7em;height:.7em;border-radius:50%;background:var(--primary);box-shadow:0 0 0 .18em var(--on-accent);animation:qw-pulse 1.2s ease-in-out infinite}@keyframes qw-pulse{50%{transform:scale(.65)}}@media(prefers-reduced-motion:reduce){.qw-dot{animation:none}}.qw-timer{display:flex;align-items:baseline;gap:.6rem}.qw-timer b{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:900;font-size:clamp(2.4rem,4.4vw,3.6rem);line-height:1;font-variant-numeric:tabular-nums;border-left:.22em solid var(--primary);padding-left:.3em}.qw-timer span{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.qw-next{font-size:1rem;font-weight:600}.guest-chip{display:inline-flex;align-items:baseline;max-width:100%;padding:.3rem .85rem;border:2px solid var(--glow, var(--line-strong));border-radius:999px;background:var(--black);color:var(--on-dark);font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:1.25rem;line-height:1.1;white-space:pre}.guest-chip .gc-words{min-width:0;overflow:hidden;text-overflow:ellipsis}.guest-chip .gc-tag{flex:none;color:var(--primary)}.guest-id{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin-left:auto}.guest-id .gi-label{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.guest-id .gi-register{text-decoration:none;display:inline-flex;align-items:center;min-height:40px;padding:0 1rem;border-radius:10px}@media(max-width:767px){.guest-id{margin-left:0;width:100%}.guest-chip{font-size:1.1rem}}.guest-id.guest-foot{margin:0;padding:.7rem 2vw;background:var(--black);color:var(--on-dark);border-top:4px solid var(--primary)}.guest-id.guest-foot .guest-chip{border-color:var(--on-dark-muted)}@media(max-width:767px){.guest-id.guest-foot{padding:.7rem 12px}}.guest-room{display:flex;flex-direction:column;min-height:100vh}.guest-room>.app-shell{flex:1 0 auto;min-height:0}.privacy-page{max-width:760px;margin:14px auto;padding:16px clamp(16px,3vw,32px);background:var(--surface);color:var(--text);border:3px solid var(--text);border-radius:var(--radius-md);box-shadow:6px 6px 0 var(--accent)}.privacy-page h1{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.5rem);text-transform:uppercase}.privacy-page h2{margin:14px 0 6px;font-size:var(--fs-xl)}.privacy-page p{margin:0 0 10px;max-width:70ch}@media(max-width:560px){.privacy-page{margin:16px 12px}}@media(min-width:1000px){.privacy-page{max-width:1040px}.privacy-cols{columns:2;column-gap:44px}.privacy-cols section{break-inside:avoid}.privacy-cols section:first-child h2{margin-top:0}}:root .mk-nav .topbar-privacy{position:static;order:3;flex:none;color:var(--topbar-text, var(--text));font-size:var(--fs-sm);font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}:root .mk-nav .topbar-privacy:hover{color:var(--topbar-text, var(--text))}@media(max-width:767px){:root .mk-nav .topbar-privacy{display:none}}:root[data-theme-look=editorial]:root{--bg: #f6f4ef;--surface: #ffffff;--surface-2: #ece8df;--text: #121212;--muted: #4a463f;--line: #d2cbbb;--line-strong: #6b655a;--primary: #b11d1d;--primary-soft: #f8e7e5;--black: #121212;--on-primary: #ffffff;--on-dark: #f6f4ef;--on-dark-muted: #d2cbbb;--dark-chip: #302d2a;--accent: #334e68;--accent-soft: #e8edf1;--on-accent: #ffffff;--success: #1c6b2c;--success-soft: #e5f2e7;--warning: #805100;--warning-soft: #f5ebd6;--danger: #b11d1d;--danger-soft: #f8e7e5;--on-danger: #ffffff;--mode-solo-weekly: #b11d1d;--mode-solo-daily: #805100;--mode-team: #334e68;--mode-advanced: #302d2a;--league-1: #334e68;--league-2: #1c6b2c;--league-3: #b11d1d;--league-4: #654a7b;--league-5: #805100;--league-6: #8b4265;--focus: #334e68;--cat-blue: #334e68;--cat-green: #1c6b2c;--cat-red: #b11d1d;--overlay: rgba(18, 18, 18, .55);--turn-ink: #121212;--surface-raised: var(--surface);--surface-sunken: var(--surface-2);--text-muted: var(--muted);--text-inverse: var(--on-dark);--border: var(--line);--border-strong: var(--line-strong);--action: var(--primary);--action-hover: #8f1717;--action-foreground: var(--on-primary);--goal: var(--success);--save: var(--accent);--focus-ring: var(--focus);--shadow: rgba(18, 18, 18, .1);--font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-display: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-pill: 999px;--texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .025 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--theme-swatch-a: #f6f4ef;--theme-swatch-b: #b11d1d;--topbar-bg: var(--surface);--topbar-text: var(--text)}:root[data-theme-look=editorial] body{background-image:var(--texture)}:root[data-theme-look=orange]:root{--bg:#FFF7EC;--surface:#FFFFFF;--surface-2:#FFE7CC;--text:#1B0F05;--muted:#5A4636;--line:#E5CFB6;--line-strong:#7A5A40;--primary:#FF6A00;--primary-soft:#FFE7CC;--black:#1B0F05;--on-primary:#1B0F05;--on-dark:#FFF7EC;--on-dark-muted:#E5CFB6;--dark-chip:#3A2616;--accent:#B34700;--accent-soft:#FFE7CC;--on-accent:#FFFFFF;--success:#1B6B2E;--success-soft:#E3F2E6;--warning:#805000;--warning-soft:#FBEBCB;--danger:#B3261E;--danger-soft:#FBE3E0;--on-danger:#FFFFFF;--mode-solo-weekly:#B34700;--mode-solo-daily:#FF6A00;--mode-team:#1B0F05;--mode-advanced:#3A2616;--league-1:#B34700;--league-2:#1B6B2E;--league-3:#B3261E;--league-4:#654A7B;--league-5:#805000;--league-6:#8B4265;--focus:#1B0F05;--cat-blue:#B34700;--cat-green:#1B6B2E;--cat-red:#B3261E;--overlay:rgba(27,15,5,.55);--turn-ink:#1B0F05;--surface-raised:var(--surface);--surface-sunken:var(--surface-2);--text-muted:var(--muted);--text-inverse:var(--on-dark);--border:var(--line);--border-strong:var(--line-strong);--action:var(--primary);--action-hover:#E65F00;--action-foreground:var(--on-primary);--goal:var(--success);--save:var(--accent);--focus-ring:var(--focus);--shadow:rgba(27,15,5,.1);--font:"Red Hat Text","Segoe UI",system-ui,sans-serif;--font-display:"Red Hat Display","Segoe UI",system-ui,sans-serif;--font-mono:"Red Hat Mono",Consolas,"Courier New",monospace;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--texture:none;--theme-swatch-a:#FF6A00;--theme-swatch-b:#1B0F05;--topbar-bg:#FF6A00;--topbar-text:#1B0F05}:root[data-theme-look=orange] body{background-image:var(--texture)}:root[data-theme-look=orange] .ui-btn:not(.ui-btn-ghost):not(.theme-picker-dot){border-width:2px;border-color:var(--text)}:root[data-theme-look=orange] .ui-panel{border:2px solid var(--text)}:root[data-theme-look=orange] .login-card .login-brand{color:var(--text)}:root[data-theme-look=matchday]:root{--bg:#F7F3F0;--surface:#EFE6E3;--surface-2:#E7D9D5;--text:#171214;--muted:#5E5357;--line:#DCCFCB;--line-strong:#76666B;--primary:#E8232A;--primary-soft:#FDE7E7;--black:#171214;--on-primary:#050505;--on-dark:#F7F3F0;--on-dark-muted:#D9CFD1;--dark-chip:#30272A;--accent:#7A1116;--accent-soft:#F3E3E4;--on-accent:#FFFFFF;--success:#1F6B3A;--success-soft:#E5F2E9;--warning:#805000;--warning-soft:#F6EBD5;--danger:#B21C23;--danger-soft:#FDE7E7;--on-danger:#FFFFFF;--mode-solo-weekly:#E8232A;--mode-solo-daily:#7A1116;--mode-team:#7A1116;--mode-advanced:#30272A;--league-1:#7A1116;--league-2:#1F6B3A;--league-3:#B21C23;--league-4:#654A7B;--league-5:#805000;--league-6:#8B4265;--focus:#7A1116;--cat-blue:#7A1116;--cat-green:#1F6B3A;--cat-red:#B21C23;--overlay:rgba(23,18,20,.58);--turn-ink:#171214;--surface-raised:var(--surface);--surface-sunken:var(--surface-2);--text-muted:var(--muted);--text-inverse:var(--on-dark);--border:var(--line);--border-strong:var(--line-strong);--action:var(--primary);--action-hover:#CC1B22;--action-foreground:var(--on-primary);--goal:var(--success);--save:var(--accent);--focus-ring:var(--focus);--shadow:rgba(23,18,20,.12);--font:"Barlow","Segoe UI",system-ui,sans-serif;--font-display:"Barlow Condensed","Arial Narrow","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",Consolas,"Courier New",monospace;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--texture:radial-gradient(rgba(122,17,22,.055) .7px,transparent 1px) 0 0/7px 7px;--theme-swatch-a:#7A1116;--theme-swatch-b:#E8232A;--topbar-bg:#7A1116;--topbar-text:#F7F3F0}:root[data-theme-look=matchday] body{background-image:var(--texture)}:root[data-theme-look=surf]:root{--bg:#E8DCC4;--surface:#FFFAF0;--surface-2:#CFE8E4;--text:#021417;--muted:#264A4E;--line:#7FA09C;--line-strong:#010F10;--primary:#FF7A3D;--primary-soft:#FFD9C2;--black:#021F22;--on-primary:#021417;--on-dark:#FFF8EC;--on-dark-muted:#C4DEDA;--dark-chip:#083F42;--accent:#07595C;--accent-soft:#CFE8E4;--on-accent:#FFFFFF;--success:#07595C;--success-soft:#CFE8E4;--warning:#6A4000;--warning-soft:#F4E0B0;--danger:#A12E0B;--danger-soft:#FFD9C2;--on-danger:#FFFFFF;--mode-solo-weekly:#07595C;--mode-solo-daily:#A12E0B;--mode-team:#07595C;--mode-advanced:#083F42;--league-1:#07595C;--league-2:#14572C;--league-3:#A12E0B;--league-4:#573A6E;--league-5:#6A4000;--league-6:#7A2F58;--focus:#07595C;--cat-blue:#07595C;--cat-green:#14572C;--cat-red:#A12E0B;--overlay:rgba(2,31,34,.62);--turn-ink:#021417;--surface-raised:var(--surface);--surface-sunken:var(--surface-2);--text-muted:var(--muted);--text-inverse:var(--on-dark);--border:var(--line);--border-strong:var(--line-strong);--action:var(--primary);--action-hover:#F0621F;--action-foreground:var(--on-primary);--goal:var(--success);--save:var(--accent);--focus-ring:var(--focus);--shadow:rgba(2,20,23,.24);--font:"Rubik","Segoe UI",system-ui,sans-serif;--font-display:"Rubik","Segoe UI",system-ui,sans-serif;--font-mono:"Rubik","Segoe UI",sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-pill:999px;--texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='24'%3E%3Cpath d='M0 12 Q20 4 40 12 T80 12' fill='none' stroke='%230F8B8D' stroke-opacity='.07' stroke-width='1'/%3E%3C/svg%3E");--theme-swatch-a:#0F8B8D;--theme-swatch-b:#FF7A3D;--topbar-bg:#021F22;--topbar-text:#FFF8EC}:root[data-theme-look=surf] body{background-image:var(--texture)}:root[data-theme-look=surf]{--ink:#010F10;--glow:#0F8B8D;--on-page:#FFF8EC;--on-page-muted:#B7DAD5;--card-edge:4px solid var(--ink);--card-shadow:6px 6px 0 var(--glow);--page:#042A2C}:root[data-theme-look=surf]:has(.mk-play,.mk-rankings,.mk-calendar,.mk-waiting) body,:root[data-theme-look=surf]:has(.mk-play,.mk-rankings,.mk-calendar,.mk-waiting) .app-shell,:root[data-theme-look=surf] .mk-play,:root[data-theme-look=surf] .mk-rankings,:root[data-theme-look=surf] .mk-calendar,:root[data-theme-look=surf] .mk-waiting,:root[data-theme-look=surf] .room-frame:has(.mk-waiting){background:var(--page);background-image:none}:root[data-theme-look=surf] .mk-play .head h1,:root[data-theme-look=surf] .mk-rankings>.ph h1,:root[data-theme-look=surf] .mk-calendar .cal-top-id h1,:root[data-theme-look=surf] .mk-waiting .top h1,:root[data-theme-look=surf] .mk-play .head p,:root[data-theme-look=surf] .mk-rankings .ph p,:root[data-theme-look=surf] .mk-calendar .cal-top-id,:root[data-theme-look=surf] .mk-calendar .cal-top-id .tz,:root[data-theme-look=surf] .mk-calendar .cal-top-id .range,:root[data-theme-look=surf] .mk-calendar .agenda>h2,:root[data-theme-look=surf] .mk-calendar .next>h2,:root[data-theme-look=surf] .mk-rankings .move,:root[data-theme-look=surf] .mk-rankings .more,:root[data-theme-look=surf] .mk-waiting .top,:root[data-theme-look=surf] .room-header,:root[data-theme-look=surf] .room-header *,:root[data-theme-look=surf] .mk-calendar.mk-cal-b .legend,:root[data-theme-look=surf] .mk-calendar.mk-cal-b .legend .tz{color:var(--on-page)}:root[data-theme-look=surf] .mk-play .head p,:root[data-theme-look=surf] .mk-rankings .ph p,:root[data-theme-look=surf] .mk-calendar .cal-top-id .tz,:root[data-theme-look=surf] .mk-calendar .agenda>h2,:root[data-theme-look=surf] .mk-rankings .move .mid{color:var(--on-page-muted)}:root[data-theme-look=surf] .mk-rankings .more{border-color:var(--glow)}:root[data-theme-look=surf] .mk-play .head h1,:root[data-theme-look=surf] .mk-rankings>.ph h1,:root[data-theme-look=surf] .mk-calendar .cal-top-id h1,:root[data-theme-look=surf] .mk-waiting .top h1,:root[data-theme-look=surf] .mk-play .door h2,:root[data-theme-look=surf] .mk-rankings h2{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.015em;border-left:.2em solid var(--primary);padding-left:.3em;line-height:1}:root[data-theme-look=surf] .mk-play .head h1,:root[data-theme-look=surf] .mk-rankings>.ph h1,:root[data-theme-look=surf] .mk-calendar .cal-top-id h1{font-size:3.1rem}:root[data-theme-look=surf] header.topbar.mk-nav.mk-nav{--header-line:5px;border-bottom:5px solid var(--primary)}:root[data-theme-look=surf] .topbar nav .nav-active{border-bottom:5px solid var(--primary)}:root[data-theme-look=surf] .mk-play .door,:root[data-theme-look=surf] .mk-rankings .tier,:root[data-theme-look=surf] .mk-rankings .strip .card,:root[data-theme-look=surf] .mk-rankings .fold,:root[data-theme-look=surf] .mk-waiting .box,:root[data-theme-look=surf] .mk-calendar .day{border:var(--card-edge);box-shadow:var(--card-shadow);background:var(--surface);color:var(--text)}:root[data-theme-look=surf] .mk-play .door{border-top:.9rem solid var(--c)}:root[data-theme-look=surf] .mk-play .door.hot{box-shadow:var(--card-shadow)}:root[data-theme-look=surf] .mk-rankings .tier{border-left:0}:root[data-theme-look=surf] .mk-rankings .strip .card.dark{background:var(--accent);color:#fff;border-color:var(--ink)}:root[data-theme-look=surf] .mk-rankings .strip .card.dark .mut{color:#fff}:root[data-theme-look=surf] .mk-rankings .strip .card.mine{border-color:var(--ink);box-shadow:var(--card-shadow),0 0 0 4px var(--primary)}:root[data-theme-look=surf] .mk-calendar .day.today{border:var(--card-edge);box-shadow:6px 6px 0 var(--primary)}:root[data-theme-look=surf] .mk-calendar .day{margin-right:6px}:root[data-theme-look=surf] .mk-play .fx li,:root[data-theme-look=surf] .mk-calendar .ev,:root[data-theme-look=surf] .mk-waiting .li,:root[data-theme-look=surf] .mk-rankings .grp,:root[data-theme-look=surf] .mk-waiting .s{border-color:var(--ink);border-width:2px}:root[data-theme-look=surf] .mk-play .fx li{border-left-width:.5rem}:root[data-theme-look=surf] .mk-rankings .grp{border-top-width:.5rem}:root[data-theme-look=surf] .mk-play .stats b,:root[data-theme-look=surf] .mk-calendar .ev .t,:root[data-theme-look=surf] .mk-calendar .dname b,:root[data-theme-look=surf] .mk-waiting .ds-goals,:root[data-theme-look=surf] .mk-rankings .lvl b,:root[data-theme-look=surf] .mk-rankings .strip .big{font-weight:900}:root[data-theme-look=surf] .ui-btn-primary,:root[data-theme-look=surf] .mk-play .btn-go,:root[data-theme-look=surf] .mk-play .door .end .btn-2,:root[data-theme-look=surf] .mk-waiting .btn:not(.ghost):not(.dark),:root[data-theme-look=surf] .mk-rankings .btn-go,:root[data-theme-look=surf] .mk-rankings .btn2,:root[data-theme-look=surf] .mk-calendar .view-switch button.on,:root[data-theme-look=surf] .mk-rankings .seg button.on{background:var(--primary);color:var(--on-primary);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.03em}:root[data-theme-look=surf] .mk-play .door .end .btn-2:hover,:root[data-theme-look=surf] .ui-btn-primary:hover:not(:disabled){background:var(--action-hover)}:root[data-theme-look=surf] .mk-rankings .seg button.on{box-shadow:none;border:0}:root[data-theme-look=surf] .mk-calendar .view-switch button.on{box-shadow:3px 3px 0 var(--glow)}:root[data-theme-look=surf] .mk-calendar .view-switch button,:root[data-theme-look=surf] .mk-play .tourlink{border:2px solid var(--on-page);background:transparent;color:var(--on-page)}:root[data-theme-look=surf] .mk-calendar .view-switch button.on{background:var(--primary);color:var(--on-primary);border-color:var(--ink)}:root[data-theme-look=surf] .mk-play .door .end .btn-2,:root[data-theme-look=surf] .mk-play .door .end .btn-go{box-sizing:border-box;max-width:calc(100% - 4px);letter-spacing:.01em}:root[data-theme-look=surf] .mk-rankings .groups{scrollbar-width:none}:root[data-theme-look=surf] .mk-rankings .groups::-webkit-scrollbar{display:none}:root[data-theme-look=surf]{--card-text: var(--text);--card-muted: var(--muted)}:root[data-theme-look=surf]:has(:is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live,.club-wrap,.login-page,.guest-gate)) body,:root[data-theme-look=surf]:has(:is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live,.club-wrap,.login-page,.guest-gate)) .app-shell,:root[data-theme-look=surf]:has(:is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live,.club-wrap,.login-page,.guest-gate)) .landing-shell,:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live,.club-wrap,.login-page,.guest-gate){background:var(--page);background-image:none}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live,.club-wrap,.login-page,.guest-gate){--text: var(--on-page);--muted: var(--on-page-muted);color:var(--on-page)}:root[data-theme-look=surf] .mk-notifications{min-height:0}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live,.club-wrap,.login-page,.guest-gate) :is(.card,.tile,.cup,.list li,.fx li,.kv div,.pstats div,.seg,.chip,.btn-2,.field input,.badge,.role,.it,.mode,.gh,.faq div,.tips li,.pic,.mt,.faq2 details,.club-rules,.club-road>div,.lr-folds,.ui-card,.ui-panel,.ui-btn-secondary,.ui-badge,.ui-input,.ui-select,.ui-listrow,.ui-chip,.ui-notice,.login-card,.login-daily-closed,.login-guest,table.t,.sw4 button,.gtable){--text: var(--card-text);--muted: var(--card-muted);color:var(--card-text)}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live,.club-wrap) :is(.card.dark,.board,.ui-card-dark,.ui-panel-dark){--text: var(--on-dark);--muted: var(--on-dark-muted);color:var(--on-dark)}:root[data-theme-look=surf] .mk-live .lr-legend .lr-chip:not(.s-scored){--text: var(--card-text);--muted: var(--card-muted);color:var(--card-text)}:root[data-theme-look=surf] .mk-live .tabs button{--text: var(--card-text);--muted: var(--card-muted);color:var(--card-text)}:root[data-theme-look=surf] :is(.mk-club .pg>.ph h1,.mk-profile .pg h1,.mk-trophies .pg h1,.mk-trophies>h1,.mk-trophies .ph h1,.mk-history .pg h1,.mk-history>h1,.mk-history .ph h1,.mk-notifications .pg h1,.mk-howto h1,.mk-live h1,.club-head h1,.guest-gate h1){font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.015em;border-left:.2em solid var(--primary);padding-left:.3em;line-height:1;color:var(--on-page)}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live,.club-wrap) :is(.pg>h2,.pg>section>h2,.pg>div>h2,h3.sec){font-weight:800;text-transform:uppercase;letter-spacing:.02em}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live,.club-wrap,.guest-gate) :is(.ph p,.mk-howto>.wrap>.sub,.mk-live .note.upd){color:var(--on-page-muted)}:root[data-theme-look=surf] :is(.mk-howto .sub a,.guest-gate a,.mk-profile .pg>a,.club-wrap>a){color:var(--primary)}:root[data-theme-look=surf] .mk-profile .tabs,:root[data-theme-look=surf] .mk-club .tabs{border-bottom-color:var(--glow)}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live) :is(.card,.gh,.mode,.board){border:var(--card-edge);box-shadow:var(--card-shadow)}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications) .card.top{border-top:.9rem solid var(--c, var(--primary))}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live) .card.dark,:root[data-theme-look=surf] .mk-live .board{background:var(--black);border-color:var(--glow);box-shadow:6px 6px 0 var(--primary)}:root[data-theme-look=surf] :is(.club-wrap .ui-card,.club-wrap .ui-panel,.club-wrap .ui-card-dashed){border:var(--card-edge);box-shadow:var(--card-shadow);border-radius:var(--radius-md)}:root[data-theme-look=surf] .club-wrap .ui-card-dark,:root[data-theme-look=surf] .club-wrap .ui-panel-dark{background:var(--black);border-color:var(--glow);box-shadow:6px 6px 0 var(--primary)}:root[data-theme-look=surf] .login-card,:root[data-theme-look=surf] .login-daily-closed{border:var(--card-edge);box-shadow:var(--card-shadow);background:var(--surface)}:root[data-theme-look=surf] :is(.mk-club .fx li,.mk-club .list li,.mk-notifications .list li,.mk-notifications .fx li,.mk-live .it,.mk-howto .faq2 details,.mk-trophies .tile,.mk-profile .tile,.mk-profile .cup,.club-rules,.club-road>div){border-color:var(--ink);border-width:2px}:root[data-theme-look=surf] .mk-howto .tips li{background:var(--surface)}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications) .btn-go,:root[data-theme-look=surf] .club-wrap .ui-btn-primary,:root[data-theme-look=surf] .login-page .ui-btn-primary,:root[data-theme-look=surf] .mk-play .ui-btn-primary{background:var(--primary);color:var(--on-primary);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.03em}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications) .btn-2,:root[data-theme-look=surf] .club-wrap .ui-btn-secondary{border:3px solid var(--ink);font-weight:800}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications,.mk-howto,.mk-live) :is(.seg button.on,.chip.on,.sw4 button.on,.tabs button.on){background:var(--primary);color:var(--on-primary);border-color:var(--ink)}:root[data-theme-look=surf] :is(.mk-profile,.mk-club) .tabs button.on{background:none;color:var(--on-page);border-bottom-color:var(--primary)}:root[data-theme-look=surf] :is(.mk-live .tabs button){border-color:var(--ink)}:root[data-theme-look=surf] :is(.mk-profile,.mk-club) .tabs button{color:var(--on-page)}:root[data-theme-look=surf] :is(.btn-go,.btn-2,.btn2,.ui-btn):disabled{opacity:1;background:var(--surface-2);color:var(--card-text);border:3px dashed var(--line-strong);box-shadow:none;cursor:not-allowed}:root[data-theme-look=surf] :is(.ui-btn-primary,.btn-go,.mk-play .btn-go,.mk-waiting .btn):disabled small,:root[data-theme-look=surf] .ui-btn:disabled small{color:var(--card-muted)}:root[data-theme-look=surf] .mk-play .err,:root[data-theme-look=surf] .mk-play p.err{color:var(--danger-soft)}:root[data-theme-look=surf] .guest-gate p{color:var(--on-page)}:root[data-theme-look=surf] .login-page :is(.login-or,.login-check-line){color:var(--card-muted)}:root[data-theme-look=surf] .mk-calendar .btn.ghost{background:transparent;color:var(--on-page);border:2px solid var(--on-page-muted);font-weight:800}:root[data-theme-look=surf] .mk-calendar .btn.ghost:hover{border-color:var(--primary);color:var(--primary)}:root[data-theme-look=surf] :is(.mk-calendar,.mk-waiting) .m-sw{--ci: var(--on-accent)}:root[data-theme-look=surf] .mk-calendar.mk-cal-a .ev.done,:root[data-theme-look=surf] .mk-calendar.mk-cal-a .day.past{opacity:1}:root[data-theme-look=surf] .mk-calendar.mk-cal-a .ev.done{background:var(--surface-2)}:root[data-theme-look=surf] .mk-calendar.mk-cal-a .day.past{background:var(--surface-2)}:root[data-theme-look=surf] .mk-calendar.mk-cal-a .ev .s{color:var(--muted)}:root[data-theme-look=surf] .mk-calendar.mk-cal-b :is(.bar.done,.pt.done){opacity:1}:root[data-theme-look=surf] .guest-id .gi-label{color:var(--on-page-muted)}:root[data-theme-look=surf] .guest-id.guest-foot .gi-label{color:var(--on-dark-muted)}:root[data-theme-look=surf]:has(main.room-frame) body,:root[data-theme-look=surf]:has(main.room-frame) .app-shell,:root[data-theme-look=surf] main.room-frame{background:var(--page);background-image:none}:root[data-theme-look=surf] .room-frame :is(.session-bar,.waiting-card,.selection-panel:not(.mk-picks):not(.mk-steps)){border:var(--card-edge);box-shadow:var(--card-shadow);background:var(--surface);color:var(--text)}:root[data-theme-look=surf] .room-frame .session-bar{border-radius:var(--radius-md)}:root[data-theme-look=surf] .room-frame :is(.mk-steps,.mk-picks:not(.results-panel)){--text: var(--on-page);--muted: var(--on-page-muted);color:var(--on-page);background:transparent}:root[data-theme-look=surf] .room-frame :is(.mk-steps,.mk-picks:not(.results-panel)) :is(.tile,.lane,.game,.note,.row,.done-box,.facts,.peek){--text: var(--card-text);--muted: var(--card-muted);color:var(--card-text)}:root[data-theme-look=surf] .room-frame .mk-steps .tile:not(:disabled),:root[data-theme-look=surf] .room-frame .mk-steps .game,:root[data-theme-look=surf] .room-frame .mk-steps .lane,:root[data-theme-look=surf] .room-frame .mk-picks .row{border-color:var(--ink)}:root[data-theme-look=surf] .room-frame .mk-steps .tile:disabled,:root[data-theme-look=surf] .room-frame .mk-steps .game.is-blocked{opacity:1;background:var(--surface-2);border-style:dashed;border-color:var(--line-strong)}:root[data-theme-look=surf] .room-frame :is(.mk-steps .top h1,.mk-picks .top h1){font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;text-transform:uppercase}:root[data-theme-look=surf] .room-frame .results-panel{border:var(--card-edge);box-shadow:var(--card-shadow);background:var(--surface);color:var(--text);border-radius:var(--radius-md)}:root[data-theme-look=surf] :is(.mk-club,.mk-profile,.mk-trophies,.mk-history,.mk-notifications) .pg{padding-bottom:calc(1.1 * var(--mk-rem, 16px))}:root[data-theme-look=surf] .club-v2 .club-line{color:var(--on-page-muted)}:root[data-theme-look=surf] .club-v2 .seg{border:2px solid var(--on-page)}:root[data-theme-look=surf] .club-v2 .seg button.on{background:var(--primary);color:var(--on-primary)}@media(max-width:899px){:root[data-theme-look=surf] :is(.club-v2 .pg,.club-v2.club-wrap)>:is(.ph,.club-head) h1{font-size:2.3rem}}:root[data-theme-look=contrast]:root{--bg:#F2F7FF;--surface:#FFFFFF;--surface-2:#DAE9FF;--text:#061431;--muted:#44527A;--line:#CDD8EC;--line-strong:#61739B;--primary:#0049D3;--primary-soft:#DAE9FF;--black:#061431;--on-primary:#FFFFFF;--on-dark:#F2F7FF;--on-dark-muted:#CDD8EC;--dark-chip:#14264A;--accent:#0049D3;--accent-soft:#DAE9FF;--on-accent:#FFFFFF;--success:#08745F;--success-soft:#DDF4EE;--warning:#795000;--warning-soft:#F8EDCF;--danger:#B5236D;--danger-soft:#F9E2EE;--on-danger:#FFFFFF;--mode-solo-weekly:#0049D3;--mode-solo-daily:#B5236D;--mode-team:#08745F;--mode-advanced:#14264A;--league-1:#0049D3;--league-2:#08745F;--league-3:#B5236D;--league-4:#654A7B;--league-5:#795000;--league-6:#8B4265;--focus:#0049D3;--cat-blue:#0049D3;--cat-green:#08745F;--cat-red:#B5236D;--overlay:rgba(6,20,49,.55);--turn-ink:#061431;--surface-raised:var(--surface);--surface-sunken:var(--surface-2);--text-muted:var(--muted);--text-inverse:var(--on-dark);--border:var(--line);--border-strong:var(--line-strong);--action:var(--primary);--action-hover:#0039A8;--action-foreground:var(--on-primary);--goal:var(--success);--save:var(--accent);--focus-ring:var(--focus);--shadow:rgba(6,20,49,.1);--font:"Red Hat Text","Segoe UI",system-ui,sans-serif;--font-display:"Red Hat Display","Segoe UI",system-ui,sans-serif;--font-mono:"Red Hat Mono",Consolas,"Courier New",monospace;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--texture:linear-gradient(rgba(0,73,211,.025) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(0,73,211,.025) 1px,transparent 1px) 0 0/28px 28px;--theme-swatch-a:#0049D3;--theme-swatch-b:#EDB333;--topbar-bg:#0049D3;--topbar-text:#FFFFFF}:root[data-theme-look=contrast] body{background-image:var(--texture)}:root{--bg: #F7F4EC;--surface: #FFFFFF;--surface-2: #EFEBE0;--text: #15171C;--muted: #565247;--line: #DDD8CA;--line-strong: #7A7566;--primary: #F4C430;--primary-soft: #FBF0C6;--black: #15171C;--ink: var(--black);--on-primary: #15171C;--on-dark: #F7F4EC;--on-dark-muted: #CFCABB;--dark-chip: #2B2F38;--accent: #245C99;--accent-soft: #E1ECF8;--on-accent: #FFFFFF;--success: #2A7230;--success-soft: #E4F2E5;--warning: #8A5200;--warning-soft: #F6E9CF;--danger: #B93434;--danger-soft: #F8E0E0;--on-danger: #FFFFFF;--mode-solo-weekly: #F4C430;--mode-solo-daily: #E07B1F;--mode-team: #8A4FD0;--mode-advanced: #2B2F38;--league-1: #2B6CB0;--league-2: #2E7D32;--league-3: #D9582B;--league-4: #8A4FD0;--league-5: #B38600;--league-6: #C2379D;--focus: #245C99;--cat-blue: #2B6CB0;--cat-green: #2E7D32;--cat-red: #C73B3B;--stream-blue: #2B6CB0;--stream-green: #2E7D32;--stream-red: #C73B3B;--overlay: rgba(21, 23, 28, .55);--turn-ink: #15171C;--surface-raised: var(--surface);--surface-sunken: var(--surface-2);--text-muted: var(--muted);--text-inverse: var(--on-dark);--border: var(--line);--border-strong: var(--line-strong);--action: var(--primary);--action-hover: #E3B21C;--action-foreground: var(--on-primary);--goal: var(--success);--save: var(--accent);--focus-ring: var(--focus);--shadow: rgba(21, 23, 28, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 34px;--fw-regular: 400;--fw-medium: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-body: 1.5;--font: "Barlow", "Segoe UI", system-ui, sans-serif;--font-display: "Barlow Condensed", "Arial Narrow", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;--texture: none;--shadow-1: none;--shadow-2: 0 4px 14px var(--shadow);--shadow-3: 0 18px 48px var(--shadow);--control-h: 44px;--touch: 44px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #15171C;--surface: #1D2027;--surface-2: #262A33;--text: #F3F0E8;--muted: #B6B2A6;--line: #333843;--line-strong: #7B8394;--primary: #F4C430;--primary-soft: #3A3216;--black: #0E1014;--on-dark: #F3F0E8;--on-dark-muted: #CFCABB;--dark-chip: #2B2F38;--accent: #7FB3EE;--accent-soft: #1F3149;--on-accent: #0E1014;--success: #6FCF7C;--success-soft: #1B3322;--warning: #F2B04A;--warning-soft: #3A2D16;--danger: #FF8A80;--danger-soft: #402122;--on-danger: #0E1014;--mode-solo-weekly: #F4C430;--mode-solo-daily: #F59A4D;--mode-team: #B990FF;--mode-advanced: #D9D4C6;--league-1: #6EA8F0;--league-2: #6FCF7C;--league-3: #FF8A5C;--league-4: #B990FF;--league-5: #F2CC4A;--league-6: #E86CC4;--focus: #7FB3EE;--cat-blue: #6EA8F0;--cat-green: #6FCF7C;--cat-red: #FF8A80;--overlay: rgba(0, 0, 0, .65);--action-hover: #FFD45A;--shadow: rgba(0, 0, 0, .45)}}:root[data-theme=dark]{--bg: #15171C;--surface: #1D2027;--surface-2: #262A33;--text: #F3F0E8;--muted: #B6B2A6;--line: #333843;--line-strong: #7B8394;--primary: #F4C430;--primary-soft: #3A3216;--black: #0E1014;--on-dark: #F3F0E8;--on-dark-muted: #CFCABB;--dark-chip: #2B2F38;--accent: #7FB3EE;--accent-soft: #1F3149;--on-accent: #0E1014;--success: #6FCF7C;--success-soft: #1B3322;--warning: #F2B04A;--warning-soft: #3A2D16;--danger: #FF8A80;--danger-soft: #402122;--on-danger: #0E1014;--mode-solo-weekly: #F4C430;--mode-solo-daily: #F59A4D;--mode-team: #B990FF;--mode-advanced: #D9D4C6;--league-1: #6EA8F0;--league-2: #6FCF7C;--league-3: #FF8A5C;--league-4: #B990FF;--league-5: #F2CC4A;--league-6: #E86CC4;--focus: #7FB3EE;--cat-blue: #6EA8F0;--cat-green: #6FCF7C;--cat-red: #FF8A80;--overlay: rgba(0, 0, 0, .65);--action-hover: #FFD45A;--shadow: rgba(0, 0, 0, .45)}:root{font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;font-weight:var(--fw-regular);font-size:16px;line-height:var(--lh-body)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,h4,p{margin-top:0}h1{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-3xl);letter-spacing:0;line-height:var(--lh-tight);margin-bottom:var(--space-2)}h2{font-family:var(--font-display);font-size:var(--fs-xl);margin-bottom:0}h3{font-size:var(--fs-md);margin-bottom:var(--space-2)}a{color:var(--accent)}dl,ol,ul{margin-top:0}table{border-collapse:collapse;width:100%;text-align:left;font-size:var(--fs-sm)}th{font-size:var(--fs-xs);color:var(--muted);font-weight:var(--fw-bold)}th,td{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:1px solid var(--line);vertical-align:top}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.stack{display:grid;gap:var(--space-4)}.stack-sm{display:grid;gap:var(--space-2)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.row-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2)}.row-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.empty{padding:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--muted);font-size:var(--fs-sm)}.small{font-size:var(--fs-xs)}.ui-eyebrow{margin:0 0 var(--space-1);color:var(--muted);font-size:11px;font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1;text-decoration:none;white-space:nowrap;transition:background .12s ease,border-color .12s ease,transform .12s ease}.ui-btn:active:not(:disabled){transform:translateY(1px)}.ui-btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--fs-xs)}.ui-btn-lg{min-height:var(--touch);padding:0 var(--space-5);font-size:var(--fs-md)}.ui-btn-block{display:flex;width:100%}.ui-btn-primary{background:var(--action);color:var(--action-foreground);border-color:var(--action-foreground)}.ui-btn-primary:hover:not(:disabled){background:var(--action-hover)}.ui-btn-secondary{background:var(--surface);color:var(--text);border-color:var(--line-strong)}.ui-btn-secondary:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--text)}.ui-btn-ghost{background:transparent;color:var(--text)}.ui-btn-ghost:hover:not(:disabled){background:var(--surface-2)}.ui-btn-danger{background:var(--danger);color:var(--on-danger)}.ui-btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger),var(--black) 14%)}.ui-btn:disabled{opacity:.6;border-style:dashed}.ui-btn[aria-pressed=true].ui-btn-secondary{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.on-dark .ui-btn-secondary,.on-dark .ui-btn-ghost{background:var(--dark-chip);color:var(--on-dark);border-color:transparent}.on-dark .ui-btn-secondary:hover:not(:disabled),.on-dark .ui-btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--dark-chip),var(--on-dark) 14%)}.on-dark .ui-btn[aria-pressed=true].ui-btn-secondary,.on-dark .ui-btn[aria-pressed=true].ui-btn-ghost{background:var(--primary);color:var(--on-primary)}.ui-panel{min-width:0;padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:none;color:var(--text)}.ui-panel-flush{padding:0}.ui-panel-soft{background:var(--surface-sunken)}.ui-panel-dark{background:var(--black);color:var(--on-dark);border-color:var(--black)}.ui-panel-dark .ui-eyebrow{color:var(--primary)}.ui-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.ui-panel-titles{min-width:0}.ui-panel-title{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:.01em;line-height:var(--lh-tight)}.ui-panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.ui-card{min-width:0;padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text)}.ui-card-accent{border-color:var(--accent);background:var(--accent-soft)}.ui-card-dark{background:var(--black);color:var(--on-dark);border-color:var(--black)}.ui-card-dashed{border-style:dashed;color:var(--muted)}.ui-card-striped{border-left:4px solid var(--stripe)}.ui-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap}.ui-chip.is-toggle:hover:not(:disabled){background:var(--surface-2)}.ui-chip.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.ui-chip-warning{background:var(--warning-soft)}.ui-chip-success{background:var(--success-soft)}.ui-chip-dot{width:10px;height:10px;border-radius:50%;flex:none}.ui-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--line);color:var(--text);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.ui-badge-accent{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.ui-badge-success{background:var(--success-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--success)}.ui-badge-warning{background:var(--warning-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--warning)}.ui-badge-danger{background:var(--danger-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--danger)}.ui-badge-primary{background:var(--action);color:var(--action-foreground)}.ui-field{display:grid;gap:var(--space-1);min-width:0}.ui-field-inline{display:inline-grid}.ui-field-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text)}.ui-input,.ui-select select{width:100%;min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--fs-sm)}.ui-input::placeholder{color:var(--muted)}.ui-input-compact{width:68px;text-align:center;font-weight:var(--fw-bold)}.ui-select{position:relative;display:block}.ui-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer}.ui-select:after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;margin-top:-6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);pointer-events:none}.ui-select select:disabled,.ui-input:disabled{opacity:.6;cursor:not-allowed}.ui-listrow{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left}.ui-listrow-striped{border-left:4px solid var(--stripe)}.ui-listrow.is-interactive:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.ui-listrow.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.ui-listrow.is-disabled,.ui-listrow:disabled{background:var(--surface-2);color:var(--muted);opacity:1;border-style:dashed}.ui-listrow-leading,.ui-listrow-trailing{flex:none;display:inline-flex;align-items:center;gap:var(--space-2)}.ui-listrow-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.ui-listrow-eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--muted);overflow-wrap:break-word}.ui-listrow-title{font-size:var(--fs-md);font-weight:var(--fw-bold);overflow-wrap:break-word}.ui-listrow-meta{font-size:var(--fs-xs);color:var(--muted)}.ui-listrow.is-selected .ui-listrow-eyebrow,.ui-listrow.is-selected .ui-listrow-meta{color:var(--text)}.ui-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-left-width:4px;border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--fs-sm)}.ui-notice-body{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-notice-title{font-size:var(--fs-md)}.ui-notice-accent{border-left-color:var(--accent)}.ui-notice-success{border-left-color:var(--success);background:var(--success-soft)}.ui-notice-warning{border-left-color:var(--warning);background:var(--warning-soft)}.ui-notice-danger{border-left-color:var(--danger);background:var(--danger-soft)}.ui-notice-neutral{border-left-color:var(--line-strong)}.ui-toasts{position:fixed;z-index:30;top:80px;right:var(--space-5);display:grid;gap:var(--space-2);width:min(380px,calc(100vw - 32px));pointer-events:none}.ui-toast{pointer-events:auto;animation-duration:.18s;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-left:5px solid var(--accent);border-radius:var(--radius-md);background:var(--surface);color:var(--text);box-shadow:var(--shadow-2);animation:ui-toast-in .18s ease}.ui-toast-success{border-left-color:var(--success)}.ui-toast-warning{border-left-color:var(--warning)}.ui-toast-danger{border-left-color:var(--danger)}.ui-toast-body{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm)}.ui-toast-body strong{font-size:var(--fs-md)}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.ui-player{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0}.ui-player-avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--line);color:var(--text);font-weight:800;font-size:var(--fs-md)}.ui-player.is-you .ui-player-avatar{background:var(--text);color:var(--bg)}.ui-player.is-waiting .ui-player-avatar{background:transparent;border:2px dashed var(--line-strong);color:var(--muted)}.ui-player-lg .ui-player-avatar{width:52px;height:52px;font-family:var(--font-display);font-size:var(--fs-2xl)}.ui-player-text{display:flex;flex-direction:column;min-width:0}.ui-player-name{font-weight:var(--fw-bold);font-size:var(--fs-md);overflow-wrap:break-word}.ui-player-lg .ui-player-name{font-family:var(--font-display);font-size:var(--fs-2xl);line-height:1}.ui-player-you{color:var(--muted);font-weight:var(--fw-regular);font-size:var(--fs-sm)}.ui-player-role{font-size:11px;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ui-overlay{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);background:var(--overlay)}.ui-dialog{width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-3)}.ui-dialog-wide{width:min(640px,100%)}.ui-dialog-title{margin:0 0 var(--space-3);font-size:var(--fs-xl)}.ui-dialog-body{color:var(--text);font-size:var(--fs-sm);line-height:var(--lh-body)}.ui-dialog-body p{margin:0 0 var(--space-3)}.ui-dialog-body ol{margin:0 0 var(--space-3);padding-left:22px}.ui-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.ui-overlay-sheet{place-items:end center;padding:0}.ui-sheet{width:min(640px,100%);max-height:82vh;display:flex;flex-direction:column;padding:var(--space-3) var(--space-4) var(--space-5);border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);color:var(--text);box-shadow:var(--shadow-3)}.ui-sheet-grip{align-self:center;width:44px;height:4px;margin-bottom:var(--space-3);border-radius:2px;background:var(--line-strong)}.ui-sheet-body{overflow:auto;display:grid;gap:var(--space-2)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:700px){.ui-toasts{top:auto;bottom:88px;right:16px;left:16px;width:auto}.ui-panel{padding:var(--space-4)}.ui-dialog{padding:var(--space-5)}}@media(min-width:1500px){.ui-eyebrow,.ui-badge,.ui-player-role{font-size:var(--fs-xs)}}:root{--page-max: 1680px}@media(min-width:1500px){:root{--fs-xs: 15px;--fs-sm: 16px;--fs-md: 19px;--fs-lg: 23px;--fs-xl: 28px;--fs-2xl: 35px;--fs-3xl: 43px;--page-max: 1900px}}@media(min-width:1920px){:root{--fs-xs: 18px;--fs-sm: 20px;--fs-md: 23px;--fs-lg: 27px;--fs-xl: 33px;--fs-2xl: 42px;--fs-3xl: 51px;--page-max: 2200px}}@media(min-width:2400px){:root{--fs-xs: 21px;--fs-sm: 23px;--fs-md: 26px;--fs-lg: 32px;--fs-xl: 39px;--fs-2xl: 49px;--fs-3xl: 60px;--page-max: 2800px}}.app-shell{min-height:100vh;background:var(--bg);color:var(--text)}.topbar{height:3.4rem;display:flex;align-items:center;gap:1.4rem;padding:0 2vw;background:var(--topbar-bg, var(--surface));color:var(--topbar-text, var(--text));border-bottom:1px solid color-mix(in srgb,var(--topbar-text, var(--text)) 20%,transparent)}.brand{min-height:44px;display:inline-flex;align-items:center;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.1em}.brand-wordmark{display:block;height:32px;width:auto}.topbar nav{height:100%;display:flex;align-items:center;gap:1.4rem}.topbar nav a{height:100%;display:flex;align-items:center;padding:0;color:var(--topbar-text, var(--text));text-decoration:none;font-size:.95rem;font-weight:600;border-bottom:3px solid transparent}.topbar nav a:hover{color:var(--topbar-text, var(--text))}.topbar nav .nav-active{color:var(--topbar-text, var(--text));border-bottom-color:var(--primary)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-4);font-size:var(--fs-sm)}.theme-picker{position:relative;display:flex;align-items:center;opacity:.55;transition:opacity .2s ease}.theme-picker:hover,.theme-picker:focus-within{opacity:1}.theme-picker-options{display:none}.theme-picker-dot{position:relative;width:2rem;min-width:2rem;height:2rem;min-height:2rem;flex:0 0 2rem;padding:0;border:0;border-radius:50%;cursor:pointer;background:transparent}.theme-picker-dot:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:linear-gradient(135deg,var(--swatch-a) 50%,var(--swatch-b) 50%);box-shadow:0 0 0 1px color-mix(in srgb,var(--topbar-text, var(--text)) 45%,transparent)}.theme-picker-dot[aria-pressed=true]:before{box-shadow:0 0 0 2px var(--topbar-bg, var(--surface)),0 0 0 3.5px var(--topbar-text, var(--text))}.theme-picker-dot:focus-visible{outline:2px solid var(--topbar-text, var(--text));outline-offset:4px}.theme-picker-editorial{--swatch-a: #f6f4ef;--swatch-b: #b11d1d}.theme-picker-orange{--swatch-a: #ff6a00;--swatch-b: #1b0f05}.theme-picker-matchday{--swatch-a: #7a1116;--swatch-b: #e8232a}.theme-picker-surf{--swatch-a: #0f8b8d;--swatch-b: #ff7a3d}.theme-picker-contrast{--swatch-a: #0049d3;--swatch-b: #edb333}.topbar .brand,.topbar nav a,.topbar nav a:hover,.topbar nav .nav-active,.topbar-right a{color:var(--topbar-text, var(--text))}.topbar nav .nav-active{border-bottom-color:var(--primary)}.topbar-right .theme-picker+a{color:var(--topbar-text, var(--text))}.topbar-right>a{min-height:var(--touch);display:inline-flex;align-items:center}.topbar .ui-btn-ghost{color:var(--topbar-text, var(--text))}.topbar .ui-btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--topbar-bg, var(--surface)),var(--topbar-text, var(--text)) 18%)}.topbar-right .theme-picker{z-index:31}.theme-picker:has([aria-expanded=true]){opacity:1}.theme-menu.is-closed{display:none}.theme-menu,.account-pop{position:absolute;z-index:40;top:calc(100% + 8px);right:0;min-width:180px;padding:6px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0003}.theme-menu button,.account-pop a,.account-pop button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);text-decoration:none;text-align:left;cursor:pointer;font:inherit}.theme-menu button:hover,.account-pop a:hover,.account-pop button:hover{background:color-mix(in srgb,var(--surface),var(--text) 10%)}.theme-menu .theme-picker-dot{flex:none;pointer-events:none}.account-menu{position:relative}.account-trigger{display:flex;align-items:center;gap:8px;min-height:44px;padding:3px 8px 3px 3px;border:0;background:transparent;color:var(--topbar-text, var(--text));font-family:inherit;font-weight:700;font-size:.95rem;cursor:pointer}.account-avatar{flex:none;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--dark-chip);color:var(--on-dark);font-weight:700}.account-pop hr{border:0;border-top:1px solid var(--line);margin:5px}.account-narrow-link{display:none!important}.topbar-notifications{position:relative;font-size:0;width:32px;justify-content:center;text-decoration:none}.topbar-notifications svg{display:block}.nav-extra{display:none!important}.topbar-notifications i{position:absolute;top:9px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--mode-solo-daily)}.header-signin{font-family:inherit;font-size:.95rem;line-height:1;white-space:nowrap;cursor:pointer;border:2px solid var(--topbar-text, var(--text));border-radius:999px;color:var(--topbar-text, var(--text));font-weight:700;padding:7px 17px;background:transparent}.page-wrap{width:min(var(--page-max),calc(100% - 48px));margin:var(--space-7) auto 100px;display:grid;gap:var(--space-6)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.page-heading h1{margin-bottom:var(--space-1)}.page-heading p{margin:0}.next-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:150px;padding:var(--space-6) var(--space-7)}.next-card h2{font-size:var(--fs-xl);margin-bottom:var(--space-2)}.next-card p{margin-bottom:var(--space-1);color:var(--on-dark-muted)}.next-card .deadline{color:var(--on-dark);font-weight:var(--fw-medium)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.stat{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);color:var(--muted)}.stat strong{color:var(--text);font-size:var(--fs-xl)}.match-list{display:grid;gap:var(--space-3)}.match-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.match-main{min-width:0}.match-main h3{margin:var(--space-2) 0 var(--space-1)}.match-main p{margin:0;font-size:var(--fs-sm)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section-head span{color:var(--muted);font-size:var(--fs-xs)}@media(min-width:701px)and (max-width:1200px){.topbar{gap:var(--space-3)}.topbar nav{gap:var(--space-3);min-width:0;flex:1 1 auto}.topbar nav a{font-size:var(--fs-sm)}.topbar-right{gap:var(--space-2);font-size:var(--fs-xs);flex-shrink:0}}@media(max-width:899px){.topbar{height:3.2rem;padding:0 12px;gap:8px}.topbar nav{flex:1 1 auto;min-width:0}.topbar nav a{display:none}.topbar nav .nav-active{display:flex}.topbar nav .nav-extra{display:flex!important}.topbar nav .guest-how{display:none}.topbar-right{flex:0 0 auto;gap:5px}.topbar-right .topbar-notifications{width:28px}.account-name{display:none}.account-trigger{gap:4px;padding-right:2px}.account-narrow-link{display:flex!important}.header-signin{padding:5px 10px}.match-room-shell{padding-bottom:calc(54px + env(safe-area-inset-bottom))}.page-wrap{width:calc(100% - 32px);margin-top:var(--space-5);margin-bottom:44px}.page-heading h1{font-size:var(--fs-xl)}.next-card{flex-direction:column;align-items:flex-start;padding:var(--space-5)}.match-card{align-items:flex-start;flex-direction:column}}.brand-text{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:.02em;line-height:1;color:var(--topbar-text, var(--text))}@media(max-width:899px){.brand-text{font-size:1.35rem}}.topbar .theme-menu button,.topbar .account-pop button,.topbar .account-pop a{color:var(--text)}.topbar .theme-menu button:hover:not(:disabled),.topbar .account-pop button:hover:not(:disabled){background:color-mix(in srgb,var(--surface),var(--text) 10%)}.topbar .theme-menu button,.topbar .account-pop button{justify-content:flex-start}.theme-picker{transition:none}.guest-gate{display:grid;gap:.8rem;justify-items:start;align-content:start}.guest-gate p{margin:0;font-size:1.1rem}:root{--pg-rem: clamp(15px, calc(8px + .6vw) , 24px);--pg-gutter: 2vw;--pg-title: calc(2.6 * var(--pg-rem))}@media(max-width:899px){:root{--pg-rem: 15px;--pg-gutter: 12px;--pg-title: calc(1.9 * var(--pg-rem))}}html :is(.club-wrap>.club-head,.mk-live .page,.mk-history,.mk-trophies,.mk-notifications .pg,.mk-profile .pg,.mk-rankings,.mk-calendar .cal-top-id,.mk-howto,.mk-play .head,.page-frame) h1{margin:0;font-family:var(--font-display);font-size:var(--pg-title);line-height:1;letter-spacing:0}.page-frame{width:100%;padding:calc(1.2 * var(--pg-rem)) var(--pg-gutter) calc(2 * var(--pg-rem));display:flex;flex-direction:column;gap:calc(1.1 * var(--pg-rem));min-width:0;font-size:var(--pg-rem)}.page-frame .ph{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--pg-rem)}.page-frame .ph p{margin:0;color:var(--muted);font-size:calc(1.1 * var(--pg-rem))}.page-frame .ph .push{margin-left:auto}.topbar-notifications.on,.account-trigger.on{box-shadow:inset 0 -3px 0 var(--primary)}:root header.topbar.mk-nav.mk-nav{--header-line: 6px}:root header.topbar.mk-nav>nav{flex:1 0 100%;gap:6px;overflow:visible}:root header.topbar.mk-nav>nav a.l{flex:1 1 0;min-width:0;justify-content:center;padding-inline:var(--space-2);white-space:nowrap;text-align:center;line-height:1.1}@media(min-width:768px)and (max-width:1100px){:root header.topbar.mk-nav>nav a.l{font-size:var(--fs-md);letter-spacing:0;padding-inline:var(--space-1)}}:root header.topbar.mk-nav>nav a.l.on{height:44px;margin-bottom:0;padding-bottom:0;position:relative}:root header.topbar.mk-nav>nav a.l.on:after{content:"";position:absolute;left:0;right:0;top:100%;height:var(--header-line);background:inherit}:root .mk-nav .topbar-right>.theme-picker{order:3;flex:none;height:44px;margin-left:0}:root .mk-nav .topbar-right .theme-picker-label{display:block;position:static;width:auto;height:auto}:root .mk-nav .topbar-right .theme-picker-label>span{position:static;transform:none;color:var(--topbar-text, var(--text))}@media(max-width:767px){:root .mk-nav .topbar-right>.theme-picker{display:none}}.login-page{display:grid;justify-items:center;align-content:center;box-sizing:border-box;flex:1 1 auto;min-height:0;padding:16px 40px}.login-layout{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.login-layout>.login-card{box-sizing:border-box;width:100%;max-width:400px;justify-self:center;padding:var(--space-6, 24px)}.login-form-card input{box-sizing:border-box;width:100%}.login-form-card h1{margin:0}.login-form-card h1+p{margin:4px 0 0}.login-google{display:inline-flex;align-items:center;justify-content:center;gap:10px}.login-or{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--muted, #6b6b6b)}.login-or:before,.login-or:after{content:"";flex:1;border-top:1px solid var(--border, #d9d2cc)}.login-check{display:grid;gap:4px}.login-check-line{display:flex;align-items:center;gap:8px;margin:0;font-size:.75rem;color:var(--muted, #6b6b6b)}.login-check-dot{width:10px;height:10px;border-radius:50%;background:#9a9a9a}.login-check-line[data-status=ready] .login-check-dot{background:#2f9e5b}.login-check-line[data-status=error] .login-check-dot{background:#c62828}.login-ts{min-height:0}.login-options{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem}.login-options>div,.login-options .login-link{display:inline-flex;align-items:center;gap:.3em;min-height:40px}.login-options .login-link{height:auto;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:left;text-decoration:underline;cursor:pointer}.login-guest{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--primary, #7a0c14) 8%,transparent);color:inherit;text-decoration:none;font-size:.9rem}.login-guest strong{color:var(--primary, #7a0c14)}@media(min-width:1500px){.login-form-card input,.login-form-card label,.login-form-card button{font-size:1.05rem}}@media(max-width:700px){.login-page{padding:12px 16px;align-content:start}.login-layout>.login-card{max-width:none;padding:var(--space-4, 16px);border:0;box-shadow:none;background:transparent}}.login-daily-closed{display:grid;gap:2px;margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:2px solid var(--black, var(--text));border-left-width:8px;border-radius:8px;background:var(--surface)}.login-daily-closed strong{font-family:var(--font-display);font-size:1.15rem}.login-daily-closed span{color:var(--muted)}.landing-shell .mk-play{min-height:0}@media(min-width:900px){.landing-shell .mk-play .head{padding-top:.7rem;padding-bottom:.5rem}.landing-shell .mk-play .doors{padding-bottom:.9rem}}.match-room-shell{overflow-x:clip}.room-frame{width:min(560px,calc(100% - 24px));min-height:calc(100vh - 92px);margin:12px auto 70px;display:flex;flex-direction:column;gap:10px}.room-header{display:grid;gap:3px}.room-phase-name{margin:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.room-header h1{margin:0;font-size:clamp(20px,5vw,28px);line-height:1.15}.room-header h1 small{display:block;margin-top:3px;color:var(--muted);font-size:13px;font-weight:500}.room-work{min-width:0;width:100%}.room-frame .selection-panel{margin:0;padding:12px}.fixture-pick-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fixture-pick-head h2{margin:2px 0 0;font-size:20px}.fixture-game-list{display:grid;gap:6px}.fixture-game{min-width:0;padding:8px 74px 8px 10px}.fixture-game-main{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}.fixture-game-main strong{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}.fixture-game-pick{min-height:34px}.stream-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.room-frame .stream-chip{min-height:54px;justify-content:space-between;min-width:0;flex-wrap:wrap;overflow:visible}.attack-match{padding:12px 4px}.attack-match h2{margin:6px 0;font-size:clamp(24px,7vw,36px);line-height:1.05}.attack-match h2 span{color:var(--muted);font-size:.55em}.attack-score-boxes{display:flex;gap:8px;margin:14px 0}.attack-score-boxes button{flex:1;min-height:56px;font-size:24px;font-weight:800;border:2px solid var(--line)}.attack-score-boxes .is-current{border-color:var(--warning)}.attack-score-boxes .is-saved{border-color:var(--success)}.p1-score-pad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.p1-score-pad button{min-height:44px}.goalkeeper-attacks{display:grid;gap:8px}.goalkeeper-fixture{padding:8px}.goalkeeper-game-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px}.goalkeeper-game-name small{width:100%;color:var(--muted)}.goalkeeper-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;min-width:0}.goalkeeper-chip{position:relative;flex:1 1 64px;min-width:64px;min-height:44px}.results-panel .final-summary{padding:10px}.results-panel .final-summary h2{font-size:clamp(26px,8vw,44px)}.result-list{display:grid}.result-line{display:grid;grid-template-columns:1fr auto 22px;align-items:center;gap:8px;padding:9px 2px;border-bottom:1px solid var(--line)}.result-line>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-line strong{font-size:18px}.room-action-bar{position:fixed;bottom:0;left:0;right:0;min-height:42px;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px;background:var(--surface);border-top:1px solid var(--line)}.room-action-bar>*{display:block}.room-action-bar .action-count{font-size:18px}.room-action-bar .draft-status{font-size:12px}@media(max-width:700px){.match-room-shell .room-action-bar{bottom:calc(56px + env(safe-area-inset-bottom))}}@media(min-width:900px){.room-frame{min-height:0;margin-top:28px}}@media(max-width:520px){.room-frame{margin-top:8px;gap:8px}.room-frame .selection-panel{padding:9px}}.club-room{min-width:0}.club-room>*,.club-room .club-job,.club-room .club-choose,.club-room .club-fixtures,.club-room .club-fixtures>li{min-width:0}.club-room .club-fixture{min-width:0;white-space:normal}.club-room .club-fixture>span:first-child{min-width:0;overflow-wrap:anywhere}.room-frame .stream-chip strong,.room-frame .stream-chip small{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal;text-align:left}.room-frame{min-height:0}.match-room-shell:not(:has(.room-action-bar)){padding-bottom:0}.room-frame .mk-steps,.room-frame .mk-picks,.mk-picks{min-height:0}.room-frame:not(:has(.room-action-bar)){margin-bottom:16px}.match-room-shell h1 a{color:inherit;text-decoration:underline dotted;text-decoration-thickness:max(2px,.1em);text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 65%,transparent)}.match-room-shell h1 a:hover,.match-room-shell h1 a:focus-visible{text-decoration-style:solid;text-decoration-color:currentColor}.match-room-shell .duel-games h2 a{color:inherit;text-decoration:underline dotted;text-decoration-thickness:max(2px,.1em);text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 65%,transparent)}.match-room-shell .duel-games h2 a:hover,.match-room-shell .duel-games h2 a:focus-visible{text-decoration-style:solid;text-decoration-color:currentColor}.daily-saves-panel .saves-count{text-transform:none;letter-spacing:0}.page-wrap.play-page{width:100%;max-width:none;min-height:calc(100vh - 72px);display:flex;flex-direction:column;gap:var(--space-3);padding-inline:24px}.play-top{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;font-weight:var(--fw-bold)}.play-top p{margin:0}.play-sign{width:100%;margin:auto;display:grid;justify-items:center;gap:var(--space-3);text-align:center}.play-sign h1{margin:0;font-family:var(--font-display);font-size:clamp(36px,8vw,64px)}.play-sign p{margin:0;color:var(--muted)}.play-button{width:100%;min-height:112px;justify-content:center;font-size:clamp(30px,7vw,48px);font-weight:900;letter-spacing:.06em}.play-next{font-size:var(--fs-sm)}.play-secondary{display:flex;justify-content:center;gap:var(--space-4);padding-bottom:var(--space-3)}.play-secondary button{border:0;padding:4px;color:var(--muted);background:transparent;cursor:pointer}.mode-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--space-4)}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-height:200px;border-top:8px solid var(--stripe);border-left-width:1px;border-left-color:var(--line);padding:var(--space-4)}.mode_solo_daily{--stripe: var(--mode-solo-daily);--chip: var(--mode-solo-daily)}.mode_solo_standard{--stripe: var(--mode-solo-weekly);--chip: var(--mode-solo-weekly)}.mode_team{--stripe: var(--mode-team);--chip: var(--mode-team)}.mode_advanced{--stripe: var(--mode-advanced);--chip: var(--mode-advanced)}.mode-status{color:color-mix(in srgb,var(--chip) 82%,var(--text))}.mode-blurb{color:var(--muted)}.mode-card p{margin:0;flex:1 1 auto;font-size:var(--fs-sm)}.mode-card .ui-btn{margin-top:auto;max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere}.mode-card.mode-later h2{color:var(--muted)}.mode-title-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.mode-title-row h2{font-size:var(--fs-md)}.play-round-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.play-round-list li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);border-bottom:1px solid var(--line);padding:var(--space-2) 0}.play-round-list li span{color:var(--muted)}.play-calendar,.play-section{width:100%}.play-section,.match-card,.match-card>div{min-width:0}.match-card{flex-wrap:wrap}.match-card p{overflow-wrap:anywhere}.solo-weekly-lobby{scroll-margin-top:var(--space-6)}.queue-note{margin-top:var(--space-3)}.challenge-panel{display:grid;gap:var(--space-3)}.challenge-panel p,.challenge-panel h3{margin:0}.challenge-share{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.challenge-share .ui-field{flex:1 1 320px}.challenge-message{color:var(--warning);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start;margin-top:var(--space-2)}.lobby-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.lobby-row p{margin:var(--space-1) 0 0}.player-timeline-card .timeline-heading{display:none}.player-timeline-card .week-timeline{color:var(--text);padding:0}.player-timeline-card .timeline-day,.player-timeline-card .timeline-label,.player-timeline-card .timeline-label small,.player-timeline-card .timeline-summary,.player-timeline-card .timeline-legend,.player-timeline-card .timeline-cutoff-copy{color:var(--text)}.player-timeline-card .timeline-window{background:var(--primary);opacity:.45}.player-timeline-card .timeline-pin{background:var(--surface);border-color:var(--text)}.player-timeline-card .timeline-marker.past .timeline-pin{background:var(--muted);border-color:var(--muted)}.player-timeline-card .timeline-now{background:var(--text)}.player-timeline-card .timeline-now.before,.player-timeline-card .timeline-now.after{border-color:var(--text);background:transparent}.player-timeline-card .timeline-legend span{background:var(--primary)}@media(min-width:700px)and (max-width:1100px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode_solo_daily{grid-column:1 / -1}}@media(max-width:699px){.mode-grid{grid-template-columns:minmax(0,1fr)}.mode_solo_daily{grid-column:auto}.lobby-grid{grid-template-columns:1fr}.mode-card{min-height:0}}@media(min-width:1500px){.mode-card{min-height:clamp(250px,20vh,360px)}.mode-title-row h2{font-size:clamp(24px,1.7vw,38px)}.mode-blurb{font-size:clamp(16px,1.1vw,24px)!important}.mode-card .ui-btn{font-size:clamp(18px,1.15vw,26px);min-height:clamp(52px,4vw,72px)}}@media(max-width:700px){.page-wrap.play-page{width:100%;padding-inline:16px}}.room-loading{display:grid;gap:var(--space-3);padding:var(--space-5);color:var(--muted)}.room-loading-skeleton{display:grid;gap:var(--space-3)}.room-loading-skeleton i{display:block;height:72px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-raised, var(--surface)) 50%,var(--surface) 75%);background-size:200% 100%;animation:room-loading-shimmer 1.4s ease-in-out infinite}@keyframes room-loading-shimmer{to{background-position:-200% 0}}.play-page .room-loading-skeleton i,.mode-card .room-loading-skeleton i{border:1px solid var(--line);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface) 50%,var(--surface-2) 75%);background-size:200% 100%}.mode-card .room-loading-skeleton{width:100%}.play-skel-head{width:min(420px,60%);margin:var(--space-4) auto}.mode-card .room-loading-skeleton i{height:150px}.dev-toolbar{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 18px;margin-top:18px;background:var(--black);border:1px solid var(--dark-chip);border-radius:11px 11px 0 0;color:var(--on-dark);box-shadow:0 8px 24px color-mix(in srgb,var(--text) 22%,transparent)}.dev-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.week-timeline{width:100%;padding:2px 8px 5px}.timeline-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px}.timeline-track{height:105px;position:relative;margin:6px 6px 0}.timeline-window{position:absolute;top:34px;height:7px;background:var(--accent);opacity:.7;border-radius:5px}.timeline-day{position:absolute;top:8px;transform:translate(-50%);color:var(--on-dark-muted);font-size:9px}.timeline-marker{position:absolute;top:28px;transform:translate(-50%);width:6px;height:22px;padding:0;border:0;background:transparent;color:var(--surface);overflow:visible}.timeline-pin{position:absolute;left:0;top:4px;width:7px;height:7px;border:1px solid var(--surface);border-radius:50%;background:color-mix(in srgb,var(--surface) 16%,var(--black))}.timeline-marker.next .timeline-pin{width:11px;height:11px;left:-2px;top:2px;background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 19%,transparent)}.timeline-marker.past .timeline-pin{background:color-mix(in srgb,var(--surface) 70%,var(--black));border-color:color-mix(in srgb,var(--surface) 70%,var(--black))}.timeline-label{position:absolute;top:21px;left:8px;width:118px;text-align:left;font-size:9px;line-height:1.25}.timeline-label{pointer-events:none}.timeline-label small{display:block;color:var(--on-dark-muted);font-size:9px}.timeline-track{height:150px;overflow:hidden}.dev-toolbar,.dev-toolbar-actions,.week-timeline{min-width:0;max-width:100%}.dev-toolbar{overflow:hidden}.dev-toolbar-actions{flex-wrap:wrap}.timeline-now{position:absolute;z-index:0;top:21px;width:2px;height:61px;background:var(--danger);box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 19%,transparent);pointer-events:none}.timeline-now.before,.timeline-now.after{opacity:.55;border-left:2px dashed var(--danger);background:transparent;box-shadow:none}.timeline-marker{z-index:1}.timeline-summary,.timeline-legend{margin:3px 0;color:var(--on-dark-muted);font-size:10px}.timeline-jump-note{display:flex;align-items:center;gap:10px;font-size:10px}.timeline-jump-note p{margin:0;color:var(--primary)}.timeline-cutoff{margin:2px 0;padding:0;border:0;background:transparent;color:var(--on-dark-muted);font-size:9px;text-decoration:underline}.timeline-legend span{display:inline-block;width:10px;height:6px;margin-right:4px;background:var(--accent)}.dev-time{display:flex;align-items:center;gap:7px;padding:0 5px;font-size:11px;color:var(--on-dark-muted)}.dev-time strong{color:var(--on-dark);font-size:12px}.dev-dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.dev-message{font-size:11px;color:var(--on-dark)}@media(max-width:700px){.dev-toolbar{flex-wrap:nowrap;justify-content:stretch;padding:7px 8px}.dev-toolbar-actions{flex-wrap:wrap;justify-content:center}.timeline-track{height:124px}.timeline-label{width:72px;font-size:8px}.dev-time{flex:1 0 100%;justify-content:center}}.now-strip{position:relative;height:180px;overflow:hidden;margin:6px 0 0;width:100%}.now-strip-track{position:absolute;left:50%;top:0;width:0;height:100%;will-change:transform}.now-strip-track>*{position:absolute}.now-strip-window{top:40px;height:7px;background:var(--accent);opacity:.7;border-radius:5px}.now-strip-hour{top:22px;transform:translate(-50%);font-size:10px;color:var(--on-dark-muted);white-space:nowrap}.now-strip-midnight{top:0;bottom:0;border-left:2px solid currentColor;opacity:.85}.now-strip-midnight b{position:absolute;top:140px;left:6px;font-size:11px;white-space:nowrap}.strip-marker{transform:translate(-50%);width:8px;height:30px;padding:0;border:0;background:transparent;color:inherit;cursor:default;z-index:1}button.strip-marker:not(:disabled){cursor:pointer}.strip-marker .timeline-pin{left:0;top:0}.strip-label{position:absolute;top:12px;left:-4px;width:120px;text-align:left;font-size:10px;line-height:1.2;pointer-events:none}.strip-label small{display:block;color:var(--on-dark-muted);font-size:9px}.strip-marker.next .timeline-pin{width:11px;height:11px;left:-2px;top:-2px;background:var(--primary);border-color:var(--primary)}.strip-marker.past{opacity:.6}.now-strip-now{position:absolute;left:50%;top:0;bottom:0;width:0;border-left:2px solid var(--danger);z-index:2;pointer-events:none}.now-strip-now i{position:absolute;top:0;left:50%;transform:translate(-50%);padding:1px 6px;border-radius:4px;background:var(--danger);color:#fff;font-style:normal;font-size:10px;font-weight:700;white-space:nowrap}.now-strip:before{content:"";position:absolute;top:0;right:50%;bottom:0;left:0;background:color-mix(in srgb,currentColor 7%,transparent);pointer-events:none}@media(prefers-reduced-motion:reduce){.now-strip-track{transition:none!important}}@media(max-width:480px){.strip-label{width:84px;font-size:9px}}.strip-jump{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.strip-jump .timeline-marker{position:static;transform:none;width:auto;height:auto;padding:4px 8px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:6px;background:transparent;color:inherit;cursor:pointer;text-align:left}.strip-jump .timeline-marker:disabled{cursor:default;opacity:.5}.strip-jump .timeline-marker.next{border-color:var(--primary)}.strip-jump .timeline-marker.target{border-color:var(--primary);font-weight:var(--fw-bold)}.strip-jump .timeline-label{position:static;display:block;width:auto;pointer-events:none;font-size:11px}.strip-jump .timeline-label small{display:block;font-size:10px;opacity:.75}.results-panel{min-width:0}.results-panel .final-summary{padding:10px 4px 14px;border-bottom:1px solid var(--line)}.results-panel .final-summary h2{margin:0;font-size:clamp(34px,9vw,56px);line-height:1}.result-outcome{margin:5px 0;font-size:20px;font-weight:800}.result-explanation{margin:8px 0 0;color:var(--muted)}.results-panel .result-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:none;overflow:visible;min-width:0}.results-panel .result-list section{min-width:0}.results-panel .result-list h3{margin:12px 0 4px;font-size:17px}.results-panel .result-line{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 8px;border-bottom:1px solid var(--line);min-width:0}.results-panel .result-line-teams{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.results-panel .result-line-teams strong{min-width:0;overflow-wrap:anywhere}.results-panel .result-line-teams b{flex:none;font-size:18px}.results-panel .result-line p{margin:0;color:var(--muted);overflow-wrap:anywhere}.results-panel .result-line-outcome{justify-self:start}.results-panel .result-line.is-goal{border-left:4px solid var(--success);background:color-mix(in srgb,var(--success) 8%,transparent)}@media(max-width:700px){.results-panel .result-list{grid-template-columns:repeat(2,minmax(0,1fr))}.results-panel .other-games{grid-column:1/-1}}.results-panel .result-attacks{display:grid;gap:4px;margin:2px 0 0;padding-left:24px;min-width:0}.results-panel .result-attacks li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;min-width:0;overflow-wrap:anywhere}.results-panel .result-attacks li.is-goal{color:var(--success)}.results-panel .result-saves{min-width:0;border-top:1px solid var(--line);padding-top:8px;overflow-wrap:anywhere}.results-panel .result-saves h3{margin:8px 0 4px;font-size:17px}.results-panel .result-saves p{margin:4px 0}.results-panel .result-nobody{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--black, var(--text));border-left-width:8px;border-radius:8px;background:var(--surface)}.results-panel .result-none{margin:0}.form-marks{display:inline-flex;gap:3px;flex-wrap:nowrap}.form-mark{display:inline-flex;align-items:center;gap:2px;min-width:30px;justify-content:center;padding:1px 4px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);color:var(--text);font-size:11px;font-weight:var(--fw-bold);line-height:1.4}.form-glyph{font-size:8px}.form-w{background:var(--success-soft);border-color:var(--success)}.form-w .form-glyph{color:var(--success)}.form-d{background:var(--warning-soft);border-color:var(--warning)}.form-d .form-glyph{color:var(--warning)}.form-l{background:var(--danger-soft);border-color:var(--danger)}.form-l .form-glyph{color:var(--danger)}.team-cell{display:grid;gap:2px;min-width:0}.team-right{text-align:right;justify-items:end}.team-name{font-weight:var(--fw-bold);overflow-wrap:break-word}.team-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.team-right .team-meta{justify-content:flex-end}.team-pos{display:inline-block;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--line);color:var(--text);font-size:11px;font-weight:var(--fw-bold)}.quota-card{display:grid;gap:var(--space-3);margin:var(--space-3) 0}.quota-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:var(--space-4);align-items:end}.quota-meter{display:grid;gap:var(--space-1);min-width:0}.quota-label{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--fs-sm)}.quota-track{display:block;height:8px;border-radius:99px;background:var(--line);overflow:hidden}.quota-fill{display:block;height:100%;border-radius:inherit;transition:width .25s}.quota-total{display:grid;justify-items:end}.colour-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none}.cat-blue{background:var(--cat-blue)}.cat-green{background:var(--cat-green)}.cat-red{background:var(--cat-red)}.colour-legend{margin:0;display:grid;gap:var(--space-2)}.colour-legend>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:var(--space-3);align-items:baseline}.colour-legend dt{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-bold)}.colour-legend dd{margin:0;font-size:var(--fs-sm)}.stream-list>li{cursor:default}.stream-card.is-picked{border-color:var(--accent);background:var(--accent-soft)}.stream-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.stream-title{flex:1 1 200px;min-width:0;display:grid;gap:2px}.stream-name{font-size:var(--fs-md);overflow-wrap:break-word}.stream-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.stream-reason{margin:var(--space-2) 0 0;color:var(--muted)}.stream-fixtures{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);display:grid;gap:var(--space-2)}.fixture-lines{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.fixture-line{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--line)}.fixture-mid{display:grid;justify-items:center}.fixture-vs{color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase}.slot-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.slot-row.slot-empty{background:var(--surface-2);border-style:dashed;color:var(--muted)}.slot-no{flex:none;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--muted);min-width:48px}.slot-name{flex:1 1 auto;min-width:0;font-weight:var(--fw-bold);overflow-wrap:break-word}.attack-layout{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}.attack-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--space-4)}.attack-sheets{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-5);align-items:start}.fixture-card{display:grid;gap:var(--space-3);align-content:start}.fixture-card .ui-eyebrow{margin:0}.fixture-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-3);align-items:center;font-size:var(--fs-lg)}.fixture-teams .team-name{font-size:var(--fs-lg)}.attack-chips{display:flex;flex-wrap:wrap;gap:var(--space-3)}.attack-chip-wrap{display:grid;gap:2px;justify-items:center;min-width:96px;flex:1 1 96px}.attack-chip-label{font-size:var(--fs-xs);color:var(--muted);font-weight:var(--fw-bold)}.ui-btn.score-chip{min-width:96px;width:100%;min-height:56px;font-size:var(--fs-xl);font-variant-numeric:tabular-nums}.ui-btn.score-chip.is-empty{border-style:dashed;border-width:2px;color:var(--muted);background:var(--surface-2)}.ui-btn.score-chip.is-filled{background:var(--surface);border-color:var(--line-strong)}.ui-btn.score-chip.is-blocked{border-color:var(--danger);background:var(--danger-soft)}.ui-btn.score-chip.is-open{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.score-chip-static{display:grid;place-items:center;width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--fs-lg)}.attack-error{grid-column:1 / -1;text-align:left;font-size:var(--fs-xs)}.attack-chip-wrap .attack-error{width:100%}.score-editor{display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--surface-2)}.score-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.ui-btn.score-quick-btn{min-height:40px;font-size:var(--fs-md);font-variant-numeric:tabular-nums;padding:0}.steppers{display:flex;flex-wrap:wrap;gap:var(--space-4)}.stepper{display:flex;align-items:center;gap:var(--space-2)}.stepper-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);min-width:40px}.stepper-value{min-width:28px;text-align:center;font-size:var(--fs-xl);font-weight:var(--fw-bold)}.wheels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.wheel{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--space-1) 0}.ui-btn.wheel-digit{flex:none;min-width:44px;min-height:52px;font-size:var(--fs-xl);scroll-snap-align:center}.score-type{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2)}.score-type .ui-field{flex:1 1 120px}.score-type-error{color:var(--danger);font-weight:var(--fw-medium);margin:0}.progress-ring{margin:0 0 var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.progress-ring figcaption{display:grid}.progress-ring strong{font-size:var(--fs-xl)}.ring-track{stroke:var(--line)}.ring-fill{stroke:var(--accent);transition:stroke-dasharray .3s}.summary-list{margin:0;padding-left:var(--space-5);font-size:var(--fs-sm);display:grid;gap:var(--space-1)}.attack-summary h4{overflow-wrap:break-word}.lock-info{display:grid;gap:2px;min-width:0}.lock-note{color:var(--muted);font-size:var(--fs-xs);max-width:640px}.room-action-bar{min-height:84px}.room-action-bar .room-submit{max-width:min(560px,60vw);overflow:visible;text-overflow:clip;white-space:normal;text-align:left;line-height:1.25;padding-top:var(--space-2);padding-bottom:var(--space-2)}.next-step{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:2px 5px}.next-why{font-size:11px;color:var(--on-dark-muted);flex:1 1 260px}.next-step.is-pending .next-why{color:var(--on-dark)}.timeline-marker.target .timeline-pin{width:15px;height:15px;left:-4px;top:0;background:var(--primary);border:2px solid var(--on-dark);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 35%,transparent)}.timeline-marker.target .timeline-label{color:var(--primary);font-weight:var(--fw-bold)}.timeline-target-note{color:var(--primary)}.moment-day{margin-bottom:var(--space-3)}.moment-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.moment{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:var(--space-3);align-items:start;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-left-width:4px;border-radius:var(--radius-md);background:var(--surface)}.moment-goal{border-left-color:var(--success);background:var(--success-soft)}.moment-saved{border-left-color:var(--accent);background:var(--accent-soft)}.moment-near{border-left-color:var(--warning);background:var(--warning-soft)}.moment-icon{font-size:20px;line-height:1.3}.moment-text{display:grid;gap:2px;min-width:0}.moment-text small{color:var(--text);font-size:var(--fs-xs)}.moment-more{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.live-all{margin-top:var(--space-3)}.live-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}@media(max-width:1279px){.attack-layout{grid-template-columns:minmax(0,1fr)}.attack-summary{order:-1;position:static}}@media(max-width:700px){.quota-row{grid-template-columns:1fr}.quota-total{justify-items:start}.colour-legend>div{grid-template-columns:1fr;gap:2px}.fixture-line{grid-template-columns:1fr;text-align:left}.fixture-line .team-right{text-align:left;justify-items:start}.fixture-line .team-right .team-meta{justify-content:flex-start}.fixture-mid{justify-items:start;grid-auto-flow:column;gap:var(--space-2)}.attack-board{grid-template-columns:1fr}.fixture-teams{grid-template-columns:1fr;font-size:var(--fs-md)}.fixture-teams .team-right{text-align:left;justify-items:start}.fixture-teams .team-right .team-meta{justify-content:flex-start}.fixture-vs{justify-self:start}.score-quick{grid-template-columns:repeat(4,minmax(0,1fr))}.lock-note{display:none}.room-action-bar{flex-direction:column;align-items:stretch;gap:var(--space-2)}.room-action-bar .row-end{width:100%}.room-action-bar .row-end .ui-btn{flex:1 1 0}.room-action-bar .room-submit{max-width:none}.room-action-bar .draft-status{display:block}}.attack-saved{font-weight:var(--fw-medium)}.attack-saved.is-saved{color:var(--success, var(--accent))}.score-status{font-size:var(--fs-sm);color:var(--muted)}.waiting-all,.find-why{margin:var(--space-2) 0 0}:root{--page-max: 100vw}.room-page{width:calc(100% - 48px)}.sign{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text)}.sign-icon{flex:none;display:grid;place-items:center}.sign-text{display:grid;gap:2px;min-width:0}.sign-title{font-family:var(--font-display);font-size:var(--fs-xl);line-height:1;letter-spacing:.02em;text-transform:uppercase}.sign-sub{font-size:var(--fs-sm);color:var(--muted)}.sign-round{border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4)}.sign-banner{display:flex;width:100%;border-radius:var(--radius-md)}.sign-you{background:var(--action);border-color:var(--action-foreground);color:var(--action-foreground)}.sign-you .sign-sub{color:var(--action-foreground)}.sign-opponent{background:var(--surface-sunken);color:var(--text)}.sign-wait{border-style:dashed}.sign-done{background:var(--success-soft);border-color:var(--success)}.sign-danger{background:var(--danger-soft);border-color:var(--danger)}.sign-hero{padding:var(--space-6) var(--space-7);gap:var(--space-5);box-shadow:var(--shadow-2)}.sign-hero .sign-title{font-size:var(--fs-3xl)}.waiting-card{display:grid;justify-items:center;gap:var(--space-5);padding:var(--space-7) var(--space-4)}.sign-plaque,.lock-plaque{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-1) var(--space-3);border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--fs-md)}.sign-plaque strong,.lock-plaque strong{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.02em}.streams-full{margin-top:var(--space-3)}.attack-hidden{display:inline-flex;align-items:center;gap:var(--space-1)}.guide-help{width:44px;height:44px;padding:0;border-radius:50%;border:2px solid var(--line-strong);background:var(--surface)}.rule-rail{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.rule-rail-book{display:grid;gap:var(--space-2)}.rule-card.ui-btn{justify-content:flex-start;gap:var(--space-2);min-height:44px;padding:var(--space-1) var(--space-3);border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);text-align:left;font-weight:var(--fw-medium)}.rule-rail-book .rule-card.ui-btn{width:100%}.rule-icon{display:grid;place-items:center}.rule-diagram{display:inline-flex;gap:3px}.rule-chip{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-sunken);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text)}.rule-chip-blue{border-color:var(--cat-blue);box-shadow:inset 0 -3px 0 var(--cat-blue)}.rule-chip-green{border-color:var(--cat-green);box-shadow:inset 0 -3px 0 var(--cat-green)}.rule-chip-red{border-color:var(--cat-red);box-shadow:inset 0 -3px 0 var(--cat-red)}.rule-chip-on,.rule-chip-goal{background:var(--success-soft);border-color:var(--success)}.rule-chip-ring{border-width:3px;border-color:var(--accent);background:var(--accent-soft)}.rule-chip-x{text-decoration:line-through;border-style:dashed;color:var(--muted)}.rule-chip-void{border-color:var(--danger);background:var(--danger-soft)}.rule-chip-empty{border-style:dashed;background:none}.explain-demo{display:grid;justify-items:start;gap:var(--space-3)}.explain-slot,.explain-chips,.explain-board{display:flex;flex-wrap:wrap;gap:var(--space-2)}.explain-demo .rule-chip{min-width:44px;height:44px;font-size:var(--fs-md)}.explain-board>span{display:grid;gap:2px;padding:var(--space-2) var(--space-3);border:2px solid var(--line-strong);border-radius:var(--radius-md);font-size:var(--fs-sm)}.explain-board strong{font-family:var(--font-display);font-size:var(--fs-xl)}.explain-line{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-medium)}.explain-refused{color:var(--danger);animation:explain-shake .3s}@keyframes explain-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.rule-art{display:inline-flex;align-items:center;gap:var(--space-2)}.rule-tile{display:inline-grid;gap:0;padding:2px var(--space-2);border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:1.2;text-align:center}.rule-tile i{font-style:normal;font-weight:var(--fw-regular);color:var(--muted)}.rule-tile-stream{background:var(--accent-soft);border-color:var(--accent)}.rule-arrow{font-weight:var(--fw-bold)}.rule-clock{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:3px solid var(--success);background:var(--success-soft);font-family:var(--font-display);font-size:var(--fs-md)}.rule-tile-x{border-style:dashed;color:var(--muted);text-decoration:line-through}.explain-demo .rule-tile{font-size:var(--fs-md);padding:var(--space-2) var(--space-3)}.explain-demo .rule-clock{width:72px;height:72px;font-size:var(--fs-2xl)}.lock-plaque{margin-left:auto}.guide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none}.guide-dim{position:fixed;background:var(--overlay);pointer-events:auto}.guide-ring{position:fixed;border:3px solid var(--action);border-radius:var(--radius-lg);box-shadow:0 0 0 3px var(--text);pointer-events:none;animation:guide-pulse 1.4s ease-in-out infinite}@keyframes guide-pulse{50%{box-shadow:0 0 0 7px var(--text)}}.guide-card{position:fixed;z-index:81;left:50%;bottom:var(--space-4);transform:translate(-50%);display:grid;gap:var(--space-2);width:min(460px,calc(100% - 32px));padding:var(--space-4);border:3px solid var(--action);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-3);pointer-events:auto}.guide-card .guide-actions{position:relative;z-index:1}.guide-card-top{top:var(--space-4);bottom:auto}.guide-card p{display:flex;align-items:center;gap:var(--space-2);margin:0}.guide-callout{font-family:var(--font-display);font-size:var(--fs-2xl);line-height:1.1;text-transform:uppercase}.guide-after,.guide-then{font-size:var(--fs-md)}.guide-label{padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--surface-sunken);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase}.guide-then{padding:var(--space-1) var(--space-2);border:2px solid var(--line-strong);border-radius:var(--radius-sm)}.guide-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.guide-dots{margin-right:auto;font-weight:var(--fw-bold);color:var(--muted)}@media(prefers-reduced-motion:reduce){.guide-ring,.explain-refused{animation:none}}@media(max-width:700px){.room-page{width:calc(100% - 24px)}.rule-card .rule-diagram,.rule-card .rule-art .rule-tile-stream,.rule-card .rule-art .rule-arrow{display:none}.sign-hero{padding:var(--space-5)}.sign-hero .sign-title{font-size:var(--fs-2xl)}.lock-plaque{margin-left:0}.guide-callout{font-size:var(--fs-xl)}}.route{display:grid;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface)}.route[data-actor=you]{border-color:var(--action-foreground);box-shadow:inset 0 4px 0 var(--action)}.route-cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-2) var(--space-4)}.route-cell{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--space-2);row-gap:0;margin:0;min-width:0}.route-cell>svg{grid-row:1 / span 3}.route-k{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em}.route-cell strong{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.02em;line-height:1.15;overflow-wrap:anywhere}.route-sub{color:var(--muted);font-size:var(--fs-sm)}.route-do-you strong{color:var(--text);background:var(--action);padding:0 var(--space-2);border-radius:var(--radius-sm);justify-self:start}.route-do-opponent strong,.route-do-wait strong{font-style:normal}.route-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.route-nodes{display:flex;flex:1 1 360px;gap:0;margin:0;padding:0;list-style:none;min-width:0}.route-node{position:relative;flex:1 1 0;display:grid;justify-items:center;gap:2px;min-width:0;text-align:center}.route-node+.route-node:before{content:"";position:absolute;top:13px;right:50%;width:100%;border-top:3px solid var(--line)}.route-node-done+.route-node:before,.route-node-current:before{border-top-color:var(--success)}.route-dot{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--line-strong);background:var(--surface);color:var(--muted)}.route-node-done .route-dot{background:var(--success-soft);border-color:var(--success);color:var(--success)}.route-node-current .route-dot{width:34px;height:34px;margin:-3px 0;background:var(--action);border-color:var(--action-foreground);color:var(--action-foreground)}.route-label{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.03em;text-transform:uppercase;line-height:1.1;color:var(--muted)}.route-node-current .route-label,.route-node-done .route-label{color:var(--text)}.route-here{font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--action);color:var(--action-foreground);white-space:nowrap}.route-left{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.route-rule.ui-btn{gap:var(--space-1);min-height:44px;border:2px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface)}@media(max-width:767px){.route-node:not(.route-node-current) .route-label{display:none}.route-here{display:none}.route-node-current .route-label{position:absolute;top:34px;font-size:11px}.route-nodes{padding-bottom:14px}.route-cells{grid-template-columns:repeat(2,minmax(0,1fr))}.route-day,.route-standing{grid-column:1 / -1}}.route-stop{position:relative;z-index:1;display:grid;justify-items:center;gap:2px;min-width:0;width:100%;padding:0;border:0;background:none}.route-stop.ui-btn{min-height:44px;border-radius:var(--radius-md)}.route-stop:is(button):hover .route-dot{border-color:var(--text)}.route-reviewing .route-dot{box-shadow:0 0 0 3px var(--accent)}.route-in{color:var(--muted)}.route-line .guide-help{margin-left:0}.route-wrap{display:grid;gap:var(--space-3)}.gloss{border:1px solid var(--line);border-radius:var(--radius-md, 8px);background:var(--surface);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm, 14px)}.gloss summary{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;min-height:32px;font-weight:600}.gloss dl{margin:var(--space-2) 0 0;display:grid;gap:var(--space-1)}.gloss dl div{display:flex;gap:var(--space-2);flex-wrap:wrap}.gloss dt{font-weight:700}.gloss dd{margin:0;color:var(--muted)}.club-wrap{width:100%;padding:calc(1.2 * var(--pg-rem)) var(--pg-gutter) 100px;display:grid;gap:calc(1.1 * var(--pg-rem));align-content:start}.club-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.club-head h1{margin:0;font-family:var(--font-display);font-size:var(--fs-3xl);line-height:var(--lh-tight)}.club-v{color:var(--muted);font-size:var(--fs-xl)}.club-guide{margin-left:auto}.club-back{display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--text);background:var(--surface)}.club-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start}.club-grid>.ui-notice,.club-grid>[role=alert],.club-grid>[role=status]{grid-column:1 / -1}.club-grid-room{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.club-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.club-list li{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch);flex-wrap:wrap}.club-name{flex:1;min-width:0;font-weight:var(--fw-medium);overflow-wrap:anywhere}.club-sign{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-lg);margin:0 0 var(--space-3)}.club-check{display:flex;gap:var(--space-2);align-items:center;font-size:var(--fs-sm);margin-top:var(--space-2)}.club-rules{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--surface)}.club-rules summary{cursor:pointer;min-height:var(--touch);display:flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-medium)}.club-rules ul{margin:0 0 var(--space-3);padding-left:var(--space-5);display:grid;gap:var(--space-1);font-size:var(--fs-sm)}.club-panel-stack{display:grid;gap:var(--space-3)}.club-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0}.club-track li{display:grid;justify-items:center;gap:var(--space-1);position:relative;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.club-track li:before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:3px;background:var(--line-strong);z-index:0}.club-track li:first-child:before{display:none}.club-track li.is-done:before,.club-track li.is-now:before{background:var(--success)}.club-track-dot{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line-strong);color:var(--muted);font-size:var(--fs-sm)}.club-track li.is-done .club-track-dot{background:var(--success);border-color:var(--success);color:var(--on-dark)}.club-track li.is-now{color:var(--text)}.club-track li.is-now .club-track-dot{background:var(--primary);border-color:var(--black);color:var(--on-primary)}.club-road{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.club-road>div{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-2);align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.club-road .club-q{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.club-road strong{grid-column:1 / -1;font-size:var(--fs-md);overflow-wrap:anywhere}.club-road .club-road-now{background:var(--primary-soft);border-color:var(--primary)}.club-overview-road{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));margin-block:var(--space-3)}.club-overview-road>div{min-width:0}.club-score{font-family:var(--font-display);font-size:var(--fs-3xl);margin:0}.club-table{width:100%;border-collapse:collapse}.club-table th,.club-table td{text-align:left;padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--line);font-size:var(--fs-sm)}.club-table tr.is-me td{font-weight:var(--fw-bold);background:var(--primary-soft)}.club-state{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--fw-medium)}.club-state-done{color:var(--success)}.club-state-pending{color:var(--warning)}.club-state-waiting{color:var(--muted)}.club-facts{list-style:none;margin:0 0 var(--space-3);padding:0;display:grid;gap:var(--space-2)}.club-facts li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);flex-wrap:wrap}.club-choose-head{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-2);font-weight:var(--fw-medium)}.club-fixtures{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.club-fixture,.club-save{width:100%;min-height:var(--touch);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer}.club-fixture.is-on,.club-save.is-on{background:var(--primary-soft);border:2px solid var(--black);font-weight:var(--fw-bold)}.club-save:disabled{cursor:default;opacity:.75}.club-progress{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3)}.club-entries{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.club-entries li{display:flex;align-items:center;gap:var(--space-2)}.club-entries li>.club-save{flex:1}.club-entries li:not(:has(.club-save)){justify-content:space-between;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.club-entry-name{flex:1;min-width:0;font-size:var(--fs-sm);overflow-wrap:anywhere}.club-entry-score{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--fw-bold)}.club-entry-score .ui-input-compact{width:56px;text-align:center}.club-sides{margin:0;font-size:var(--fs-xs)}@media(max-width:900px){.club-grid-room{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.club-head h1{font-size:var(--fs-2xl)}.club-track li{font-size:10px}.club-track-dot{width:28px;height:28px}.club-track li:before{top:13px}}@media(max-width:480px){.topbar{gap:var(--space-2);padding:0 var(--space-4)}.topbar nav{gap:var(--space-2);font-size:var(--fs-sm);min-width:0}.topbar-right .ui-btn{padding:0 var(--space-2)}.brand-wordmark{height:22px}}@media(min-width:1100px){.club-road,.club-overview-road{grid-template-columns:repeat(6,minmax(0,1fr))}}.club-assign>.muted{margin:var(--space-3) 0 0}.club-leave-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--black) 70%,transparent)}.club-leave-sheet{width:min(100%,760px)}.club-leave-label{font-weight:var(--fw-bold)}.club-leave-sheet ul{list-style:none;padding:0;display:grid;gap:var(--space-2)}.club-leave-sheet li{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch)}.club-leave-actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.club-refill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-3)}.club-refill-card{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:var(--space-2)}.club-refill-card p{margin:0}.club-refill-card .ui-btn{width:100%}.club-swap-lines{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-4);background:var(--primary-soft);border-inline-start:4px solid var(--primary)}.club-swap-lines span{font-weight:var(--fw-medium)}@media(min-width:1000px){.club-refill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.club-mode{display:flex;gap:var(--space-2);flex-wrap:wrap}.club-mode .ui-btn{min-height:var(--touch);padding-inline:var(--space-3)}.club-empty,.club-home,.club-manage{width:min(100%,560px);margin-inline:auto;display:grid;gap:var(--space-3)}.club-empty .ui-panel,.club-state-card{padding:var(--space-4)}.club-empty .ui-panel{display:grid;gap:var(--space-3)}.club-empty .club-create .ui-btn{min-height:68px;font-size:var(--fs-xl);font-weight:var(--fw-bold)}.club-find-list li{border-top:1px solid var(--line);padding-block:var(--space-2);flex-wrap:nowrap}.club-badge{flex:none;display:grid;place-items:center;width:44px;height:44px;background:var(--ink, #111);color:var(--bg, #fff);font-weight:var(--fw-bold);letter-spacing:.04em}@media(max-width:599px){.club-manage .club-list li>.club-name{flex-basis:100%}}.club-empty .club-list small.club-bots-note{color:var(--ink, inherit);font-weight:var(--fw-bold);margin-top:2px}.club-removed{display:grid;gap:var(--space-2)}.club-remove-ask{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.club-remove-ask b{flex-basis:100%}.club-manage .club-list small,.club-empty .club-list small{display:block;color:var(--muted);font-size:var(--fs-sm)}.club-text-link,.club-home-links button,.club-home-links a{border:0;background:none;color:var(--muted);font:inherit;text-decoration:none;cursor:pointer}.club-text-link{justify-self:center;padding:var(--space-2)}.club-home-status{margin:0;color:var(--muted);font-size:var(--fs-sm)}.club-state-card{text-align:center}.club-state-card h2{margin:0;font-size:var(--fs-2xl)}.club-state-card p{margin:var(--space-1) 0 var(--space-3);color:var(--muted)}.club-state-card .ui-btn{width:100%;min-height:68px;font-size:var(--fs-xl);font-weight:var(--fw-bold)}.club-lineup-summary h2{margin:0 0 var(--space-2);font-size:var(--fs-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.club-lineup-summary>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.club-lineup-summary span{min-width:0;padding:var(--space-2) 2px;border-radius:var(--radius-md);background:var(--surface);text-align:center;font-size:var(--fs-xs);overflow-wrap:anywhere}.club-lineup-summary small{display:block;color:var(--muted);font-size:var(--fs-sm);line-height:1.25}.club-home-links{display:flex;justify-content:space-between;padding:var(--space-2) 0}.club-home-links button,.club-home-links a{position:relative;min-height:var(--touch);display:inline-flex;align-items:center;padding:var(--space-2)}.club-request-dot{position:absolute;top:4px;right:0;width:9px;height:9px;border-radius:50%;background:var(--danger)}.club-manage>.ui-btn:first-child{justify-self:start}.club-manage>.ui-panel{display:grid;gap:var(--space-3)}.club-manage h3{margin:var(--space-2) 0 0;font-size:var(--fs-md)}.club-manage .club-rules{margin-top:var(--space-2)}@media(max-width:420px){.club-lineup-summary>div{gap:4px}.club-lineup-summary span{font-size:11px}}.club-selection-sign{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-3) var(--space-4);color:var(--text);text-decoration:none;background:var(--primary-soft);border:2px solid var(--primary);border-radius:var(--radius-md)}.club-selection-sign strong{font-size:var(--fs-lg)}.club-placement{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:var(--space-2);margin:0 0 var(--space-3)}.club-placement p{display:grid;gap:var(--space-1);margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.club-placement span{color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em}.club-placement strong{overflow-wrap:anywhere}.club-selection-sign span{margin-left:auto;color:var(--muted);font-size:var(--fs-sm)}@media(min-width:900px){.club-home-wide{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.club-home-wide>.club-home-status,.club-home-wide>.club-home-links{grid-column:1 / -1}}@media(max-width:480px){.club-selection-sign{align-items:flex-start;flex-wrap:wrap}.club-selection-sign span{width:100%;margin-left:calc(var(--touch) + var(--space-3))}}@media(min-width:1500px){.club-wrap{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--space-6)}.club-home{width:100%;max-width:none;margin-inline:0}.club-home-wide{gap:var(--space-6)}.club-home-wide>.ui-panel,.club-grid:not(.club-grid-room)>.ui-panel,.club-state-card{padding:var(--space-6)}}@media(min-width:1800px){.club-grid:not(.club-grid-room){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1500px){.club-wrap{font-size:clamp(1rem,calc(.6rem + .55vw),1.35rem)}.club-home-wide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1800px){.club-home-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.club-home-wide>.ui-panel:first-of-type{grid-column:span 1}.club-home-wide>.club-lineup-summary{grid-column:span 1}.club-home-wide>.club-home-links{grid-column:1 / -1}}@media(min-width:1500px){.club-home-wide{font-size:clamp(1rem,calc(.6rem + .55vw),1.35rem)}.club-lineup-summary h2{font-size:var(--fs-lg)}.club-lineup-summary>div{gap:clamp(6px,.6vw,12px)}}.club-next-steps{padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md)}.club-next-steps h2{margin:0 0 var(--space-2);font-size:var(--fs-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.club-next-steps ul{margin:0;padding-left:1.1em;display:grid;gap:var(--space-2)}@media(min-width:1500px){.club-home-wide{font-size:clamp(1.15rem,calc(.7rem + .6vw),1.6rem);align-items:stretch}.club-state-card h2{font-size:clamp(2rem,2.2vw,3rem)}.club-state-card .ui-btn{font-size:1.2em;min-height:3.2em}.club-lineup-summary>div{grid-template-columns:repeat(auto-fit,minmax(7em,1fr))}.club-lineup-summary span{font-size:1.1em;padding:var(--space-4) var(--space-2)}.club-lineup-summary small{font-size:.85em}.club-next-steps{padding:var(--space-6)}}@media(min-width:1800px){.club-home-wide>.club-lineup-summary{grid-column:span 1}.club-home-wide>.club-lineup-summary>div{grid-template-columns:repeat(2,minmax(0,1fr))}}.club-home.club-home-wide.club-b{width:100%;max-width:none;margin-inline:0;grid-template-columns:1fr;align-items:start;font-size:inherit}.club-b>.club-home-links,.club-b>.ui-notice{grid-column:1 / -1}.club-squad,.club-card,.club-tile{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-width:0}.club-squad h2,.club-card h2,.club-live h2{margin:0 0 var(--space-2);font-size:var(--fs-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.club-squad-table{width:100%;border-collapse:collapse}.club-squad-table th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:var(--space-2) var(--space-1);border-bottom:2px solid var(--line)}.club-squad-table td{padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--line);vertical-align:middle}.club-squad-table td:first-child{display:flex;align-items:center;gap:var(--space-2);min-width:0}.club-squad-table .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.club-squad-table tr.mine td{background:var(--primary-soft)}.club-open-seat td{color:var(--muted)}.club-ava{flex:none;width:2.4em;height:2.4em;border-radius:50%;background:#2b2f38;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85em}.club-ava-open{background:none;border:2px dashed var(--line-strong);color:var(--muted)}.club-pname{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--space-2);min-width:0}.club-pname b{flex-basis:100%;overflow-wrap:anywhere}.club-role{display:inline-block;font-size:var(--fs-xs);color:var(--muted);font-weight:600}.club-role-cap{background:var(--primary);color:#15171c;border-radius:6px;padding:0 6px}.club-form{display:inline-flex;gap:3px}.club-fm{width:1.5em;height:1.5em;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.75em;color:#fff;background:var(--success)}.club-fm-L{background:#b3261e}.club-fm-D{background:var(--muted)}.club-note{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--fs-sm)}.club-side{display:grid;gap:var(--space-3);min-width:0}.club-live{background:#15171c;color:#f7f4ec;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-2)}.club-live h2{color:#cfcabb;margin:0}.club-score{margin:0;font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1}.club-live .ui-btn{width:100%;min-height:56px;font-weight:var(--fw-bold)}.club-b .club-state-card{text-align:left}.club-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.club-tile b{display:block;font-family:var(--font-display);font-size:2.2rem;line-height:1}.club-tile span{color:var(--muted);font-weight:600}.club-card b{font-size:var(--fs-lg)}.club-card p{margin:0;color:var(--muted)}@media(max-width:899px){.club-b .xs-hide,.club-squad-table .club-ava{display:none}}@media(min-width:900px){.club-home.club-home-wide.club-b{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-4)}}.club-wrap>.club-head .seg{margin-left:auto;display:inline-flex;border:2px solid var(--black);border-radius:999px;overflow:hidden;background:var(--surface)}.club-wrap>.club-head .seg button{border:0;background:none;padding:.4rem 1.1rem;font-weight:700;min-height:2.4rem;color:inherit}.club-wrap>.club-head .seg button.on{background:var(--primary);color:var(--on-primary)}@media(min-width:900px){.club-empty{width:100%;margin-inline:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.club-empty>.ui-notice,.club-empty>.club-text-link{grid-column:1 / -1}}@media(min-width:1500px){.club-wrap{max-width:none;margin-inline:0;padding-inline:var(--pg-gutter)}}.ladder-wrap{width:min(100%,592px);margin-inline:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;align-content:start}.ladder-head{padding-bottom:2px}.ladder-phase{color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.12em}.ladder-title{margin:2px 0 1px;font-size:22px;font-weight:800;line-height:1.25}.ladder-rank-line{display:inline-flex;width:fit-content;padding:5px 10px;border:1px solid var(--primary);border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.ladder-outcome{color:var(--muted);font-size:13px}.ladder-modes{display:flex;gap:6px;margin-top:7px}.ladder-modes button{min-height:var(--touch);padding:4px 14px;border-radius:20px}.ladder-content{display:grid;gap:16px}.ladder-rows{display:grid;gap:8px}.ladder-row{min-height:54px;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--surface);font-size:18px;font-weight:700}.ladder-row.is-me{outline:2px solid var(--primary);outline-offset:-2px}.ladder-rank{width:22px;flex:none;color:var(--muted)}.ladder-name{min-width:0;flex:1;overflow-wrap:anywhere}.ladder-name small{color:var(--muted);font-size:13px;font-weight:500}.ladder-points{color:var(--muted);font-size:15px;white-space:nowrap}.ladder-mark{min-width:18px;text-align:center}.ladder-mark.up{color:var(--success)}.ladder-mark.stay{color:var(--muted)}.ladder-mark.down{color:var(--danger)}.ladder-weeks h2,.ladder-group-card h2{margin:0 0 4px;color:var(--muted);font-size:12px;letter-spacing:.1em}.ladder-week{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 4px;border-bottom:1px solid var(--line);font-size:15px}.ladder-need{min-width:0;padding:12px;border-radius:12px;background:var(--surface)}.ladder-need h2{margin:0 0 8px;font-size:var(--fs-md)}.ladder-need table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--fs-sm)}.ladder-need th,.ladder-need td{padding:7px 4px;border-bottom:1px solid var(--line);text-align:center;overflow-wrap:anywhere}.ladder-need th:first-child{text-align:left}.ladder-need td{font-weight:700}.ladder-need .need-up{background:var(--success-soft)}.ladder-need .need-stay{background:var(--warning-soft)}.ladder-need .need-down{background:var(--danger-soft)}.ladder-need .need-gd{background:var(--warning-soft)}.ladder-need p{margin:8px 0 0;color:var(--muted);font-size:var(--fs-xs)}.ladder-tick{color:var(--success);font-size:18px}.ladder-winner,.ladder-champion{display:grid;gap:3px;padding:10px 14px;border-radius:14px;background:var(--surface);text-align:center}.ladder-winner strong{font-size:18px}.ladder-winner span{color:var(--muted);font-size:13px}.ladder-champion{color:var(--success);font-weight:800}.ladder-link{align-self:stretch;min-height:40px;border:0;background:transparent;color:var(--muted);font-size:15px;text-align:right;cursor:pointer}.ladder-empty{margin:0;padding:14px 0;color:var(--muted)}.ladder-chips{display:flex;gap:10px}.ladder-chips button{flex:1;min-height:52px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:inherit;font-size:18px;font-weight:800}.ladder-chips button.selected{border:2px solid var(--success);background:color-mix(in srgb,var(--success) 16%,var(--surface))}.ladder-group-card{margin-bottom:2px;padding:12px 14px;border-radius:14px;background:var(--surface)}.ladder-group-card.my-group{outline:2px solid var(--primary);outline-offset:-2px}.ladder-card-row{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:15px;font-weight:700}.ladder-card-row>span:last-child{color:var(--muted)}@media(min-width:768px){.ladder-wrap{width:min(100%,592px);padding-top:20px}.ladder-content{gap:20px}}.ladder-wrap.season-history,.ladder-wrap.ladder-daily-page{width:100%;max-width:none;margin-inline:0;padding-inline:16px}.ladder-history-link{align-self:flex-end;display:inline-flex;min-height:var(--touch);align-items:center;padding-inline:8px;color:var(--muted)}.ladder-playing{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.ladder-playing summary{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:44px;padding:8px 12px;cursor:pointer;font-weight:700}.ladder-playing summary span,.ladder-playing li small{color:var(--muted);font-size:12px;font-weight:500}.ladder-playing ul{list-style:none;margin:0;padding:0 12px 8px}.ladder-playing li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--line)}.ladder-playing p{margin:0;padding:0 12px 12px;color:var(--muted)}@media(min-width:768px){.ladder-wrap{width:100%;max-width:none}}@media(min-width:1500px){.ladder-wrap.lp-wrap:not(.ladder-daily-page){width:min(100%,var(--page-max));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:start;gap:var(--space-5) var(--space-6);padding-inline:var(--space-6)}.ladder-wrap.lp-wrap>.ladder-head,.ladder-wrap.lp-wrap>.ladder-history-link{grid-column:1 / -1}.ladder-wrap.lp-wrap>.ladder-playing{grid-column:1;grid-row:3}.ladder-wrap.lp-wrap>.lp{grid-column:2;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:start}.lp-pyramid,.lp-legend,.lp-empty,.lp-road{grid-column:1 / -1}.lp-pyramid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-5)}.lp-pyramid .lp-band{width:100%}.ladder-phase{font-size:var(--fs-sm)}.ladder-title{font-size:var(--fs-xl)}.ladder-outcome,.ladder-name small,.ladder-winner span,.ladder-playing summary span,.ladder-playing li small{font-size:var(--fs-sm)}.ladder-row,.ladder-tick,.ladder-winner strong,.ladder-chips button{font-size:var(--fs-lg)}.ladder-points,.ladder-week,.ladder-link,.ladder-card-row{font-size:var(--fs-md)}.ladder-weeks h2,.ladder-group-card h2{font-size:var(--fs-xs)}.ladder-need th,.ladder-need td{padding:var(--space-2) var(--space-1)}.ladder-need,.ladder-group-card{padding:var(--space-4)}}.ladder-daily{display:grid;gap:12px;width:100%}.ladder-daily h1{margin:0;font-size:20px}.ladder-daily label{display:grid;gap:5px;width:fit-content;color:var(--muted)}.ladder-daily table,.season-table-scroll table{width:100%;border-collapse:collapse;text-align:left}.ladder-daily th,.ladder-daily td,.season-table-scroll th,.season-table-scroll td{padding:8px;border-bottom:1px solid var(--line)}.season-history{gap:12px}.season-picker{display:flex;flex-wrap:wrap;gap:8px}.season-champion{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--surface);font-weight:800}.season-champion span{color:var(--muted)}.season-division>h2,.season-movements>h2{margin:10px 0 6px}.season-group-card h3,.season-movements h3{margin:4px 0 8px;font-size:15px}.season-table-scroll{overflow-x:auto}.season-road{margin:0;padding:12px;border-top:1px solid var(--line);color:var(--muted)}@media(min-width:2400px){.lp-pyramid{grid-template-columns:repeat(3,minmax(0,1fr))}}.theme-picker-options{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
