:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a24;--bg-elevated:#222230;--text-primary:#f5f5f7;--text-secondary:#a0a0b0;--text-muted:#6b6b7a;--gold:#d4af37;--gold-bright:gold;--ring-red:#c41e3a;--tier-s:#ff6b35;--tier-a:#f7c948;--tier-b:#7cb342;--tier-c:#42a5f5;--tier-d:#ab47bc;--tier-f:#78909c;--group-meat:#e53935;--group-seafood:#1e88e5;--group-vegetarian:#43a047;--group-sweet:#e91e63;--max-width:1200px;--header-height:80px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(212,175,55,.05) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(196,30,58,.05) 0,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 50px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 51px);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:Bebas Neue,Impact,sans-serif;letter-spacing:.05em;line-height:1.1}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.header{padding:3rem 0;text-align:center;border-bottom:3px solid var(--gold);background:linear-gradient(180deg,rgba(212,175,55,.1),transparent);margin-bottom:0}.header__premise{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.75rem}.header__title{font-size:clamp(2.5rem,8vw,5rem);color:var(--gold);text-shadow:2px 2px 0 var(--ring-red),4px 4px 0 rgba(0,0,0,.3);margin-bottom:.5rem}.header__tagline{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);font-weight:500;font-style:italic}.header__subtitle{margin-top:1.5rem;font-size:1rem;color:var(--text-muted)}.section{margin-bottom:4rem}.section__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.section__title{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--text-primary)}.section__title--gold{color:var(--gold)}.section__divider{flex:1 1;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}.section__description{color:var(--text-muted);text-align:center;margin-bottom:1.5rem;font-size:.95rem}.weekly-chart{background:rgba(0,0,0,.3);border-radius:12px;padding:1.5rem 1rem;border:1px solid hsla(0,0%,100%,.05)}.person-filter-wrapper{position:-webkit-sticky;position:sticky;top:0;z-index:200;background:linear-gradient(180deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border-bottom:2px solid rgba(212,175,55,.3);padding:1.5rem 0;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.person-filter{display:flex;flex-direction:column;gap:.75rem;align-items:center}.person-filter__label{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.person-filter__buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.person-filter__button{padding:.5rem 1.25rem;background:#2a2418;border:2px solid #4a4028;border-radius:6px;color:var(--gold);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.person-filter__button:hover{background:#3a3020;border-color:#6a5838;color:var(--gold-bright);transform:translateY(-1px);box-shadow:0 2px 8px rgba(212,175,55,.3)}.person-filter__button--active{background:#4a4028;border-color:var(--gold);color:var(--gold-bright);box-shadow:0 2px 8px rgba(212,175,55,.4)}.person-filter__button--active:hover{background:#5a5038;border-color:var(--gold-bright);color:var(--gold-bright);transform:translateY(-1px);box-shadow:0 4px 12px rgba(212,175,55,.5)}.person-filter__button:focus{outline:2px solid var(--gold);outline-offset:2px}.tier-list{flex-direction:column;background:var(--bg-secondary);border-radius:12px;padding:1rem;border:1px solid hsla(0,0%,100%,.05)}.tier-list,.tier-row{display:flex;gap:.5rem}.tier-row{min-height:70px}.tier-label{width:60px;min-width:60px;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:2rem;border-radius:8px;color:#000;font-weight:700}.tier-label--s{background:var(--tier-s)}.tier-label--a{background:var(--tier-a)}.tier-label--b{background:var(--tier-b)}.tier-label--c{background:var(--tier-c)}.tier-label--d{background:var(--tier-d)}.tier-label--f{background:var(--tier-f)}.tier-items{flex-wrap:wrap;gap:.5rem;flex:1 1;padding:.5rem;background:var(--bg-card);border-radius:8px;align-content:center}.tier-item,.tier-items{display:flex;align-items:center}.tier-item{justify-content:center;width:52px;height:52px;border-radius:6px;font-size:.7rem;font-weight:600;text-align:center;padding:4px;line-height:1.1;cursor:default;transition:transform .15s ease,box-shadow .15s ease;border:2px solid transparent;color:#fff}.tier-item:focus,.tier-item:hover{transform:scale(1.15);z-index:10;box-shadow:0 4px 20px rgba(0,0,0,.5)}.tier-item--meat{background:var(--group-meat);border-color:hsla(0,0%,100%,.2)}.tier-item--seafood{background:var(--group-seafood);border-color:hsla(0,0%,100%,.2)}.tier-item--vegetarian{background:var(--group-vegetarian);border-color:hsla(0,0%,100%,.2)}.tier-item--sweet{background:var(--group-sweet);border-color:hsla(0,0%,100%,.2)}.tier-item-wrapper{position:relative;width:52px;height:52px;perspective:1000px;cursor:pointer;z-index:1}.tier-item-wrapper:focus{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}.tier-item-wrapper--flipped,.tier-item-wrapper--transitioning,.tier-item-wrapper:active,.tier-item-wrapper:hover{z-index:100}.tier-item-card{position:relative;width:100%;height:100%;transition:transform .5s ease;transform-style:preserve-3d;transform-origin:center}.tier-item-wrapper--flipped .tier-item-card{transform:rotateY(180deg)}.tier-item-card__back,.tier-item-card__front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:6px;display:flex;align-items:center;justify-content:center}.tier-item-card__front{font-size:.7rem;font-weight:600;text-align:center;padding:4px;line-height:1.1;color:#fff;border:2px solid hsla(0,0%,100%,.2);transition:transform .15s ease,box-shadow .15s ease}.tier-item-wrapper:not(.tier-item-wrapper--flipped):hover .tier-item-card__front{transform:scale(1.15);box-shadow:0 4px 20px rgba(0,0,0,.5)}.tier-item-card__back{transform:rotateY(180deg);background:#1a1a24;border:3px solid;padding:.75rem;align-items:flex-start;justify-content:flex-start;width:180px;height:auto;min-height:140px;left:-64px;top:-44px}.tier-item-wrapper--flipped .tier-item-card__front{opacity:0}.tier-item-tooltip{bottom:calc(100% + 8px);background:#1a1a24;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:.5rem .75rem;white-space:nowrap;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.5);pointer-events:none}.tier-item-tooltip,.tier-item-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.tier-item-tooltip:after{content:"";top:100%;border:6px solid transparent;border-top-color:#1a1a24}.tier-item-tooltip__name{color:#f5f5f7;font-weight:600;font-size:.85rem}.tier-item-tooltip__meta{color:#a0a0b0;font-size:.75rem;margin-top:2px}.tier-item-details{width:100%}.tier-item-details__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.tier-item-details__name{font-weight:600;font-size:.8rem;color:#f5f5f7;line-height:1.2}.tier-item-details__grade{font-size:.7rem;font-weight:700;padding:.15rem .35rem;border-radius:4px;color:#000;flex-shrink:0}.tier-item-details__score{font-size:.75rem;color:#a0a0b0;margin-bottom:.25rem}.tier-item-details__week{font-size:.7rem;color:#666;margin-bottom:.5rem}.tier-item-details__ratings{display:flex;flex-direction:column;gap:.25rem}.tier-item-details__rating{display:flex;align-items:center;justify-content:space-between;font-size:.7rem}.tier-item-details__friend{color:#a0a0b0}.tier-item-details__friend-grade{font-size:.6rem;font-weight:700;padding:.1rem .25rem;border-radius:3px;color:#000}.rankings{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.05)}.rankings__table{width:100%;border-collapse:collapse}.rankings__table td,.rankings__table th{padding:.875rem 1rem;text-align:left}.rankings__table th{background:var(--bg-elevated);font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.1em;color:var(--gold);position:-webkit-sticky;position:sticky;top:0}.rankings__table tr:nth-child(2n){background:hsla(0,0%,100%,.02)}.rankings__table tr:hover{background:rgba(212,175,55,.05)}.rankings__rank{font-family:Bebas Neue,sans-serif;font-size:1.25rem;color:var(--text-muted);width:50px}.rankings__rank--gold{color:var(--gold-bright)}.rankings__rank--silver{color:silver}.rankings__rank--bronze{color:#cd7f32}.rankings__name{font-weight:600}.rankings__group{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.rankings__group--meat{background:var(--group-meat);color:#fff}.rankings__group--seafood{background:var(--group-seafood);color:#fff}.rankings__group--vegetarian{background:var(--group-vegetarian);color:#fff}.rankings__group--sweet{background:var(--group-sweet);color:#fff}.rankings__grade,.rankings__score{font-family:Bebas Neue,sans-serif;font-size:1.25rem}.rankings__grade{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:#000}.rankings__grade--s{background:var(--tier-s)}.rankings__grade--a{background:var(--tier-a)}.rankings__grade--b{background:var(--tier-b)}.rankings__grade--c{background:var(--tier-c)}.rankings__grade--d{background:var(--tier-d)}.rankings__grade--f{background:var(--tier-f)}.legend{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.legend__title{width:100%;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.legend__item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.legend__color{width:20px;height:20px;border-radius:4px}.legend__color--meat{background:var(--group-meat)}.legend__color--seafood{background:var(--group-seafood)}.legend__color--vegetarian{background:var(--group-vegetarian)}.legend__color--sweet{background:var(--group-sweet)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid hsla(0,0%,100%,.05)}.stat-card__title{font-family:Bebas Neue,sans-serif;font-size:1.25rem;color:var(--gold);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.stat-card__content{color:var(--text-secondary)}.stat-card__highlight{color:var(--text-primary);font-weight:600}.stat-card__list{list-style:none}.stat-card__list li{padding:.5rem 0;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between}.stat-card__list li:last-child{border-bottom:none}.stat-card--wide{grid-column:1/-1}.controversial-list{display:flex;flex-direction:column;gap:1rem}.controversial-item{background:var(--bg-card);border-radius:8px;padding:1rem}.controversial-item__name{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.controversial-item__ratings{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.controversial-item__rating{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;background:var(--bg-elevated)}.controversial-item__rating--s{background:var(--tier-s);color:#000}.controversial-item__rating--a{background:var(--tier-a);color:#000}.controversial-item__rating--b{background:var(--tier-b);color:#000}.controversial-item__rating--c{background:var(--tier-c);color:#000}.controversial-item__rating--d{background:var(--tier-d);color:#000}.controversial-item__rating--f{background:var(--tier-f);color:#000}.controversial-item__verdict{font-size:.85rem;color:var(--text-secondary)}.controversial-item__lovers{color:#4ade80}.controversial-item__haters{color:#f87171}.controversial-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.controversial-chart{background:var(--bg-card);border-radius:8px;padding:1rem}.controversial-chart__header{margin-bottom:.5rem}.controversial-chart__name{font-weight:600;color:var(--text-primary);font-size:.95rem}.controversial-chart__container{margin:0 -.5rem}.controversial-chart__verdict{font-size:.8rem;color:var(--text-muted);margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.controversial-chart__lovers{color:#4ade80;font-weight:500}.controversial-chart__vs{color:var(--text-muted);font-size:.7rem;text-transform:uppercase}.controversial-chart__haters{color:#f87171;font-weight:500}.chart-tooltip{background:var(--bg-elevated);padding:.5rem .75rem;border-radius:6px;font-size:.85rem;color:var(--text-primary);border:1px solid hsla(0,0%,100%,.1)}.hot-takes{display:flex;flex-direction:column;gap:.5rem}.hot-take{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hot-take__name{font-weight:600;color:var(--text-primary)}.hot-take__badge{display:inline-flex;border-radius:6px;overflow:hidden;font-size:.85rem;font-weight:600}.hot-take__rating{padding:.35rem .5rem;color:#000}.hot-take__sandwich{padding:.35rem .6rem;color:#fff}.hot-take__badge--s .hot-take__rating{background:var(--tier-s)}.hot-take__badge--s .hot-take__sandwich{background:#b34d1f}.hot-take__badge--a .hot-take__rating{background:var(--tier-a)}.hot-take__badge--a .hot-take__sandwich{background:#a88a2e}.hot-take__badge--b .hot-take__rating{background:var(--tier-b)}.hot-take__badge--b .hot-take__sandwich{background:#4d6e29}.hot-take__badge--c .hot-take__rating{background:var(--tier-c)}.hot-take__badge--c .hot-take__sandwich{background:#2a6a9e}.hot-take__badge--d .hot-take__rating{background:var(--tier-d)}.hot-take__badge--d .hot-take__sandwich{background:#7a3287}.hot-take__badge--f .hot-take__rating{background:var(--tier-f)}.hot-take__badge--f .hot-take__sandwich{background:#4a5660}.friend-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.friend-card{background:var(--bg-card);border-radius:8px;padding:1rem;text-align:center}.friend-card__name{font-family:Bebas Neue,sans-serif;font-size:1.25rem;color:var(--gold);margin-bottom:.5rem}.friend-card__avg{font-size:2rem;font-family:Bebas Neue,sans-serif;color:var(--text-primary)}.friend-card__label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.footer{text-align:center;padding:3rem 0;border-top:1px solid hsla(0,0%,100%,.05);color:var(--text-muted);font-size:.875rem}.footer__tagline{font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:var(--gold);margin-bottom:.5rem}@media (max-width:768px){.tier-label{width:45px;min-width:45px;font-size:1.5rem}.tier-item{font-size:.6rem}.tier-item,.tier-item-wrapper{width:44px;height:44px}.tier-item-card__back{width:160px;min-height:130px}.tier-item-card__front{font-size:.6rem}.rankings__table td,.rankings__table th{padding:.75rem .5rem;font-size:.875rem}.header__champion{padding:1.25rem 1.5rem}.legend{gap:1rem}}@media (max-width:480px){.rankings__table{font-size:.8rem}.rankings__group,.rankings__table td:nth-child(3),.rankings__table th:nth-child(3){display:none}.tier-row{min-height:55px}.tier-item{font-size:.55rem}.tier-item,.tier-item-wrapper{width:38px;height:38px}.tier-item-card__back{width:150px;min-height:120px}.tier-item-card__front{font-size:.55rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tier-item,.tier-item-card,.tier-item-card__front{transition:none}}