*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #110D0B;--surface-1: #1B1512;--surface-2: #241C17;--surface-3: #2E241E;--border: #3A2E26;--border-strong: #4D3D32;--text: #F2ECE6;--text-2: #C9BCB1;--muted: #9C8E83;--disabled: #6A5E55;--accent: #F09D51;--accent-hover: #F5B47A;--accent-pressed: #D9823A;--accent-tint: rgba(240, 157, 81, .12);--tomato: #F06543;--on-accent: #1A0F08;--success: #4CC38A;--danger: #E5484D;--info: #5BA8D9;--card: var(--surface-1);--card2: var(--surface-2);--accent-dim: var(--accent-pressed);--red: var(--danger);--input-bg: var(--surface-2)}body{background-color:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh}@media(max-width:600px){body{padding-bottom:70px}}input,select,textarea{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:16px;width:100%;outline:none;transition:border .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--muted)}select option{background:var(--surface-2);color:var(--text)}button{cursor:pointer;font-family:DM Sans,sans-serif;touch-action:manipulation}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.date-pill{flex:0 0 calc((100% - 48px) / 7)}@media(max-width:640px){.date-pill{flex:0 0 calc((100% - 24px)/4)}}.home-surface{--card: rgba(27, 21, 18, .62);--card2: rgba(36, 28, 23, .62);--input-bg: rgba(36, 28, 23, .62);--border: rgba(240, 157, 81, .18);--muted: #A89A8F}.home-surface .game-card,.home-surface .date-pill,.home-surface .auth-callout,.home-surface .home-glass,.home-surface input,.home-surface select{-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.home-surface select option{background:var(--surface-2)!important}.home-surface .auth-callout{background:#301c108c!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tearHintBounce{0%,to{transform:translate(-50%);opacity:.5}50%{transform:translate(-50%,-6px);opacity:1}}.pack-tear-hint{animation:tearHintBounce 1.3s ease-in-out infinite}@keyframes packShimmerSweep{0%{transform:translate(0) rotate(20deg)}22%{transform:translate(900px) rotate(20deg)}to{transform:translate(900px) rotate(20deg)}}.pack-shimmer{animation:packShimmerSweep 3.6s ease-in-out infinite}.fade-up{animation:fadeUp .65s cubic-bezier(.16,1,.3,1) both}.fade-up-2{animation:fadeUp .65s .1s cubic-bezier(.16,1,.3,1) both}.fade-up-3{animation:fadeUp .65s .2s cubic-bezier(.16,1,.3,1) both}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .7s cubic-bezier(.4,0,.2,1) both}@keyframes stepEnterForward{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes stepEnterBack{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}.step-forward{animation:stepEnterForward .24s cubic-bezier(.25,.46,.45,.94) both}.step-back{animation:stepEnterBack .24s cubic-bezier(.25,.46,.45,.94) both}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.page-enter{animation:pageFadeIn .25s ease both}input,select,textarea{background:var(--input-bg)!important;color:var(--text)!important;border:1px solid var(--border)!important}input::placeholder,textarea::placeholder{color:var(--muted)!important}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;outline:none!important}:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-reset{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.page-wrap{margin:0 auto}@media(max-width:640px){.page-wrap{padding-left:20px!important;padding-right:20px!important}}@media(max-width:520px){.summary-top3-grid{grid-template-columns:1fr!important}.summary-chips-col{display:none}}@media(max-width:640px){.rating-teams-grid{grid-template-columns:1fr!important}}.check-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}[role=dialog]:focus{outline:none!important}@keyframes fadeOnly{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.fade-up,.fade-up-2,.fade-up-3,.slide-down,.step-forward,.step-back{animation-name:fadeOnly;animation-duration:.2s}.pack-shimmer{animation:none;opacity:0}.pack-tear-hint{animation:none;opacity:.9;transform:translate(-50%)}html{scroll-behavior:auto!important}}