:root{--surface:#fcf9f8;--surface-dim:#dcd9d9;--surface-bright:#fcf9f8;--surface-container-lowest:#fff;--surface-container-low:#f6f3f2;--surface-container:#f0edec;--surface-container-high:#ebe7e7;--surface-container-highest:#e5e2e1;--on-surface:#1c1b1b;--on-surface-variant:#4c4732;--inverse-surface:#313030;--inverse-on-surface:#f3f0ef;--outline:#7e775f;--outline-variant:#cfc6ab;--surface-tint:#6e5e00;--primary:#6e5e00;--on-primary:#fff;--primary-container:#ffdc02;--on-primary-container:#716000;--inverse-primary:#e5c500;--secondary:#006e27;--on-secondary:#fff;--secondary-container:#7ff98d;--on-secondary-container:#007329;--tertiary:#405aa9;--on-tertiary:#fff;--tertiary-container:#d4dcff;--on-tertiary-container:#435dac;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--background:#fcf9f8;--on-background:#1c1b1b}body{background-color:var(--background);color:var(--on-background);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:Archivo Narrow,sans-serif}*{box-sizing:border-box}.font-headline-lg{letter-spacing:.04em;font-family:Anton,sans-serif;font-size:48px;font-weight:400;line-height:1.2}.font-headline-lg-mobile{font-family:Anton,sans-serif;font-size:32px;font-weight:400;line-height:1.2}.font-headline-md{font-family:Anton,sans-serif;font-size:24px;font-weight:400;line-height:1.3}.font-body-lg{font-family:Archivo Narrow,sans-serif;font-size:18px;font-weight:400;line-height:1.6}.font-body-md{font-family:Archivo Narrow,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.font-label-sm{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;line-height:1.2}.font-stat-lg{font-family:Anton,sans-serif;font-size:40px;font-weight:400;line-height:1}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-outlined.fill{font-variation-settings:"FILL" 1}.hard-shadow-primary{box-shadow:4px 4px 0px var(--on-secondary-container)}.hard-shadow-secondary{box-shadow:4px 4px 0px var(--primary)}@keyframes pulse-border{0%,to{opacity:1}50%{opacity:.3}}.live-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-border}.app-container{max-width:480px;min-height:100vh;margin:0 auto;position:relative}.top-header{z-index:50;background-color:var(--primary);width:100%;height:64px;color:var(--on-primary);border-bottom:4px solid var(--on-primary-container);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:0;box-shadow:4px 4px #002107}.top-header-inner{align-items:center;gap:16px;display:flex}.main-content{max-width:480px;margin-left:auto;margin-right:auto;padding:32px 16px 16px}.hero-card{background-color:var(--secondary);color:var(--on-secondary);border-radius:12px;margin-bottom:32px;padding:24px;position:relative;overflow:hidden}.hero-icon-bg{opacity:.2;padding:16px;position:absolute;top:0;right:0;transform:rotate(12deg)}.hero-icon-bg span{font-size:80px}.hero-badge-container{align-items:center;gap:8px;margin-bottom:8px;display:flex}.hero-badge{background-color:var(--primary-container);color:var(--on-primary-container);text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;display:flex}.hero-badge .dot{background-color:var(--error);border-radius:50%;width:8px;height:8px}.bento-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;display:grid}.bento-card{border-radius:12px;grid-column:span 2;padding:20px;transition:transform .1s}.bento-card:active{transform:scale(.95)}.champ-card{background-color:var(--surface-container-lowest);border-left:4px solid var(--secondary)}.player-card{background-color:var(--primary-container);border-left:4px solid var(--primary)}.bento-header{text-transform:uppercase;justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.bento-icon{border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.bento-value-row{align-items:flex-end;gap:12px;display:flex}.bento-bar-container{border-radius:12px;flex-grow:1;height:12px;margin-bottom:8px;overflow:hidden}.top6-section{border-radius:12px;margin-bottom:24px;padding:20px}.top6-champ{background-color:var(--surface-container-lowest);border-top:4px solid var(--secondary)}.top6-player{background-color:var(--primary-container);border-top:4px solid var(--on-primary-container)}.top6-header{text-transform:uppercase;align-items:center;gap:8px;margin-bottom:24px;display:flex}.top6-item{margin-bottom:16px}.top6-item-info{text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:700;display:flex}.top6-bar-bg{border-radius:16px;width:100%;height:16px;overflow:hidden}.top6-bar-fill{border-radius:16px;height:100%}.feed-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.feed-item{background-color:var(--surface-container);border-bottom:2px solid var(--outline-variant);border-radius:12px;flex-direction:column;gap:8px;margin-bottom:12px;padding:16px;display:flex}.feed-item-top{justify-content:space-between;align-items:center;display:flex}.feed-user{align-items:center;gap:8px;display:flex}.feed-avatar{background-color:var(--tertiary-fixed);width:32px;height:32px;color:var(--on-tertiary-fixed);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.feed-votes{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px;display:grid}.feed-vote-box{border:1px solid var(--outline-variant);background-color:#ffffff80;border-radius:4px;padding:8px}.cta-button{background-color:var(--primary);width:100%;color:var(--on-primary);text-transform:uppercase;cursor:pointer;border:none;margin-top:24px;padding:16px;transition:transform .1s}.cta-button:active{transform:translateY(4px)}.bottom-nav{z-index:50;background-color:var(--surface);border-top:2px solid var(--outline-variant);border-top-left-radius:24px;border-top-right-radius:24px;justify-content:space-around;align-items:center;width:100%;padding:12px 8px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 10px #0000001a}.nav-item{color:var(--on-surface-variant);cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:4px 16px;display:flex}.nav-item.active{background-color:var(--secondary-container);color:var(--on-secondary-container)}