:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg:oklch(97.2% .005 268);--surface:oklch(100% 0 0);--surface-2:oklch(95% .007 268);--surface-3:oklch(91.5% .01 268);--line:oklch(92% .008 268);--ink:oklch(21% .02 268);--ink-2:oklch(47% .02 268);--accent:oklch(50% .2 268);--accent-hover:oklch(45% .2 268);--on-accent:oklch(99% .003 268);--accent-soft:oklch(94% .035 268);--accent-text:oklch(45% .19 268);--hero:var(--accent);--on-hero:var(--on-accent);--up:oklch(48% .12 155);--up-soft:oklch(94% .045 155);--down:oklch(50% .18 25);--down-soft:oklch(95% .03 25);--warn:oklch(50% .11 60);--warn-soft:oklch(95% .05 85);--shadow-sm:0 1px 2px oklch(25% .03 268/.08);--shadow:0 1px 2px oklch(25% .03 268/.05), 0 6px 22px oklch(25% .03 268/.06);--shadow-lg:0 2px 6px oklch(25% .03 268/.06), 0 14px 34px oklch(25% .03 268/.14);--r-sm:12px;--r:16px;--r-lg:22px;--pill:999px;--ease:cubic-bezier(.25, 1, .5, 1);--z-sticky:10;--z-nav:20;--z-fab:30}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:oklch(16% .012 268);--surface:oklch(21% .014 268);--surface-2:oklch(25.5% .016 268);--surface-3:oklch(30% .018 268);--line:oklch(28% .015 268);--ink:oklch(96.5% .005 268);--ink-2:oklch(74% .016 268);--accent:oklch(70% .15 268);--accent-hover:oklch(76% .13 268);--on-accent:oklch(17% .03 268);--accent-soft:oklch(31% .06 268);--accent-text:oklch(82% .1 268);--hero:oklch(44% .16 268);--on-hero:oklch(99% .003 268);--up:oklch(80% .14 155);--up-soft:oklch(31% .05 155);--down:oklch(77% .14 25);--down-soft:oklch(31% .06 25);--warn:oklch(84% .12 80);--warn-soft:oklch(32% .05 80);--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow:0 1px 2px oklch(0% 0 0/.25), 0 6px 22px oklch(0% 0 0/.2);--shadow-lg:0 2px 6px oklch(0% 0 0/.3), 0 16px 36px oklch(0% 0 0/.45)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:500 15px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800;line-height:1.15}h2{font-size:19px}p{margin:0}small{font-size:13px}.muted{color:var(--ink-2)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}.app{max-width:560px;padding:calc(env(safe-area-inset-top) + 8px) max(16px, env(safe-area-inset-right)) calc(168px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}.page{animation:page-in .26s var(--ease);gap:20px;display:grid}@keyframes page-in{0%{transform:translateY(8px)}}.page-head{gap:4px;padding-top:14px;display:grid}.page-head-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.page-head-text{min-width:0}.page-head h1{font-size:30px}.page-sub{color:var(--ink-2);margin-top:6px;font-size:14.5px;font-weight:600}.back{border-radius:var(--pill);width:fit-content;min-height:44px;color:var(--accent-text);align-items:center;gap:2px;margin-left:-10px;padding:0 12px 0 6px;font-weight:700;display:inline-flex}.tabbar{z-index:var(--z-nav);left:50%;bottom:calc(10px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--line);width:min(100% - 24px,528px);box-shadow:var(--shadow-lg);border-radius:26px;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;display:grid;position:fixed;transform:translate(-50%)}.tab{min-height:54px;color:var(--ink-2);transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:20px;align-content:center;justify-items:center;gap:3px;padding:6px 2px;font-size:11.5px;font-weight:700;display:grid}.tab[aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}@media (hover:hover){.tab:not([aria-current=page]):hover{color:var(--ink)}}.fab{z-index:var(--z-fab);right:max(16px,50% - 264px);bottom:calc(88px + env(safe-area-inset-bottom));border-radius:var(--pill);background:var(--accent);height:52px;color:var(--on-accent);box-shadow:var(--shadow-lg);transition:transform .14s var(--ease), background-color .18s var(--ease);align-items:center;gap:6px;padding:0 20px 0 16px;font-size:15.5px;font-weight:800;display:inline-flex;position:fixed}.fab:active{transform:scale(.96)}@media (hover:hover){.fab:hover{background:var(--accent-hover)}}.card{background:var(--surface);border-radius:var(--r-lg);min-width:0;box-shadow:var(--shadow);padding:18px}.card-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.card-title small{color:var(--ink-2);font-weight:600}.section{gap:8px;min-width:0;display:grid}.section-label{color:var(--ink-2);letter-spacing:0;padding:0 4px;font-size:14px;font-weight:800}.group{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);margin:0;padding:0;list-style:none;overflow:hidden}.group>*+*{border-top:1px solid var(--line)}.icon-bubble{background:var(--surface-2);width:40px;height:40px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:grid}.icon-bubble.accent{background:var(--accent-soft);color:var(--accent-text)}.icon-bubble.warn{background:var(--warn-soft);color:var(--warn)}.empty{text-align:center;justify-items:center;gap:10px;padding:32px 22px;display:grid}.empty .icon-bubble{width:60px;height:60px;margin-bottom:4px}.empty p{max-width:34ch}.empty .btn{margin-top:8px}.avatar{background:color-mix(in srgb, var(--c) 15%, var(--surface));color:var(--c);letter-spacing:-.02em;border-radius:50%;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid}.tag{border-radius:var(--pill);background:var(--surface-2);height:22px;color:var(--ink-2);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.hot{background:var(--down-soft);color:var(--down)}.tag.cold{background:var(--accent-soft);color:var(--accent-text)}.delta{border-radius:var(--pill);background:var(--surface-2);min-width:38px;height:22px;color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 7px;font-size:12.5px;font-weight:800;display:inline-flex}.delta.up{background:var(--up-soft);color:var(--up)}.delta.down{background:var(--down-soft);color:var(--down)}.hero{background:var(--hero);color:var(--on-hero);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);isolation:isolate;gap:16px;padding:20px;display:grid;position:relative;overflow:hidden}.hero-art{z-index:-1;opacity:.14;position:absolute;bottom:-78px;right:-14px;transform:rotate(-10deg)}.hero-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.hero-label{align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.hero-gap{border-radius:var(--pill);background:color-mix(in srgb, var(--on-hero) 16%, transparent);font-variant-numeric:tabular-nums;padding:4px 10px;font-size:12.5px;font-weight:800}.hero-main{border-radius:var(--r);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.hero .avatar{background:color-mix(in srgb, var(--on-hero) 20%, transparent);color:var(--on-hero)}.hero-who{min-width:0;display:grid}.hero-who strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:21px;font-weight:800;overflow:hidden}.hero-who span,.hero-points span,.hero-tag{opacity:.9;font-size:13.5px;font-weight:600}.hero-points{justify-items:end;gap:4px;line-height:1;display:grid}.hero-points strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:46px;font-weight:800}.hero-tag{font-size:14.5px}.rank-row{min-height:68px;transition:background-color .15s var(--ease);grid-template-columns:20px 40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px 12px 14px;display:grid}.rank-row:active{background:var(--surface-2)}@media (hover:hover){.rank-row:hover{background:var(--surface-2)}}.rank-pos{text-align:center;color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:800}.rank-who{gap:3px;min-width:0;display:grid}.rank-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;font-size:16px;font-weight:800;overflow:hidden}.rank-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:13px;font-weight:600;display:flex}.rank-points{justify-items:end;gap:4px;display:grid}.rank-points strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.chart{height:230px;position:relative}.legend{color:var(--ink-2);flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-size:13px;font-weight:700;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{background:var(--c);border-radius:50%;width:10px;height:10px}.match-row{transition:background-color .15s var(--ease);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;padding:14px 10px;display:grid}a.match-row:active{background:var(--surface-2)}@media (hover:hover){a.match-row:hover{background:var(--surface-2)}}.match-side{text-align:center;justify-items:center;gap:3px;min-width:0;display:grid}.match-side .avatar{margin-bottom:3px}.match-side strong,.match-side small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.match-side strong{font-size:14.5px;font-weight:800}.match-side small{color:var(--ink-2);margin-bottom:4px;font-size:12px;font-weight:600}.match-side.loss strong{color:var(--ink-2)}.scoreline{letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:0 4px;font-size:30px;font-weight:800;display:flex}.scoreline i{color:var(--ink-2);font-style:normal;font-weight:600}.event-row{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;display:grid}.event-row strong{font-weight:800;display:block}.event-row p{color:var(--ink-2);font-size:13.5px;font-weight:600}details.group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 16px;font-weight:800;list-style:none;display:flex}details.group summary::-webkit-details-marker{display:none}details.group summary svg{color:var(--ink-2);transition:transform .18s var(--ease)}details.group[open] summary svg{transform:rotate(90deg)}.audit{gap:14px;margin:0;padding:4px 16px 16px;list-style:none;display:grid}.audit small{color:var(--ink-2);font-weight:600;display:block}pre{background:var(--surface-2);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:6px 0 0;padding:8px 10px;font:500 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.form{gap:16px;display:grid}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.two>*{min-width:0}.field{min-width:0;color:var(--ink-2);gap:6px;font-size:13px;font-weight:700;display:grid}input,select{background:var(--surface-2);width:100%;min-height:48px;color:var(--ink);font:700 16px/1.2 var(--font);appearance:none;transition:border-color .15s var(--ease), background-color .15s var(--ease);border:1.5px solid #0000;border-radius:14px;padding:0 14px}input:focus,select:focus{border-color:var(--accent);background:var(--surface);outline:none}input::placeholder{color:var(--ink-2);opacity:1;font-weight:600}input[type=date]{min-width:0}.select{display:block;position:relative}.select select{text-overflow:ellipsis;padding-right:38px}.select svg{color:var(--ink-2);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn{border-radius:var(--pill);background:var(--surface-2);min-height:50px;color:var(--ink);font:800 15.5px/1 var(--font);cursor:pointer;transition:transform .14s var(--ease), background-color .18s var(--ease), opacity .18s var(--ease);border:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.soft{background:var(--accent-soft);color:var(--accent-text)}.btn.danger{background:var(--down-soft);color:var(--down)}.btn.ghost{min-height:44px;color:var(--accent-text);background:0 0;padding:0 12px}.btn.ghost.danger-text{color:var(--down)}.btn.sm{min-height:44px;padding:0 14px;font-size:14px}.btn.block{width:100%}@media (hover:hover){.btn.primary:not(:disabled):hover{background:var(--accent-hover)}.btn:not(.primary):not(:disabled):hover{filter:brightness(.97)}}.msg{border-radius:14px;padding:12px 14px;font-size:14px;font-weight:700}.msg.error{background:var(--down-soft);color:var(--down)}.msg.info{background:var(--surface-2);color:var(--ink-2)}.pin-card{text-align:center;justify-items:center;padding:28px 22px 22px}.pin-card .icon-bubble{width:56px;height:56px}.pin-card .field,.pin-card .btn,.pin-card .msg{text-align:left;width:100%}.pin-input{text-align:center;letter-spacing:.3em;font-size:22px}.versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:8px;display:grid}.versus-side{gap:10px;min-width:0;display:grid}.versus-mid{color:var(--ink-2);align-self:center;padding-top:22px;font-size:24px;font-weight:800}.stepper{background:var(--surface-2);border-radius:18px;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;padding:5px;display:grid}.stepper button{background:var(--surface);width:36px;height:44px;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .12s var(--ease), opacity .15s var(--ease);border:0;border-radius:13px;place-items:center;display:grid}.stepper button:active:not(:disabled){transform:scale(.92)}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper input{text-align:center;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:0 0;border:0;min-height:56px;padding:0;font-size:34px;font-weight:800}.stepper input:focus{background:0 0}.preview{gap:8px;display:grid}.preview-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preview-item{background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-weight:800;display:flex}.preview-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-note{text-align:center;color:var(--accent-text);font-weight:800}.profile{text-align:center;justify-items:center;gap:6px;padding:26px 18px 22px;display:grid}.profile h1{margin-top:6px;font-size:26px}.profile-points{align-items:baseline;gap:6px;margin-top:6px;display:flex}.profile-points strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:800;line-height:1}.profile-points span{color:var(--ink-2);font-weight:700}.form-guide{gap:6px;margin-top:10px;display:flex}.fg{border-radius:10px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.fg.V{background:var(--up-soft);color:var(--up)}.fg.N{background:var(--surface-2);color:var(--ink-2)}.fg.P{background:var(--down-soft);color:var(--down)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stat{background:var(--surface-2);text-align:center;border-radius:14px;gap:2px;min-width:0;padding:12px 4px;display:grid}.stat strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:21px;font-weight:800}.stat span{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-size:11.5px;font-weight:700;overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}th,td{text-align:right;white-space:nowrap;padding:10px 6px}th{color:var(--ink-2);font-size:12px;font-weight:700}th:first-child,td:first-child{text-align:left;white-space:normal;font-weight:800}tbody tr td{border-top:1px solid var(--line)}.pick-vs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;display:grid}.pick-vs>span{color:var(--ink-2);padding-bottom:14px;font-weight:800}.h2h{gap:18px;display:grid}.h2h-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.h2h-player{text-align:center;justify-items:center;gap:6px;min-width:0;display:grid}.h2h-player strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:800;overflow:hidden}.h2h-score{letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:40px;font-weight:800;display:flex}.h2h-score i{color:var(--ink-2);font-style:normal;font-weight:600}.balance{border-radius:var(--pill);background:var(--surface-2);gap:3px;height:10px;display:flex;overflow:hidden}.balance span{background:var(--c);min-width:6px}.balance-legend{color:var(--ink-2);justify-content:space-between;gap:8px;margin-top:8px;font-size:12.5px;font-weight:700;display:flex}.facts{gap:8px;display:grid}.facts .preview-item{background:var(--surface-2);box-shadow:none}.verdict{text-align:center;color:var(--accent-text);font-weight:800}.player-edit{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:grid}.player-edit-main{gap:2px;min-width:0;display:grid}.player-edit-main input{background:0 0;min-height:44px;margin-left:-8px;padding:0 8px}.player-edit-main input:focus{background:var(--surface-2)}.player-edit-main small{color:var(--ink-2);font-weight:600}.player-edit-actions{align-items:center;gap:2px;display:flex}.player-edit .msg{grid-column:1/-1}.player-edit.archived input{color:var(--ink-2)}.row-action{justify-content:space-between;align-items:center;gap:14px;display:flex}.row-action p{color:var(--ink-2);font-size:14px;font-weight:600}.skeleton{background:var(--surface-2);border-radius:var(--r-lg);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface) 55%, transparent), transparent);animation:1.3s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}@media (width>=720px){.app{max-width:600px}.page-head h1{font-size:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}