@font-face{font-family:Bebas Neue;src:url(/assets/fonts/Bebas_Neue/BebasNeue-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/assets/fonts/Roboto_Condensed/RobotoCondensed-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-heading: "Bebas Neue", sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-number: "Roboto Condensed", sans-serif;--page-padding-mobile: 16px;--page-padding-tablet: 24px;--page-padding-desktop: 32px;--page-max-width: 1180px;--content-max-width: 720px;--header-height: 72px;--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-xxl: 28px;--radius-pill: 999px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--space-xxl: 32px;--touch-size: 44px;--touch-size-lg: 52px;--button-check: #22c55e;--button-check-hover: #16a34a;--button-next: #3b82f6;--button-next-hover: #2563eb;--button-back: #6b7280;--button-back-hover: #4b5563;--color-success: #22c55e;--color-warning: #facc15;--color-danger: #ef4444;--win-high: #22c55e;--win-mid: #eab308;--win-low: #ef4444}.theme-default{--color-bg-main: #050816;--color-bg-card: #0f172a;--color-bg-card-soft: #1e293b;--color-text-main: #f8fafc;--color-text-muted: #cbd5e1;--color-primary: #fef3c7;--color-accent: #facc15;--color-border: #334155;--shadow-card: 0 8px 25px rgba(0, 0, 0, .45);--shadow-glow: 0 0 16px rgba(250, 204, 21, .3)}.theme-one{--color-bg-main: #020617;--color-bg-card: #0f172a;--color-bg-card-soft: #172554;--color-text-main: #e0f2fe;--color-text-muted: #93c5fd;--color-primary: #1d4ed8;--color-accent: #7dd3fc;--color-border: #1e3a8a;--shadow-card: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 16px rgba(125, 211, 252, .35)}.theme-two{--color-bg-main: #02130a;--color-bg-card: #052e16;--color-bg-card-soft: #064e3b;--color-text-main: #ecfdf5;--color-text-muted: #bbf7d0;--color-primary: #16a34a;--color-accent: #86efac;--color-border: #166534;--shadow-card: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 16px rgba(134, 239, 172, .3)}.theme-three{--color-bg-main: #10051f;--color-bg-card: #2e1065;--color-bg-card-soft: #4c1d95;--color-text-main: #faf5ff;--color-text-muted: #ddd6fe;--color-primary: #7c3aed;--color-accent: #c4b5fd;--color-border: #6d28d9;--shadow-card: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 16px rgba(196, 181, 253, .35)}.theme-four{--color-bg-main: #0a0a0a;--color-bg-card: #18181b;--color-bg-card-soft: #27272a;--color-text-main: #fefce8;--color-text-muted: #fde68a;--color-primary: #facc15;--color-accent: #facc15;--color-border: #ca8a04;--shadow-card: 0 10px 30px rgba(0, 0, 0, .55);--shadow-glow: 0 0 18px rgba(250, 204, 21, .35)}.theme-five{--color-bg-main: #020617;--color-bg-card: #111827;--color-bg-card-soft: #1f2937;--color-text-main: #ffffff;--color-text-muted: #d1d5db;--color-primary: #ffffff;--color-accent: #9ca3af;--color-border: #374151;--shadow-card: 0 10px 30px rgba(0, 0, 0, .55);--shadow-glow: 0 0 14px rgba(255, 255, 255, .22)}.theme-six{--color-bg-main: #7f1d1d;--color-bg-card: #fef2f2;--color-bg-card-soft: #fecaca;--color-text-main: #111827;--color-text-muted: #7f1d1d;--color-primary: #991b1b;--color-accent: #dc2626;--color-border: #b91c1c;--shadow-card: 0 10px 28px rgba(69, 10, 10, .32);--shadow-glow: 0 0 16px rgba(153, 27, 27, .28)}.theme-seven{--color-bg-main: #f8fafc;--color-bg-card: #ffffff;--color-bg-card-soft: #eff6ff;--color-text-main: #0f172a;--color-text-muted: #475569;--color-primary: #2563eb;--color-accent: #93c5fd;--color-border: #bfdbfe;--shadow-card: 0 8px 20px rgba(37, 99, 235, .12);--shadow-glow: 0 0 16px rgba(37, 99, 235, .2)}.theme-eight{--color-bg-main: #f8fafc;--color-bg-card: #ffffff;--color-bg-card-soft: #f0fdf4;--color-text-main: #0f172a;--color-text-muted: #365314;--color-primary: #16a34a;--color-accent: #86efac;--color-border: #bbf7d0;--shadow-card: 0 8px 20px rgba(22, 163, 74, .12);--shadow-glow: 0 0 16px rgba(22, 163, 74, .18)}.theme-nine{--color-bg-main: #faf5ff;--color-bg-card: #ffffff;--color-bg-card-soft: #f3e8ff;--color-text-main: #111827;--color-text-muted: #581c87;--color-primary: #7c3aed;--color-accent: #c4b5fd;--color-border: #ddd6fe;--shadow-card: 0 8px 20px rgba(124, 58, 237, .12);--shadow-glow: 0 0 16px rgba(124, 58, 237, .18)}.theme-ten{--color-bg-main: #f8fafc;--color-bg-card: #ffffff;--color-bg-card-soft: #f3f4f6;--color-text-main: #111827;--color-text-muted: #4b5563;--color-primary: #111827;--color-accent: #6b7280;--color-border: #d1d5db;--shadow-card: 0 8px 20px rgba(17, 24, 39, .1);--shadow-glow: 0 0 16px rgba(17, 24, 39, .14)}.theme-bronze{--color-bg-main: #1c1917;--color-bg-card: #292524;--color-bg-card-soft: #44403c;--color-text-main: #f5f5f4;--color-text-muted: #d6d3d1;--color-primary: #d97706;--color-accent: #f59e0b;--color-border: #78350f;--shadow-card: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 15px rgba(217, 119, 6, .6)}.theme-silver{--color-bg-main: #020617;--color-bg-card: #0f172a;--color-bg-card-soft: #1e293b;--color-text-main: #e2e8f0;--color-text-muted: #cbd5e1;--color-primary: #94a3b8;--color-accent: #38bdf8;--color-border: #334155;--shadow-card: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 18px rgba(148, 163, 184, .7)}.theme-gold{--color-bg-main: #020617;--color-bg-card: #0f172a;--color-bg-card-soft: #1e293b;--color-text-main: #fefce8;--color-text-muted: #fde68a;--color-primary: #facc15;--color-accent: #fde047;--color-border: #ca8a04;--shadow-card: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(250, 204, 21, .8)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{overflow-x:hidden;font-family:var(--font-body);background:var(--color-bg-main);color:var(--color-text-main)}img,svg{display:block}img{max-width:100%}.page-shell{width:100%;max-width:var(--page-max-width);margin:0 auto;padding:calc(var(--page-padding-mobile) + var(--safe-top)) calc(var(--page-padding-mobile) + var(--safe-right)) calc(var(--page-padding-mobile) + var(--safe-bottom)) calc(var(--page-padding-mobile) + var(--safe-left))}.page-shell--narrow{max-width:var(--content-max-width)}@media(min-width:768px){.page-shell{padding:calc(var(--page-padding-tablet) + var(--safe-top)) calc(var(--page-padding-tablet) + var(--safe-right)) calc(var(--page-padding-tablet) + var(--safe-bottom)) calc(var(--page-padding-tablet) + var(--safe-left))}}@media(min-width:1200px){.page-shell{padding:calc(var(--page-padding-desktop) + var(--safe-top)) calc(var(--page-padding-desktop) + var(--safe-right)) calc(var(--page-padding-desktop) + var(--safe-bottom)) calc(var(--page-padding-desktop) + var(--safe-left))}}.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}.skip-link{position:absolute;top:-100px;left:16px;z-index:2000;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-decoration:none}.skip-link:focus{top:16px}:focus{outline:none}:focus-visible{outline:3px solid currentColor;outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid currentColor;outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,h3,.page-title{font-family:var(--font-heading);letter-spacing:1px}.score,.points,.rank,.winchance,.match-score{font-family:var(--font-number);font-weight:600}button{font-family:var(--font-body);font-weight:500}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);box-shadow:var(--shadow-card);padding:var(--space-lg)}.card--highlight{border:1px solid var(--color-primary);box-shadow:var(--shadow-glow)}.card--rank-1{border:1px solid var(--color-primary);box-shadow:0 0 18px #facc15b3}.card--rank-2{border:1px solid #94a3b8;box-shadow:0 0 14px #94a3b899}.card--rank-3{border:1px solid #d97706;box-shadow:0 0 12px #d9770699}button,a{-webkit-tap-highlight-color:transparent}button,.button{min-height:var(--touch-size);border-radius:var(--radius-md);padding:var(--space-sm) 18px;padding:12px 18px;cursor:pointer;font-family:var(--font-body);font-weight:700;line-height:1;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}button:active,.button:active{transform:scale(.96)}.button--primary{background:var(--color-primary);color:var(--color-text-main);box-shadow:var(--shadow-glow)}.button--next{background:var(--button-next);color:#fff}.button--check{background:var(--button-check);color:#fff}.button--back{background:var(--button-back);color:#fff}.button--danger{background:var(--color-danger);color:#fff}.button--ghost{background:transparent;color:var(--color-text-main);border:1px solid var(--color-border)}.icon-button{width:var(--touch-size);min-width:var(--touch-size);height:var(--touch-size);border-radius:50%;padding:0;display:inline-grid;place-items:center}a{color:inherit;cursor:pointer;text-decoration:none}.link{color:var(--color-accent);font-weight:700;text-decoration:none}.link:active{transform:scale(.97)}.link--muted{color:var(--color-text-muted)}.link--legal{position:relative;color:var(--color-text-muted);font-size:14px;font-weight:600;transition:color .15s ease,opacity .15s ease}.link--legal:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:var(--radius-pill);background:var(--color-accent);opacity:0;transform:scaleX(.65);transform-origin:center;transition:opacity .15s ease,transform .15s ease}.link--legal:hover,.link--legal:focus-visible{color:var(--color-accent);outline:none}.link--legal:hover:after,.link--legal:focus-visible:after{opacity:1;transform:scaleX(1)}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:active{background:var(--color-accent)}.overlay-backdrop{position:fixed;inset:0;background:#000000a6;z-index:1000;display:flex;justify-content:center;align-items:center;padding:calc(var(--page-padding-mobile) + var(--safe-top)) calc(var(--page-padding-mobile) + var(--safe-right)) calc(var(--page-padding-mobile) + var(--safe-bottom)) calc(var(--page-padding-mobile) + var(--safe-left))}.overlay{width:100%;max-width:720px;background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-lg);gap:var(--space-md);border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:flex;flex-direction:column;max-height:100%;overflow-y:auto}.overlay__header{display:flex;justify-content:space-between;align-items:center}.overlay__title{font-family:var(--font-heading);font-size:22px}.overlay__close{background:transparent;border:none;color:var(--color-text-main)}.overlay__content{display:flex;flex-direction:column;gap:var(--space-md)}.overlay__actions{display:flex;gap:var(--space-sm);justify-content:space-between}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}p{font-size:16px;line-height:1.4}.small-text{font-size:14px;color:var(--color-text-muted)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.space-between{display:flex;justify-content:space-between;align-items:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}body.app-overlay-open{overflow:hidden;touch-action:none}