@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--ink:#171b24;--muted:#6c7280;--soft:#f4f3ef;--paper:#fbfaf7;--card:#fff;--line:#e5e2da;--orange:#ff5c35;--orange-dark:#db3d1c;--lime:#c8f064;--green:#20885b;--red:#d45147;--radius:18px;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% 2%, #ff5c3512, transparent 27rem), var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #ff5c3559}.app-shell{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf7e6;border-bottom:1px solid #171b2417;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 5vw;display:grid;position:sticky;top:0}.brand{width:max-content;color:var(--ink);letter-spacing:-.04em;align-items:center;gap:10px;font:800 1.35rem Manrope,sans-serif;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--orange);border-radius:10px 10px 4px;place-items:center;width:34px;height:34px;font-size:1rem;display:inline-grid;transform:rotate(-3deg);box-shadow:0 6px 16px #ff5c3540}.primary-nav{align-items:center;gap:28px;display:flex}.primary-nav a,.primary-nav button{color:var(--muted);background:0 0;border:0;padding:9px 0;font-size:.9rem;font-weight:600;text-decoration:none;position:relative}.primary-nav a:hover,.primary-nav a.router-link-active{color:var(--ink)}.primary-nav a.router-link-active:after{background:var(--orange);content:"";border-radius:4px;height:3px;position:absolute;bottom:-17px;left:0;right:0}.primary-nav button:disabled{cursor:not-allowed;opacity:.45}.account-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.user-email{max-width:180px;color:var(--muted);text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.demo-badge{color:#796a5d;letter-spacing:.06em;text-transform:uppercase;background:#f6efe7;border:1px solid #dacfc4;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:700}.page{width:min(1180px,90vw);margin:0 auto;padding:72px 0 90px}.dashboard-page{grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:24px;display:grid}.hero-panel{color:#fff;background:linear-gradient(115deg, #171b24fa, #20242ff0), var(--ink);border-radius:28px;min-height:350px;padding:clamp(36px,5vw,68px);box-shadow:0 24px 60px #171b2424}.eyebrow{color:#cdd0d8;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:22px;font-size:.72rem;font-weight:700;display:flex}.pulse-dot{background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #c8f0641f}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}.hero-panel h1{letter-spacing:-.065em;max-width:680px;margin-bottom:18px;font-size:clamp(2.4rem,5vw,4.9rem);line-height:.98}.hero-panel>p{color:#b8bdc8;max-width:600px;margin-bottom:30px;font-size:1.06rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 19px;font-size:.86rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:not(:disabled){cursor:pointer}.button:not(:disabled):hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.62}.button-primary{color:#fff;background:var(--orange);box-shadow:0 9px 20px #ff5c353d}.button-primary:not(:disabled):hover{background:var(--orange-dark)}.button-secondary{color:var(--ink);background:#fff;border-color:#dcd9d1}.hero-panel .button-secondary{color:#fff;background:#ffffff14;border-color:#ffffff38}.button-ghost{border-color:var(--line);color:var(--ink);background:0 0}.button-small{min-height:38px;padding:0 14px}.button-full{width:100%}.setup-card{background:#f5eecf;border:1px solid #e1d8c2;border-radius:28px;padding:34px;position:relative;overflow:hidden}.setup-card:after{content:"";border:30px solid #ff5c351c;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-45px;right:-28px}.step-label,.section-kicker,.metric-label,.metric-period{color:var(--orange);letter-spacing:.13em;text-transform:uppercase;font-size:.67rem;font-weight:800}.setup-icon{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:54px;height:54px;margin:42px 0 22px;font:700 .8rem Manrope,sans-serif;display:grid}.setup-card h2{letter-spacing:-.04em;margin-bottom:12px;font-size:1.55rem}.setup-card p{color:#6f6856;line-height:1.6}.text-link{z-index:1;color:var(--ink);gap:7px;margin-top:28px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.preview-notice{color:#81533f;background:#fff5ef;border:1px solid #ead8ca;border-radius:10px;grid-column:1/-1;margin:4px 0 0;padding:11px 15px;font-size:.82rem}.metrics-grid{grid-column:1/-1;grid-template-columns:1.5fr 1fr 1fr;gap:18px;margin-top:10px;display:grid}.metric-card,.content-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:26px;box-shadow:0 10px 30px #171b240a}.metric-card.featured{border-color:#ded9cb}.metric-heading{color:var(--muted);justify-content:space-between;align-items:center;font-size:.84rem;font-weight:600;display:flex}.metric-period{color:#9a9da6;font-size:.58rem}.metric-value{letter-spacing:-.06em;margin:22px 0 14px;font:800 2.6rem/1 Manrope,sans-serif}.metric-value span{color:var(--orange);font-size:1.5rem}.metric-text{font-size:2.2rem}.metric-card p{color:var(--muted);margin-bottom:0;font-size:.78rem}.metric-card p strong{color:var(--green)}.progress-track{background:#eceae5;border-radius:9px;height:7px;margin-bottom:13px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--orange);height:100%;display:block}.recent-card{grid-column:1/-1;margin-top:2px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:6px 0 0;font-size:1.4rem}.section-heading button,.character-list button{color:var(--muted);background:0 0;border:0;padding:5px;font-size:.8rem;font-weight:700}.fight-list article{border-top:1px solid var(--line);grid-template-columns:65px 1fr auto;align-items:center;gap:18px;padding:18px 0;display:grid}.result-pill{text-align:center;text-transform:uppercase;border-radius:7px;width:55px;padding:5px 0;font-size:.68rem;font-weight:800}.result-pill.win{color:#226341;background:#e5f6ea}.result-pill.loss{color:#93433d;background:#fbe9e7}.fight-matchup{flex-direction:column;gap:5px;display:flex}.fight-matchup strong{font-size:.9rem}.fight-matchup span,.fight-list time{color:var(--muted);font-size:.75rem}.page-title{margin-bottom:34px}.page-title h1{letter-spacing:-.065em;margin:8px 0;font-size:clamp(2.7rem,5vw,4.5rem)}.page-title p{color:var(--muted);font-size:1rem}.roster-layout{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:22px;display:grid}.character-form{align-self:start}label{color:#3d414b;flex-direction:column;gap:8px;margin-bottom:18px;font-size:.78rem;font-weight:700;display:flex}input,select{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #d9d6cf;border-radius:10px;padding:0 13px;font-size:.9rem}input:disabled,select:disabled{color:#aaa;background:#f5f4f1}.config-message{color:#7c503c;background:#fff6f1;border:1px solid #ead8ca;border-radius:9px;margin-bottom:20px;padding:12px 14px;font-size:.78rem;line-height:1.5}code{background:#171b2412;border-radius:4px;padding:1px 4px;font-family:ui-monospace,monospace}.form-message{color:var(--green);background:#edf8f1;border-radius:8px;padding:9px 11px;font-size:.78rem}.form-message.error{color:#9d3d35;background:#fcecea}.character-list article{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 0;display:grid}.character-avatar{color:#fff;background:var(--ink);border-radius:12px;place-items:center;width:42px;height:42px;font:700 .95rem Manrope,sans-serif;display:grid}.character-list article>div{flex-direction:column;gap:4px;display:flex}.character-list article span{color:var(--muted);font-size:.76rem}.character-list button{cursor:pointer}.character-list button:hover{color:var(--red)}.empty-state{min-height:260px;color:var(--muted);text-align:center;align-content:center;place-items:center;display:grid}.empty-state>span{color:#c9c5bc;margin-bottom:16px;font-size:2.6rem}.empty-state h3{color:var(--ink);margin-bottom:7px;font-size:1rem}.empty-state p{font-size:.82rem}.auth-main{background:var(--ink);min-height:calc(100vh - 76px)}.auth-layout{grid-template-columns:1fr 420px;align-items:center;gap:9vw;width:min(1060px,90vw);min-height:calc(100vh - 76px);margin:0 auto;padding:60px 0;display:grid}.auth-copy{color:#fff}.auth-copy h1{letter-spacing:-.07em;margin:13px 0 22px;font-size:clamp(3rem,6vw,5.5rem);line-height:.96}.auth-copy>p{color:#aeb3be;max-width:560px;font-size:1.04rem;line-height:1.7}.auth-proof{grid-template-columns:repeat(3,58px);gap:10px;margin-top:42px;display:grid}.auth-proof span{height:40px;color:var(--lime);border:1px solid #444957;border-radius:9px;place-items:center;font-size:.75rem;font-weight:800;display:grid}.auth-proof p{color:#858c99;grid-column:1/-1;margin-top:4px;font-size:.76rem}.auth-card{background:#fff;border-radius:22px;padding:36px;box-shadow:0 30px 80px #0000004d}.auth-mark{margin-bottom:20px}.auth-card h2{letter-spacing:-.045em;margin-bottom:8px;font-size:1.7rem}.auth-card>p{color:var(--muted);margin-bottom:26px;font-size:.84rem}.or-divider{color:#9a9da5;align-items:center;gap:12px;margin:20px 0;font-size:.7rem;display:flex}.or-divider:before,.or-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-switch{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:20px;padding:4px;font-size:.76rem}.auth-switch:hover{color:var(--orange-dark)}@media (width<=840px){.topbar{grid-template-columns:1fr auto;padding:0 5vw}.primary-nav{z-index:10;padding:8px 12px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.primary-nav a,.primary-nav button{padding:8px 10px;font-size:.72rem}.primary-nav a.router-link-active:after{bottom:1px}.user-email,.demo-badge{display:none}.dashboard-page{grid-template-columns:1fr;padding-top:34px;padding-bottom:100px}.setup-card{min-height:300px}.preview-notice,.metrics-grid,.recent-card{grid-column:1}.metrics-grid{grid-template-columns:1fr 1fr}.metrics-grid .featured{grid-column:1/-1}.roster-layout,.auth-layout{grid-template-columns:1fr}.auth-layout{gap:42px}}@media (width<=560px){.page{width:min(92vw,480px)}.hero-panel{border-radius:22px;min-height:auto;padding:36px 26px}.hero-panel h1{font-size:2.65rem}.hero-actions{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.metrics-grid .featured{grid-column:auto}.fight-list article{grid-template-columns:55px 1fr;gap:12px}.fight-list time{display:none}.auth-layout{width:92vw;padding:44px 0 100px}.auth-card{padding:28px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}