:root{--jr-black: #0D0F12;--jr-red: #FF4D4F;--jr-red-aa: #D92D20;--jr-red-text: #B42318;--jr-purple: #7B61FF;--jr-yellow: #FFC84D;--jr-green: #22C55E;--jr-coral: var(--jr-red);--jr-coral-deep: #E63946;--jr-ink: var(--jr-black);--jr-mint: var(--jr-green);--jr-blue: var(--jr-purple);--jr-neutral-900: #1F2937;--jr-neutral-600: #6B7280;--jr-neutral-300: #D1D5DB;--jr-neutral-100: #F3F4F6;--jr-neutral-50: #FAFAFA;--jr-surface-canvas: #FFFCF6;--jr-surface-panel: #FFFDF8;--jr-surface-panel-alt: #FFFBF1;--jr-border-warm: #F3D8B5;--jr-border-warm-strong: #EFC98F;--jr-divider-warm: #F0E2CF;--jr-ink-1: var(--jr-neutral-900);--jr-ink-2: var(--jr-neutral-600);--jr-slate: var(--jr-neutral-600);--jr-mist: var(--jr-neutral-300);--jr-fog: var(--jr-neutral-300);--jr-canvas: var(--jr-neutral-50);--jr-canvas-2: var(--jr-neutral-100);--jr-white: #FFFFFF;--jr-wash-red: #FEE2E2;--jr-wash-purple: #E0E7FF;--jr-wash-yellow: #FEF3C7;--jr-wash-green: #D1FAE5;--jr-wash-blue: #DBEAFE;--jr-wash-gray: #F3F4F6;--jr-wash-coral: var(--jr-wash-red);--jr-wash-mint: var(--jr-wash-green);--jr-success: var(--jr-green);--jr-warning: var(--jr-yellow);--jr-danger: var(--jr-red);--jr-info: var(--jr-blue);--jr-radius-0: 0;--jr-radius-xs: 4px;--jr-radius-sm: 8px;--jr-radius-md: 12px;--jr-radius-lg: 16px;--jr-radius-xl: 20px;--jr-radius-2xl: 24px;--jr-radius-3xl: 32px;--jr-radius-4xl: 40px;--jr-radius-full: 9999px;--jr-space-1: 4px;--jr-space-2: 8px;--jr-space-3: 12px;--jr-space-4: 16px;--jr-space-6: 24px;--jr-space-8: 32px;--jr-space-10: 40px;--jr-space-12: 48px;--jr-space-14: 56px;--jr-space-16: 64px;--jr-space-20: 80px;--jr-space-24: 96px;--jr-space-32: 128px;--jr-w-mobile: 375px;--jr-w-tablet: 768px;--jr-w-desktop: 1200px;--jr-w-wide: 1440px;--jr-shadow-sm: 0 1px 2px rgba(17,17,17,.04);--jr-shadow-md: 0 4px 12px rgba(17,17,17,.08);--jr-shadow-lg: 0 12px 28px rgba(17,17,17,.12);--jr-shadow-panel: 0 10px 28px rgba(13,15,18,.06);--jr-glow-black: 0 8px 20px rgba(17,17,17,.32);--jr-glow-red: 0 8px 20px rgba(239,68,68,.28);--jr-glow-purple: 0 8px 20px rgba(99,102,241,.3);--jr-button-primary-bg: var(--jr-black);--jr-button-primary-text: #FFFFFF;--jr-button-primary-hover: #24272D;--jr-chip-ai-bg: #F1EEFF;--jr-chip-ai-border: #D6CEFF;--jr-chip-ai-text: #3F2BA8;--jr-focus-ring: rgba(123,97,255,.22);--jr-icon-size: 24px;--jr-icon-size-sm: 18px;--jr-icon-size-lg: 32px;--jr-icon-stroke: 2;--jr-icon-color: currentColor;--jr-icon-radius: 4px;--jr-font-sans: "Inter", "Source Han Sans SC", "思源黑体", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--jr-font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--jr-fs-h1: 32px;--jr-fs-h2: 24px;--jr-fs-h3: 18px;--jr-fs-body-1: 14px;--jr-fs-body-2: 14px;--jr-fs-caption: 12px;--jr-fs-btn-lg: 16px;--jr-fs-btn-md: 14px;--jr-fs-btn-text:14px;--jr-fw-regular: 400;--jr-fw-medium: 500;--jr-fw-semibold: 600;--jr-fw-bold: 700;--jr-lh-heading: 1.3;--jr-lh-body: 1.6;--jr-dur-fast: .12s;--jr-dur-base: .2s;--jr-dur-slow: .32s;--jr-ease-standard: cubic-bezier(.2, .8, .2, 1);--jr-ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.jr-h1{font:var(--jr-fw-bold) var(--jr-fs-h1)/var(--jr-lh-heading) var(--jr-font-sans);color:var(--jr-ink)}.jr-h2{font:var(--jr-fw-bold) var(--jr-fs-h2)/var(--jr-lh-heading) var(--jr-font-sans);color:var(--jr-ink)}.jr-h3{font:var(--jr-fw-semibold) var(--jr-fs-h3)/var(--jr-lh-heading) var(--jr-font-sans);color:var(--jr-ink)}.jr-body-1{font:var(--jr-fw-regular) var(--jr-fs-body-1)/var(--jr-lh-body) var(--jr-font-sans);color:var(--jr-ink-2)}.jr-body-2{font:var(--jr-fw-regular) var(--jr-fs-body-2)/var(--jr-lh-body) var(--jr-font-sans);color:var(--jr-slate)}.jr-caption{font:var(--jr-fw-medium) var(--jr-fs-caption)/var(--jr-lh-body) var(--jr-font-sans);color:var(--jr-slate)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden}body{font-family:var(--jr-font-sans);background:radial-gradient(520px 360px at 50% -80px,color-mix(in srgb,var(--jr-yellow),transparent 42%) 0%,transparent 72%),radial-gradient(760px 520px at 50% 0%,color-mix(in srgb,var(--jr-green),transparent 14%) 0%,color-mix(in srgb,var(--jr-green),transparent 34%) 36%,transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--jr-green),var(--jr-black) 18%) 0 220px,var(--jr-surface-canvas) 220px),var(--jr-surface-canvas);color:var(--jr-neutral-900);line-height:var(--jr-lh-body);min-height:100dvh}body:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--jr-green),color-mix(in srgb,var(--jr-green),var(--jr-yellow) 45%))}.app{max-width:480px;margin:0 auto;padding:var(--jr-space-3) var(--jr-space-3) calc(var(--jr-space-8) + env(safe-area-inset-bottom));min-height:100dvh}.screen{display:flex;flex-direction:column;align-items:center;padding-bottom:var(--jr-space-8);position:relative;z-index:1}.gold-text{background:linear-gradient(160deg,color-mix(in srgb,var(--jr-yellow),white 12%) 0%,var(--jr-yellow) 38%,color-mix(in srgb,var(--jr-yellow),var(--jr-red) 38%) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.home{justify-content:flex-start;min-height:calc(100dvh - var(--jr-space-8));text-align:center;position:relative}.pitch-deco{position:absolute;inset:-12px -12px auto;height:330px;pointer-events:none;background:radial-gradient(220px 120px at 50% 84%,color-mix(in srgb,var(--jr-white),transparent 18%),transparent 72%),radial-gradient(360px 180px at 50% 20%,color-mix(in srgb,var(--jr-white),transparent 55%),transparent 72%),linear-gradient(115deg,transparent 12%,color-mix(in srgb,var(--jr-white),transparent 70%) 13% 15%,transparent 16% 42%,color-mix(in srgb,var(--jr-white),transparent 74%) 43% 45%,transparent 46%),repeating-linear-gradient(90deg,transparent 0 38px,color-mix(in srgb,var(--jr-white),transparent 90%) 38px 40px);opacity:.78}.home-panel{width:100%;margin-top:var(--jr-space-2);padding:var(--jr-space-4) var(--jr-space-4) var(--jr-space-6);background:linear-gradient(180deg,color-mix(in srgb,var(--jr-white),transparent 44%) 0,color-mix(in srgb,var(--jr-white),transparent 44%) 210px,color-mix(in srgb,var(--jr-surface-panel),transparent 2%) 330px),var(--jr-surface-panel);border:1px solid var(--jr-border-warm-strong);border-radius:var(--jr-radius-4xl);box-shadow:0 28px 62px color-mix(in srgb,var(--jr-black),transparent 86%);position:relative;overflow:hidden;isolation:isolate}.home-panel:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:color-mix(in srgb,var(--jr-white),transparent 22%);z-index:2}.home-panel:after{content:"";position:absolute;inset:0 0 auto;height:300px;background:radial-gradient(260px 170px at 50% 45%,color-mix(in srgb,var(--jr-yellow),transparent 28%),transparent 70%),radial-gradient(360px 190px at 50% 36%,color-mix(in srgb,var(--jr-white),transparent 10%),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--jr-green),transparent 12%),transparent 78%);z-index:-1}.home-topline{display:flex;justify-content:space-between;align-items:center;gap:var(--jr-space-2);margin-bottom:var(--jr-space-2);font-size:13px;color:var(--jr-neutral-600)}.home-pill{border:1px solid var(--jr-border-warm);border-radius:var(--jr-radius-full);background:color-mix(in srgb,var(--jr-surface-panel),var(--jr-white) 28%);padding:8px 12px;box-shadow:0 10px 26px color-mix(in srgb,var(--jr-black),transparent 92%);white-space:nowrap}.home-topline b{color:var(--jr-red-text);font-weight:var(--jr-fw-bold)}.home-hero-art{position:relative;width:100%;height:214px;margin:-2px auto 0;display:grid;place-items:center}.home-stadium-glow{position:absolute;width:248px;height:248px;border-radius:var(--jr-radius-full);background:radial-gradient(circle,color-mix(in srgb,var(--jr-white),transparent 8%) 0 42%,transparent 43%),radial-gradient(circle,color-mix(in srgb,var(--jr-green),transparent 18%),transparent 70%);border:10px solid color-mix(in srgb,var(--jr-white),transparent 36%);box-shadow:inset 0 0 36px color-mix(in srgb,var(--jr-green),transparent 42%),0 0 42px color-mix(in srgb,var(--jr-yellow),transparent 58%)}.home-ball-img{width:224px;height:224px;object-fit:contain;z-index:1;filter:drop-shadow(0 26px 24px color-mix(in srgb,var(--jr-black),transparent 72%));animation:drop .7s var(--jr-ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.home-crown-img{position:absolute;right:54px;bottom:22px;width:70px;object-fit:contain;z-index:0;transform:rotate(10deg);filter:drop-shadow(0 14px 14px color-mix(in srgb,var(--jr-black),transparent 78%))}@keyframes drop{0%{transform:translateY(-60px) scale(.5);opacity:0}60%{transform:translateY(6px) scale(1.05);opacity:1}to{transform:none}}.home-kicker{margin-top:-2px;font-size:15px;font-weight:var(--jr-fw-bold);letter-spacing:.05em;color:var(--jr-red-text);text-transform:uppercase;transform:rotate(-6deg)}.home-title{display:flex;flex-direction:column;gap:0;font-size:46px;font-weight:var(--jr-fw-bold);line-height:.98;margin:var(--jr-space-2) 0 var(--jr-space-4);color:var(--jr-neutral-900)}.home-title span{display:inline}.home-title strong{display:block;font-size:64px;font-weight:800;letter-spacing:0}.home-sub{color:var(--jr-neutral-600);font-size:17px;font-weight:var(--jr-fw-medium);line-height:1.55;margin-bottom:var(--jr-space-6)}.tier-ribbon{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-bottom:-13px;padding:0 22px;border-radius:var(--jr-radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--jr-green),var(--jr-black) 8%),var(--jr-green));color:var(--jr-white);font-size:var(--jr-fs-body-1);font-weight:var(--jr-fw-bold);box-shadow:0 10px 20px color-mix(in srgb,var(--jr-green),transparent 68%);position:relative;z-index:2}.tier-teaser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--jr-space-2);margin-bottom:var(--jr-space-6)}.tier-teaser span{min-height:66px;display:flex;align-items:center;justify-content:center;gap:var(--jr-space-2);font-size:22px;font-weight:var(--jr-fw-bold);color:color-mix(in srgb,var(--jr-black),var(--jr-red) 20%);background:color-mix(in srgb,var(--jr-surface-panel),var(--jr-white) 24%);border:1px solid var(--jr-border-warm-strong);border-radius:var(--jr-radius-xl);padding:10px 12px;box-shadow:0 8px 18px color-mix(in srgb,var(--jr-black),transparent 92%)}.tier-teaser img,.tier-teaser i{width:42px;height:42px;object-fit:contain;flex:0 0 42px;font-style:normal;font-size:34px;line-height:1}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:var(--jr-space-5, 20px);border:1px solid var(--jr-border-warm);border-radius:var(--jr-radius-xl);overflow:hidden;background:var(--jr-border-warm)}.home-stats span{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;min-height:96px;border:0;border-radius:0;background:color-mix(in srgb,var(--jr-surface-panel),var(--jr-white) 20%);color:var(--jr-neutral-600);font-size:var(--jr-fs-caption)}.home-stats img{width:42px;height:42px;object-fit:contain;margin-bottom:var(--jr-space-1)}.home-stats b{color:var(--jr-black);font-family:var(--jr-font-mono);font-size:26px;line-height:1.1}.home-hint{margin-top:var(--jr-space-4);font-size:var(--jr-fs-caption);color:var(--jr-neutral-600)}.home-brand{margin-top:var(--jr-space-4);display:flex;align-items:center;gap:var(--jr-space-2)}.home-brand-box{width:22px;height:22px}.home-brand-tagline{height:18px}.btn-primary{background:var(--jr-button-primary-bg);color:var(--jr-button-primary-text);border:none;border-radius:var(--jr-radius-sm);font-size:var(--jr-fs-btn-lg);font-weight:var(--jr-fw-semibold);font-family:inherit;padding:16px 44px;min-height:52px;cursor:pointer;box-shadow:var(--jr-glow-black);transition:background var(--jr-dur-base),transform var(--jr-dur-fast)}.btn-primary:hover{background:var(--jr-button-primary-hover);transform:translateY(-1px)}.btn-primary:active{background:var(--jr-button-primary-hover);transform:scale(.98)}.btn-big{width:100%;max-width:320px}.home .btn-big{max-width:none;min-height:68px;margin-top:var(--jr-space-1);border-radius:var(--jr-radius-md);font-size:24px;font-weight:800;background:radial-gradient(160px 70px at 66% 20%,color-mix(in srgb,var(--jr-yellow),transparent 72%),transparent 72%),var(--jr-button-primary-bg);color:var(--jr-white)}.home .btn-big .gold-text,.home .btn-big{text-shadow:0 1px 0 color-mix(in srgb,var(--jr-black),transparent 70%)}.btn-ghost{background:var(--jr-surface-panel);color:var(--jr-black);border:1px solid var(--jr-neutral-300);border-radius:var(--jr-radius-sm);font-size:var(--jr-fs-btn-md);font-weight:var(--jr-fw-medium);font-family:inherit;padding:14px 32px;min-height:48px;cursor:pointer;transition:background var(--jr-dur-fast),border-color var(--jr-dur-fast),transform var(--jr-dur-fast)}.btn-ghost:hover{background:var(--jr-surface-panel-alt);border-color:var(--jr-border-warm-strong);transform:translateY(-1px)}.progress{width:100%;display:flex;align-items:center;gap:var(--jr-space-2);padding:var(--jr-space-2);position:sticky;top:var(--jr-space-2);z-index:5;margin-bottom:var(--jr-space-2);background:linear-gradient(180deg,color-mix(in srgb,var(--jr-white),transparent 10%),color-mix(in srgb,var(--jr-surface-panel),transparent 4%));border:1px solid var(--jr-border-warm-strong);border-radius:var(--jr-radius-xl);box-shadow:0 12px 30px color-mix(in srgb,var(--jr-black),transparent 88%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.progress-copy{display:flex;align-items:baseline;gap:2px;min-width:48px}.q-num{color:var(--jr-red);font-weight:var(--jr-fw-bold);font-size:22px;line-height:1;font-family:var(--jr-font-mono)}.q-total{color:var(--jr-neutral-600);font-size:var(--jr-fs-caption);font-family:var(--jr-font-mono)}.progress-track{position:relative;flex:1;min-width:0;height:28px;display:flex;align-items:center;padding:0 6px;overflow:hidden;border:1px solid color-mix(in srgb,var(--jr-green),var(--jr-white) 54%);border-radius:var(--jr-radius-full);background:linear-gradient(180deg,color-mix(in srgb,var(--jr-neutral-100),var(--jr-white) 40%),var(--jr-surface-panel-alt))}.progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--jr-green),var(--jr-black) 6%),var(--jr-green),color-mix(in srgb,var(--jr-yellow),var(--jr-green) 35%));box-shadow:0 0 18px color-mix(in srgb,var(--jr-green),transparent 55%);transition:width var(--jr-dur-base) var(--jr-ease-standard)}.dots{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:3px;flex:1}.dots i{flex:0 0 8px;width:8px;height:8px;border-radius:var(--jr-radius-full);background:color-mix(in srgb,var(--jr-white),transparent 16%);border:1px solid color-mix(in srgb,var(--jr-neutral-300),var(--jr-white) 30%);box-shadow:inset 0 1px 1px color-mix(in srgb,var(--jr-white),transparent 20%);transition:background var(--jr-dur-base),border-color var(--jr-dur-base),transform var(--jr-dur-base)}.dots i.done{background:var(--jr-white);border-color:color-mix(in srgb,var(--jr-green),var(--jr-white) 35%)}.dots i.now{background:var(--jr-black);border-color:var(--jr-black);transform:scale(1.35);box-shadow:0 0 0 4px color-mix(in srgb,var(--jr-black),transparent 88%)}.progress-badge{flex:0 0 auto;min-width:42px;border-radius:var(--jr-radius-full);background:var(--jr-black);color:var(--jr-white);font-family:var(--jr-font-mono);font-size:var(--jr-fs-caption);font-weight:var(--jr-fw-bold);line-height:1;padding:8px 9px}.quiz-card{width:100%;display:flex;flex-direction:column;align-items:center;padding:var(--jr-space-3) var(--jr-space-3) var(--jr-space-5, 20px);background:linear-gradient(180deg,color-mix(in srgb,var(--jr-white),transparent 28%),transparent 54%),var(--jr-surface-panel);border:1px solid var(--jr-border-warm-strong);border-radius:var(--jr-radius-2xl);box-shadow:var(--jr-shadow-lg)}.photo-frame{position:relative;animation:slidein var(--jr-dur-slow) var(--jr-ease-standard, ease)}@keyframes slidein{0%{transform:translate(56px) rotate(1.5deg);opacity:0}to{transform:none;opacity:1}}.photo-card{width:min(58vw,30dvh,240px);aspect-ratio:1;border-radius:var(--jr-radius-xl);overflow:hidden;background:linear-gradient(135deg,var(--jr-wash-green),var(--jr-wash-yellow)),var(--jr-surface-panel);border:6px solid var(--jr-surface-panel);outline:1px solid var(--jr-border-warm-strong);box-shadow:0 22px 46px color-mix(in srgb,var(--jr-black),transparent 86%)}.photo-card img{width:100%;height:100%;object-fit:cover;object-position:top center}.photo-tag{position:absolute;bottom:-13px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--jr-fs-caption);font-weight:var(--jr-fw-medium);color:var(--jr-neutral-600);background:color-mix(in srgb,var(--jr-surface-panel),var(--jr-white) 20%);border:1px solid var(--jr-border-warm);border-radius:var(--jr-radius-full);padding:3px 12px;box-shadow:var(--jr-shadow-sm)}.q-title{font-size:var(--jr-fs-h3);font-weight:var(--jr-fw-bold);margin:var(--jr-space-4) 0 0}.options{width:100%;display:flex;flex-direction:column;gap:var(--jr-space-2);margin-top:var(--jr-space-4)}.option{width:100%;min-height:58px;display:flex;align-items:center;gap:var(--jr-space-3);padding:0 var(--jr-space-3);background:color-mix(in srgb,var(--jr-surface-panel),var(--jr-white) 24%);border:1px solid var(--jr-border-warm-strong);border-radius:var(--jr-radius-md);font-family:inherit;cursor:pointer;box-shadow:var(--jr-shadow-sm);transition:transform var(--jr-dur-fast),background var(--jr-dur-fast),border-color var(--jr-dur-fast),box-shadow var(--jr-dur-fast)}.option:hover{border-color:color-mix(in srgb,var(--jr-yellow),var(--jr-border-warm-strong) 52%);box-shadow:var(--jr-shadow-md);transform:translateY(-1px)}.option:active{transform:scale(.98)}.opt-letter{flex:0 0 26px;height:26px;display:flex;align-items:center;justify-content:center;font-family:var(--jr-font-mono);font-size:var(--jr-fs-caption);font-weight:var(--jr-fw-bold);color:var(--jr-neutral-600);background:var(--jr-surface-panel-alt);border:1px solid var(--jr-border-warm);border-radius:var(--jr-radius-xs)}.opt-name{flex:1;text-align:left;font-size:var(--jr-fs-h3);font-weight:var(--jr-fw-semibold);color:var(--jr-neutral-900)}.opt-mark{flex:0 0 24px}.option.right{background:var(--jr-wash-green);border-color:var(--jr-green);animation:pop var(--jr-dur-slow) var(--jr-ease-spring, cubic-bezier(.34, 1.56, .64, 1))}.option.right .opt-letter{background:var(--jr-white);border-color:var(--jr-green);color:var(--jr-green)}.option.wrong{background:var(--jr-wash-red);border-color:var(--jr-red);animation:shake .26s}.option.wrong .opt-letter{background:var(--jr-white);border-color:var(--jr-red);color:var(--jr-red-text)}.option.dim{opacity:.4}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.quip{width:100%;min-height:0;margin-top:var(--jr-space-4);font-size:var(--jr-fs-body-1);color:var(--jr-neutral-900);text-align:center;background:color-mix(in srgb,var(--jr-surface-panel-alt),var(--jr-white) 24%);border:1px dashed var(--jr-border-warm-strong);border-radius:var(--jr-radius-sm);padding:0 var(--jr-space-3);opacity:0;max-height:0;overflow:hidden;border-color:transparent;transition:opacity var(--jr-dur-base),max-height var(--jr-dur-base),padding var(--jr-dur-base)}.quip.show{opacity:1;max-height:96px;padding:var(--jr-space-3);border-color:var(--jr-border-warm-strong)}.countdown{width:min(58vw,240px);min-height:32px;margin:var(--jr-space-3) auto 0;display:flex;align-items:center;gap:var(--jr-space-3);padding:5px 8px;border:1px solid color-mix(in srgb,var(--jr-green),var(--jr-white) 50%);border-radius:var(--jr-radius-full);background:color-mix(in srgb,var(--jr-surface-panel),var(--jr-white) 26%);box-shadow:inset 0 1px color-mix(in srgb,var(--jr-white),transparent 20%)}.countdown-num{flex:0 0 42px;font-family:var(--jr-font-mono);font-size:var(--jr-fs-body-1);font-weight:var(--jr-fw-bold);text-align:center;line-height:1}.countdown-track{flex:1;height:7px;border-radius:var(--jr-radius-full);background:color-mix(in srgb,var(--jr-neutral-100),var(--jr-white) 28%);border:1px solid color-mix(in srgb,var(--jr-neutral-300),var(--jr-white) 36%);overflow:hidden}.countdown-track i{display:block;height:100%;border-radius:var(--jr-radius-full);transition:width .1s linear,background var(--jr-dur-base)}.countdown.ok .countdown-num{color:var(--jr-green)}.countdown.ok .countdown-track i{background:var(--jr-green)}.countdown.warn .countdown-num{color:var(--jr-yellow)}.countdown.warn .countdown-track i{background:var(--jr-yellow)}.countdown.danger .countdown-num{color:var(--jr-red-text);animation:tick-pulse .5s infinite}.countdown.danger .countdown-track i{background:var(--jr-red)}.countdown.paused .countdown-num{color:var(--jr-neutral-600)}.countdown.paused .countdown-track i{background:var(--jr-neutral-300)}@keyframes tick-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.result{text-align:center;padding-top:var(--jr-space-2)}.result:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--jr-black),transparent 20%) 0,color-mix(in srgb,var(--jr-black),transparent 20%) 48%,color-mix(in srgb,var(--jr-black),transparent 62%) 68%,color-mix(in srgb,var(--jr-surface-canvas),transparent 5%)),url(../worldcup-assets/result-stadium-bg.png) center top / cover no-repeat,var(--jr-black)}.hero-card{width:100%;margin-top:var(--jr-space-20);background:linear-gradient(180deg,color-mix(in srgb,var(--jr-white),transparent 2%),color-mix(in srgb,var(--jr-surface-panel-alt),transparent 3%)),var(--jr-surface-panel);border:1px solid color-mix(in srgb,var(--jr-yellow),var(--jr-border-warm) 42%);border-radius:var(--jr-radius-3xl);box-shadow:0 24px 58px color-mix(in srgb,var(--jr-black),transparent 70%);padding:78px var(--jr-space-4) var(--jr-space-5, 20px);display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible}.result-frame-art{position:absolute;inset:-12px 0 auto;width:100%;height:100%;object-fit:fill;pointer-events:none;opacity:.74}.result-ribbon-art{position:absolute;top:-42px;left:50%;width:min(104%,468px);transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 12px 16px color-mix(in srgb,var(--jr-black),transparent 78%))}.result-titlebar{position:absolute;top:-70px;left:0;right:0;color:var(--jr-white);font-size:26px;font-weight:800;text-shadow:0 2px 12px color-mix(in srgb,var(--jr-black),transparent 20%)}.result-titlebar span:before,.result-titlebar span:after{content:"⌁";color:var(--jr-yellow);margin:0 12px}.share-fab{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;background:var(--jr-white);color:var(--jr-black);border:none;border-radius:var(--jr-radius-full);font-family:inherit;font-size:var(--jr-fs-body-1);font-weight:var(--jr-fw-bold);padding:8px 14px;cursor:pointer;box-shadow:var(--jr-shadow-md);text-shadow:none}.share-fab:active{transform:translateY(-50%) scale(.95)}.share-guide{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0f12d9;z-index:200;display:flex;flex-direction:column;align-items:flex-end;padding:16px 24px;color:var(--jr-white);text-align:right}.share-guide-arrow{font-size:64px;line-height:1;animation:nudge .9s ease-in-out infinite}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(8px,-8px)}}.share-guide-text{font-size:var(--jr-fs-h3);font-weight:var(--jr-fw-semibold);line-height:1.7;margin-top:var(--jr-space-3)}.share-guide-text b{color:var(--jr-yellow)}.share-guide-tip{margin-top:var(--jr-space-3);font-size:var(--jr-fs-caption);color:var(--jr-neutral-300)}.name-box{width:100%;margin-top:var(--jr-space-4);display:flex;flex-direction:column;gap:var(--jr-space-2)}.name-box label{font-size:var(--jr-fs-body-1);font-weight:var(--jr-fw-semibold);color:var(--jr-neutral-900);text-align:center}.name-box input{width:100%;min-height:50px;text-align:center;font-family:inherit;font-size:var(--jr-fs-h3);font-weight:var(--jr-fw-bold);color:var(--jr-neutral-900);background:var(--jr-surface-panel);border:2px solid var(--jr-border-warm-strong);border-radius:var(--jr-radius-sm);outline:none;transition:border-color var(--jr-dur-fast)}.name-box input:focus{border-color:var(--jr-green);box-shadow:0 0 0 4px var(--jr-focus-ring)}.name-box input::placeholder{color:var(--jr-neutral-300);font-weight:var(--jr-fw-medium)}.copy-toast{position:fixed;left:50%;bottom:64px;transform:translate(-50%);background:var(--jr-black);color:var(--jr-white);font-size:var(--jr-fs-body-1);border-radius:var(--jr-radius-full);padding:10px 20px;z-index:200;box-shadow:var(--jr-shadow-lg);white-space:nowrap}.medal-ring{display:flex;align-items:center;justify-content:center;animation:pop var(--jr-dur-slow) var(--jr-ease-spring, cubic-bezier(.34, 1.56, .64, 1));position:relative}.result-medal{width:96px;height:96px;margin-top:-58px;border-radius:var(--jr-radius-full);background:transparent;filter:drop-shadow(0 12px 16px color-mix(in srgb,var(--jr-black),transparent 76%))}.result-medal img{width:128px;max-width:none}.tier-name{position:relative;z-index:1;font-size:28px;font-weight:800;margin:0 0 var(--jr-space-1)}.gold-num{position:relative;z-index:1;font-family:var(--jr-font-mono);font-size:104px;font-weight:900;line-height:.95;filter:drop-shadow(0 5px 0 color-mix(in srgb,var(--jr-red),transparent 78%))}.gold-num span{font-size:42px}.gold-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:32px;margin:var(--jr-space-2) 0 var(--jr-space-3);padding:0 var(--jr-space-4);border:1px solid var(--jr-border-warm-strong);border-radius:var(--jr-radius-full);background:color-mix(in srgb,var(--jr-surface-panel),var(--jr-white) 30%);color:color-mix(in srgb,var(--jr-black),var(--jr-yellow) 24%);font-size:var(--jr-fs-caption);font-weight:var(--jr-fw-bold);letter-spacing:.08em}.tier-line{position:relative;z-index:1;font-size:var(--jr-fs-body-1);color:var(--jr-neutral-900);font-weight:var(--jr-fw-semibold);margin-bottom:var(--jr-space-4)}.rank-panel{position:relative;z-index:1;width:100%;min-height:104px;display:grid;grid-template-columns:92px 1fr;align-items:center;gap:var(--jr-space-3);border:1px solid color-mix(in srgb,var(--jr-yellow),var(--jr-black) 30%);border-radius:var(--jr-radius-lg);background:radial-gradient(180px 80px at 0% 100%,color-mix(in srgb,var(--jr-yellow),transparent 74%),transparent 72%),linear-gradient(135deg,color-mix(in srgb,var(--jr-black),var(--jr-purple) 22%),color-mix(in srgb,var(--jr-black),var(--jr-green) 12%) 58%,var(--jr-black));color:var(--jr-white);padding:var(--jr-space-3);box-shadow:0 12px 26px color-mix(in srgb,var(--jr-black),transparent 80%)}.rank-badge{width:86px;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;filter:drop-shadow(0 8px 12px color-mix(in srgb,var(--jr-black),transparent 58%))}.rank-badge img{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);object-fit:contain}.rank-badge span{position:relative;z-index:1;margin-top:-4px;font-size:11px;color:color-mix(in srgb,var(--jr-yellow),var(--jr-white) 20%);font-weight:var(--jr-fw-bold)}.rank-badge b{position:relative;z-index:1;font-family:var(--jr-font-mono);font-size:26px;line-height:1;color:var(--jr-yellow)}.rank-copy{text-align:left}.beaten{font-size:var(--jr-fs-h3);font-weight:var(--jr-fw-bold)}.beaten b{color:var(--jr-yellow);font-size:1.35em}.beaten-quip{font-size:var(--jr-fs-caption);color:color-mix(in srgb,var(--jr-white),transparent 18%);margin-top:4px}.result-metrics{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:var(--jr-space-3);overflow:hidden;border:1px solid var(--jr-divider-warm);border-radius:var(--jr-radius-md);background:var(--jr-divider-warm)}.result-metrics span{min-height:54px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--jr-surface-panel),var(--jr-white) 24%)}.result-metrics b{color:var(--jr-neutral-900);font-size:var(--jr-fs-body-1);line-height:1.2}.persona-card{position:relative;z-index:1;width:100%;margin-top:var(--jr-space-3);padding:var(--jr-space-3);border:1px solid var(--jr-divider-warm);border-radius:var(--jr-radius-lg);background:color-mix(in srgb,var(--jr-surface-panel),var(--jr-white) 20%)}.persona-card h3,.ai-verdict h3{font-size:var(--jr-fs-h3);margin-bottom:var(--jr-space-2)}.persona-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--jr-space-2)}.persona-tags span{min-height:58px;display:flex;align-items:center;justify-content:center;gap:var(--jr-space-2);border-radius:var(--jr-radius-md);background:var(--jr-wash-yellow);border:1px solid var(--jr-border-warm);color:var(--jr-neutral-900);font-weight:var(--jr-fw-semibold);font-size:var(--jr-fs-body-1)}.persona-tags img{width:38px;height:38px;object-fit:contain}.ai-verdict{position:relative;z-index:1;width:100%;margin-top:var(--jr-space-3);display:grid;grid-template-columns:76px 1fr;gap:var(--jr-space-3);align-items:center;text-align:left;padding:var(--jr-space-3);border-radius:var(--jr-radius-lg);background:radial-gradient(160px 90px at 100% 80%,color-mix(in srgb,var(--jr-green),transparent 72%),transparent 72%),var(--jr-wash-green);border:1px solid color-mix(in srgb,var(--jr-green),var(--jr-white) 42%)}.ai-verdict img{width:76px;object-fit:contain}.ai-verdict p{color:var(--jr-neutral-900);font-size:var(--jr-fs-body-1)}.actions{display:flex;flex-direction:column;align-items:center;gap:var(--jr-space-3);width:100%;margin:var(--jr-space-4) 0 var(--jr-space-6)}.actions .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--jr-space-2);min-height:62px;border-radius:var(--jr-radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--jr-yellow),var(--jr-white) 22%),color-mix(in srgb,var(--jr-yellow),var(--jr-red) 16%));color:var(--jr-black);box-shadow:0 12px 24px color-mix(in srgb,var(--jr-yellow),transparent 58%)}.action-icon{width:34px;height:34px;object-fit:contain}.brand-card{width:100%;background:linear-gradient(170deg,color-mix(in srgb,var(--jr-black),var(--jr-purple) 8%),var(--jr-black) 55%);border-radius:var(--jr-radius-lg);padding:var(--jr-space-8) var(--jr-space-4);display:flex;flex-direction:column;align-items:center;gap:var(--jr-space-3);box-shadow:var(--jr-glow-black);position:relative;overflow:hidden}.brand-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--jr-yellow),var(--jr-green),var(--jr-purple))}.brand-logo{height:40px}.brand-ai{font-size:var(--jr-fs-caption);color:var(--jr-chip-ai-text);background:var(--jr-chip-ai-bg);border:1px solid var(--jr-chip-ai-border);border-radius:var(--jr-radius-full);padding:5px 14px}.brand-line{font-size:var(--jr-fs-h3);font-weight:var(--jr-fw-semibold);color:var(--jr-white)}.brand-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--jr-space-2);background:var(--jr-white);color:var(--jr-black);text-decoration:none;font-size:var(--jr-fs-btn-lg);font-weight:var(--jr-fw-bold);border-radius:var(--jr-radius-sm);padding:14px 28px;min-height:54px;margin-top:var(--jr-space-1)}.brand-cta img{height:28px;display:block}.brand-cta:active{background:var(--jr-neutral-100)}.brand-site{font-size:var(--jr-fs-caption);color:var(--jr-neutral-300);font-family:var(--jr-font-mono)}.attribution{width:100%;margin-top:var(--jr-space-8);font-size:var(--jr-fs-caption);color:var(--jr-neutral-600);text-align:left}.attribution summary{cursor:pointer}.attribution ul{padding:var(--jr-space-2) 0 0 var(--jr-space-4)}.attribution a{color:var(--jr-neutral-600)}.attribution p{margin-top:var(--jr-space-2)}.poster-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0f12c7;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--jr-space-4)}.poster-box{background:var(--jr-surface-panel);border-radius:var(--jr-radius-lg);padding:var(--jr-space-4);text-align:center;max-width:320px;max-height:92dvh;overflow:auto;box-shadow:var(--jr-shadow-lg)}.poster-box img{width:100%;border-radius:var(--jr-radius-sm);border:1px solid var(--jr-border-warm)}.poster-box p{font-size:var(--jr-fs-caption);color:var(--jr-neutral-600);margin:var(--jr-space-2) 0 var(--jr-space-3)}@media(max-width:380px){.app{padding-inline:var(--jr-space-2)}.home-panel{padding-inline:var(--jr-space-3);border-radius:var(--jr-radius-3xl)}.home-topline{font-size:12px}.home-pill{padding-inline:9px}.home-hero-art{height:184px}.home-stadium-glow{width:214px;height:214px}.home-ball-img{width:194px;height:194px}.home-title{font-size:38px}.home-title strong{font-size:52px}.home-sub{font-size:15px}.tier-teaser span{min-height:58px;padding-inline:8px;font-size:19px}.tier-teaser img,.tier-teaser i{width:34px;height:34px;flex-basis:34px;font-size:30px}.home .btn-big{min-height:60px;font-size:20px}.gold-num{font-size:82px}.home-stats span{min-height:82px}.home-stats img{width:34px;height:34px}.home-stats b{font-size:22px}}