:root{--bg: oklch(.09 .015 240);--surface: oklch(.13 .015 240);--surface-raised: oklch(.18 .015 240);--surface-hover: oklch(.22 .015 240);--border: oklch(.24 .015 240);--border-subtle: oklch(.2 .012 240);--primary: oklch(.83 .22 155);--primary-dim: oklch(.23 .07 155);--primary-glow: oklch(.83 .22 155 / .15);--gold: oklch(.83 .175 82);--gold-dim: oklch(.24 .06 82);--gold-glow: oklch(.83 .175 82 / .12);--red: oklch(.65 .22 20);--red-dim: oklch(.22 .07 20);--ink: oklch(.97 .005 240);--ink-secondary: oklch(.78 .01 240);--muted: oklch(.52 .012 240);--font-body: "Barlow", system-ui, -apple-system, sans-serif;--font-display: "Barlow Condensed", "Barlow", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:430px;margin:0 auto;min-height:100dvh;position:relative;background:var(--bg)}.page-scroll{height:100dvh;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 8px);-webkit-overflow-scrolling:touch}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: no-preference){.fade-in{animation:fadeIn .2s ease-out both}.slide-up{animation:slideUp .26s cubic-bezier(.22,1,.36,1) both}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}@media (min-width: 860px){body{background:oklch(.05 .012 240)}#root{max-width:1280px;display:flex;flex-direction:row;min-height:100dvh;box-shadow:0 0 120px oklch(0 0 0 / .55)}.bottom-nav-sentinel{display:none}.page-area{flex:1;min-width:0;overflow-x:hidden}.page-scroll{height:auto;min-height:100dvh;padding-bottom:24px}.home-desktop-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;align-items:start}.home-desktop-col{display:flex;flex-direction:column;gap:12px}.page-inner{max-width:880px;margin:0 auto;width:100%}.match-list-desktop{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 24px 0}.stat-grid-desktop{grid-template-columns:repeat(4,1fr)!important}.stats-sections-desktop{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-grid-desktop{display:grid;grid-template-columns:360px 1fr;gap:16px;align-items:start}.howto-grid-desktop{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pick-desktop-wrap{max-width:680px;margin:0 auto}}@media (hover: hover) and (pointer: fine){button:not([disabled]):hover{opacity:.85}}