:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-page:#f5f3ef;--bg-deep:#ebe7e0;--bg-card:#fff;--bg-card-hover:#fafaf8;--bg-inset:#f0ece5;--bg-overlay:#2c242073;--bg-glass:#f5f3efd9;--poster-scrim:#f5f3efc7;--accent:#d06828;--accent-hover:#b85a22;--accent-soft:#d068281a;--accent-warm:#d06828;--accent-gold:#b8882e;--accent-cool:#3a7fa8;--accent-mint:#3d8b5a;--text-primary:#1a1210;--text-secondary:#5a4a40;--text-tertiary:#8a7a6e;--text-inverse:#f5f3ef;--text-accent:#b85a22;--text-on-accent:#fff;--border:#d0c7bc;--border-subtle:#0000001a;--border-strong:#b8afa4;--border-accent:#d068284d;--success:#2e8540;--success-soft:#2e85401a;--info:#3a7fa8;--info-soft:#3a7fa81a;--warning:#b87a1e;--warning-soft:#b87a1e1a;--danger:#b43a36;--danger-soft:#b43a361a;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 1px 4px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 14px #00000017, 0 1px 4px #0000000d;--shadow-lg:0 8px 28px #0000001c, 0 2px 8px #0000000d;--shadow-xl:0 20px 48px #00000021, 0 4px 12px #0000000f;--shadow-glow:0 0 0 1px #d068282e, 0 4px 16px #d0682826;--shadow-inner:inset 0 1px 3px #00000014;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--s-xs:4px;--s-sm:8px;--s-md:16px;--s-lg:24px;--s-xl:32px;--s-2xl:48px;--s-3xl:64px;--font-body:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-serif:"Noto Serif SC", "Songti SC", "SimSun", serif;--font-display:"Ma Shan Zheng", "KaiTi", cursive;--font-mono:"JetBrains Mono", "Fira Code", monospace;--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1.0625rem;--fs-lg:1.1875rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--fs-3xl:2.375rem;--lh-tight:1.35;--lh-snug:1.5;--lh-base:1.75;--lh-loose:1.85;--fw-light:300;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:900;--ls-tight:-.01em;--ls-normal:0;--ls-wide:.04em;--ls-wider:.08em;--ease:cubic-bezier(.25, .1, .25, 1);--ease-out:cubic-bezier(0, 0, .25, 1);--duration:.2s;--duration-slow:.35s;--topbar-h:60px;--max-w:1120px;--z-base:1;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;hanging-punctuation:first allow-end last;font-size:16px}body{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-base);color:var(--text-primary);background:var(--bg-page);min-height:100dvh;letter-spacing:var(--ls-normal)}a{color:var(--accent);transition:color var(--duration) var(--ease);text-decoration:none}a:hover{color:var(--accent-hover)}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}h1{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:var(--fw-bold)}h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}h3{font-size:var(--fs-md);font-weight:var(--fw-semibold)}p{line-height:var(--lh-base)}small{font-size:var(--fs-xs);color:var(--text-tertiary)}strong{font-weight:var(--fw-semibold)}::selection{color:var(--text-primary);background:#d068282e}.app-frame{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:var(--z-sticky);align-items:center;gap:var(--s-md);padding:0 var(--s-xl);height:var(--topbar-h);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(1.6);border-bottom:1px solid var(--border-subtle);display:flex;position:sticky;top:0}.brandmark{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.brandmark:hover{color:inherit}.brandmark strong{font-family:var(--font-serif);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:.02em}.brandmark small{font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--text-tertiary);letter-spacing:var(--ls-wide);display:block}.brandmark__stamp{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;width:36px;height:36px;font-family:var(--font-serif);font-size:var(--fs-sm);font-weight:var(--fw-bold);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;line-height:1;display:flex}.topnav{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;gap:2px;display:flex;overflow-x:auto}.topnav::-webkit-scrollbar{display:none}.topnav a,.topnav button{border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);transition:all var(--duration) var(--ease);white-space:nowrap;letter-spacing:.01em;align-items:center;gap:5px;padding:7px 13px;text-decoration:none;display:inline-flex}.topnav a:hover,.topnav button:hover{color:var(--text-primary);background:var(--bg-inset)}.topnav a.active,.topnav button.active{color:var(--text-on-accent);background:var(--accent);font-weight:var(--fw-semibold);box-shadow:var(--shadow-glow)}.topbar__score{align-items:center;gap:var(--s-md);border-radius:var(--r-sm);background:var(--bg-inset);border:1px solid var(--border-subtle);font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;padding:6px 14px;display:flex}.topbar__score div{align-items:baseline;gap:4px;display:flex}.topbar__score strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent)}.theme-toggle{background:var(--bg-inset);border:1px solid var(--border-subtle);width:36px;height:36px;transition:all var(--duration) var(--ease);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-toggle:hover{background:var(--accent-soft);border-color:var(--border-accent);transform:rotate(15deg)}.page-shell{flex-direction:column;flex:1;display:flex}.page{width:100%;max-width:var(--max-w);padding:var(--s-xl) var(--s-lg);flex:1;margin:0 auto}.button{border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.01em;transition:all var(--duration) var(--ease);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;gap:6px;padding:9px 20px;line-height:1.4;display:inline-flex}.button:hover{border-color:var(--border-strong);background:var(--bg-card-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button--primary{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-sm), 0 2px 8px #d0682838;border-color:#0000}.button--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md), 0 4px 12px #e0733840;transform:translateY(-1px)}.button--ghost{color:var(--text-secondary);box-shadow:none;background:0 0;border-color:#0000}.button--ghost:hover{background:var(--bg-inset);color:var(--text-primary);box-shadow:none;transform:none}.section-heading{align-items:flex-start;gap:var(--s-md);margin-bottom:var(--s-lg);display:flex}.section-heading__emoji{flex-shrink:0;font-size:1.5rem;line-height:1.3}.section-heading h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:2px}.section-heading p{font-size:var(--fs-sm);color:var(--text-tertiary);line-height:var(--lh-snug);font-weight:var(--fw-normal)}.eyebrow{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--accent);margin-bottom:var(--s-sm)}.progress-bar{border-radius:var(--r-pill);background:var(--bg-inset);width:100%;height:6px;overflow:hidden}.progress-bar>div,.progress-bar>span{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--accent), var(--accent-gold));height:100%;transition:width .5s var(--ease-out)}.progress-bar--spotlight{height:10px}.progress-bar--soft{background:var(--border-subtle);height:4px}.stat-pill{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-medium);background:var(--bg-inset);color:var(--text-secondary);border:1px solid var(--border-subtle);align-items:center;gap:5px;padding:4px 12px;display:inline-flex}.stat-pill strong{font-weight:var(--fw-semibold);color:var(--accent)}.stat-tile{padding:var(--s-md) var(--s-lg);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-xs);transition:all var(--duration) var(--ease);flex-direction:column;align-items:center;gap:4px;display:flex}.stat-tile:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.stat-tile span{font-size:1.3rem}.stat-tile small{font-size:var(--fs-xs);color:var(--text-tertiary);font-weight:var(--fw-medium)}.stat-tile strong{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--accent);line-height:1.2}.soft-card{padding:var(--s-lg);border-radius:var(--r-md);background:var(--bg-inset);border:1px solid var(--border-subtle);font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-base)}.text-link{color:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:color var(--duration) var(--ease)}.text-link:hover{color:var(--accent-hover);text-decoration:underline}.poster{border-radius:var(--r-lg);aspect-ratio:3/4;background:linear-gradient(160deg, var(--bg-inset) 0%, var(--bg-deep) 100%);padding:var(--s-lg);transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.poster:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.poster h3{z-index:3;font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:4px;position:relative}.poster p{z-index:3;font-size:var(--fs-xs);color:var(--text-secondary);line-height:var(--lh-snug);position:relative}.poster--compact{aspect-ratio:4/3;padding:var(--s-md)}.poster--locked{opacity:.55;filter:grayscale(.3);cursor:default}.poster--locked:hover{box-shadow:var(--shadow-sm);transform:none}.poster__meta{z-index:3;font-size:var(--fs-xs);color:var(--text-tertiary);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);margin-bottom:var(--s-sm);position:relative}.poster__stamp{top:var(--s-sm);right:var(--s-sm);font-size:var(--fs-xs);z-index:3;background:var(--bg-glass);border-radius:var(--r-xs);color:var(--text-secondary);font-weight:var(--fw-medium);padding:3px 8px;position:absolute}.poster__grain{z-index:1;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.poster:after{content:"";background:linear-gradient(to top, var(--poster-scrim) 0%, transparent 55%);z-index:2;pointer-events:none;position:absolute;inset:0}.poster-row{gap:var(--s-md);padding-bottom:var(--s-sm);scrollbar-width:thin;display:flex;overflow-x:auto}.poster-row>*{flex:0 0 150px}.floating-guide{bottom:var(--s-xl);right:var(--s-xl);z-index:var(--z-overlay);align-items:flex-end;gap:var(--s-sm);flex-direction:column;display:flex;position:fixed}.floating-guide__bubble{max-width:260px;padding:var(--s-md) var(--s-lg);border-radius:var(--r-md);border-bottom-right-radius:var(--r-xs);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-base)}.floating-guide__fab{border-radius:var(--r-pill);background:var(--accent);color:#fff;font-weight:var(--fw-semibold);font-size:var(--fs-sm);box-shadow:var(--shadow-glow);cursor:pointer;transition:all var(--duration) var(--ease);align-items:center;gap:6px;padding:10px 18px;display:flex}.floating-guide__fab:hover{background:var(--accent-hover);box-shadow:var(--shadow-lg), 0 4px 20px #e0733833;transform:translateY(-2px)}.floating-guide__avatar{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.floating-guide__label{white-space:nowrap}.bullet-list{flex-direction:column;gap:8px;display:flex}.bullet-list li{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-base);padding-left:14px;position:relative}.bullet-list li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:0}.bullet-list li strong{color:var(--text-primary);font-weight:var(--fw-semibold);font-size:var(--fs-sm);margin-bottom:2px;display:block}.link-list{flex-direction:column;gap:8px;display:flex}.link-list li{font-size:var(--fs-sm);line-height:var(--lh-snug)}.link-list li small{color:var(--text-tertiary);margin-top:2px;display:block}.home-page{max-width:var(--max-w);padding:var(--s-2xl) var(--s-lg);gap:var(--s-2xl);flex-direction:column;margin:0 auto;display:flex}.home-hero{gap:var(--s-2xl);padding:var(--s-2xl) var(--s-xl);border-radius:var(--r-xl);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);grid-template-columns:1.2fr .8fr;align-items:center;display:grid}.home-hero__copy{gap:var(--s-sm);flex-direction:column;display:flex}.home-hero__copy .eyebrow{margin-bottom:0}.home-hero__copy h1{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-normal);color:var(--text-primary);letter-spacing:.02em;line-height:1.3}.home-hero__lead{font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-loose);max-width:480px}.home-hero__actions{gap:var(--s-sm);margin-top:var(--s-sm);flex-wrap:wrap;display:flex}.home-hero__status{margin-top:2px}.ai-status-row{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.ai-status-row small{font-size:var(--fs-xs);color:var(--text-tertiary)}.ai-status-pill{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:var(--bg-inset);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:5px;padding:5px 12px;display:inline-flex}.ai-status-pill.is-ai{background:var(--accent-soft);border-color:var(--border-accent);color:var(--accent)}.ai-status-pill.is-fallback{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 34%, var(--border));color:var(--warning)}.home-hero__visual{justify-content:center;align-items:center;display:flex}.hero-poster{aspect-ratio:3/4;border-radius:var(--r-md);background:var(--bg-inset);border:1px solid var(--border);justify-content:center;align-items:center;gap:var(--s-sm);width:180px;padding:var(--s-md);text-align:center;transition:all var(--duration-slow) var(--ease);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-poster strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.hero-poster p{font-size:var(--fs-xs);color:var(--text-tertiary);line-height:var(--lh-snug)}.hero-poster--focus{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:scale(1.03)}.hero-poster__stamp{top:var(--s-sm);right:var(--s-sm);font-size:var(--fs-2xs);background:var(--accent-soft);color:var(--accent);border-radius:var(--r-pill);font-weight:var(--fw-semibold);padding:2px 8px;position:absolute}.hero-poster__emoji{letter-spacing:-.05em;font-size:2.2rem;line-height:1}.hero-poster__meter{border-radius:var(--r-pill);background:var(--bg-inset);width:75%;height:5px;overflow:hidden}.hero-poster__meter>span{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--accent), var(--accent-gold));height:100%;transition:width .5s var(--ease-out);display:block}.hero-poster__meta{font-size:var(--fs-xs);color:var(--text-tertiary);flex-direction:column;align-items:center;gap:4px;display:flex}.hero-poster__meta small{font-size:var(--fs-2xs)}.home-status-center{gap:var(--s-md);grid-template-columns:repeat(3,1fr);display:grid}.status-center__segment{padding:var(--s-lg);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:all var(--duration) var(--ease);flex-direction:column;gap:6px;display:flex}.status-center__segment:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.status-center__segment strong{font-family:var(--font-serif);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.status-center__segment p{font-size:var(--fs-sm);color:var(--text-tertiary);line-height:var(--lh-snug)}.status-center__eyebrow{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wider);color:var(--accent)}.status-center__chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.status-center__chips span{font-size:var(--fs-xs);border-radius:var(--r-pill);background:var(--bg-inset);color:var(--text-secondary);font-weight:var(--fw-medium);padding:3px 10px}.home-grid{gap:var(--s-lg);grid-template-columns:1fr 1fr;display:grid}.home-grid--focused{grid-template-columns:1.5fr 1fr}.home-lower{gap:var(--s-lg);grid-template-columns:1fr 1fr;display:grid}.home-lower--focused{grid-template-columns:1.5fr 1fr}.home-panel{padding:var(--s-lg);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-xs);gap:var(--s-md);flex-direction:column;display:flex}.home-panel__header--stacked{flex-direction:column;gap:0;display:flex}.home-panel__header--stacked .section-heading{margin-bottom:var(--s-sm)}.atlas-list{gap:var(--s-sm);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.atlas-card{align-items:flex-start;gap:var(--s-md);padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration) var(--ease);display:flex}.atlas-card:hover{background:var(--bg-card-hover);border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.atlas-card__emoji{flex-shrink:0;margin-top:2px;font-size:1.5rem;line-height:1}.atlas-card__body{flex:1;min-width:0}.atlas-card__body strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:2px;display:block}.atlas-card__body p{font-size:var(--fs-xs);color:var(--text-tertiary);line-height:var(--lh-snug);margin-bottom:6px}.atlas-card__body small{font-size:var(--fs-xs);color:var(--text-tertiary)}.atlas-card__topline{margin-bottom:4px}.atlas-card__topline small{font-size:var(--fs-2xs);color:var(--text-tertiary)}.shortcut-list{gap:var(--s-sm);grid-template-columns:repeat(3,1fr);display:grid}.shortcut-list--featured{grid-template-columns:repeat(3,1fr)}.shortcut-card{padding:var(--s-lg);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;font-size:var(--fs-sm);transition:all var(--duration) var(--ease);box-shadow:var(--shadow-xs);color:var(--text-primary);flex-direction:column;gap:6px;text-decoration:none;display:flex}.shortcut-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.shortcut-card span{font-size:1.5rem}.shortcut-card strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.shortcut-card p{font-size:var(--fs-xs);color:var(--text-tertiary);line-height:var(--lh-snug)}.challenge-tabs{background:var(--bg-inset);border-radius:var(--r-sm);gap:4px;width:fit-content;padding:3px;display:flex}.challenge-tabs button{border-radius:var(--r-xs);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-tertiary);transition:all var(--duration) var(--ease);cursor:pointer;background:0 0;padding:6px 14px}.challenge-tabs button:hover{color:var(--text-primary)}.challenge-tabs button.active,.challenge-tabs button.is-active{background:var(--bg-card);color:var(--text-primary);font-weight:var(--fw-semibold);box-shadow:var(--shadow-xs)}.challenge-spotlight{padding:var(--s-md);border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--border-accent);flex-direction:column;gap:6px;display:flex}.challenge-spotlight strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.challenge-spotlight p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-snug)}.challenge-spotlight small{font-size:var(--fs-xs);color:var(--text-tertiary)}.challenge-spotlight__badge{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);color:var(--accent);letter-spacing:var(--ls-wide)}.challenge-mission-list{gap:var(--s-sm);flex-direction:column;display:flex}.challenge-mission-card{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--duration) var(--ease);cursor:pointer;text-align:left;flex-direction:column;gap:4px;display:flex}.challenge-mission-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.challenge-mission-card strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.challenge-mission-card p{font-size:var(--fs-xs);color:var(--text-tertiary);line-height:var(--lh-snug)}.challenge-mission-card small{font-size:var(--fs-2xs);color:var(--text-tertiary)}.challenge-mission-card__topline{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.challenge-mission-card__label{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);color:var(--accent)}.challenge-mission-card.is-completed{opacity:.5;pointer-events:none;text-decoration:line-through}.challenge-panel__footer{padding-top:var(--s-md);border-top:1px solid var(--border-subtle);font-size:var(--fs-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.home-loot-stack{gap:var(--s-md);flex-direction:column;display:flex}.home-loot-note{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-base)}.home-loot-note strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:4px;display:block}.home-map-cta{text-decoration:none}.home-prompt-strip{gap:var(--s-sm);padding-bottom:var(--s-sm);display:flex;overflow-x:auto}.map-page{max-width:var(--max-w);padding:var(--s-2xl) var(--s-lg);margin:0 auto}.map-hero{justify-content:space-between;align-items:flex-end;gap:var(--s-xl);margin-bottom:var(--s-2xl);padding:var(--s-2xl);border-radius:var(--r-xl);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);display:flex}.map-hero .eyebrow{margin-bottom:0}.map-hero h1{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-normal);max-width:600px;line-height:1.4}.map-hero p{font-size:var(--fs-sm);color:var(--text-tertiary);line-height:var(--lh-base);max-width:600px;margin-top:var(--s-sm)}.map-hero__summary{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.map-hero__summary strong{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--accent)}.map-hero__summary span{font-size:var(--fs-xs);color:var(--text-tertiary)}.trail-layout{gap:var(--s-lg);flex-direction:column;display:flex}.trail-zone{border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:all var(--duration) var(--ease);overflow:hidden}.trail-zone:hover{box-shadow:var(--shadow-sm)}.trail-zone--complete{border-left:3px solid var(--success)}.trail-zone--active{border-left:3px solid var(--accent)}.trail-zone--ready{border-left:3px solid var(--accent-gold)}.trail-zone--locked{opacity:.55}.trail-zone__track{align-items:center;gap:var(--s-md);display:flex}.trail-zone__core{padding-left:var(--s-lg);flex:1;font-size:1.3rem}.trail-zone__thread{background:var(--border);border-radius:var(--r-pill);align-self:stretch;width:3px}.trail-zone__panel{padding:var(--s-lg)}.trail-zone__header{justify-content:space-between;align-items:flex-start;gap:var(--s-lg);margin-bottom:var(--s-md);display:flex}.trail-zone__header h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.trail-zone__header p{font-size:var(--fs-sm);color:var(--text-tertiary);line-height:var(--lh-snug);margin-top:4px}.trail-zone__meta{align-items:center;gap:var(--s-sm);font-size:var(--fs-xs);color:var(--text-tertiary);margin-bottom:6px;display:flex}.trail-zone__state-pill{border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);background:var(--accent-soft);color:var(--accent);padding:3px 10px;display:inline-flex}.trail-zone--complete .trail-zone__state-pill{background:var(--success-soft);color:var(--success)}.trail-zone__counter{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.trail-zone__counter strong{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--accent);line-height:1.2}.trail-zone__counter span{font-size:var(--fs-xs);color:var(--text-tertiary)}.trail-zone__nodes{gap:var(--s-sm);padding:0 var(--s-lg) var(--s-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.trail-node{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-inset);cursor:pointer;transition:all var(--duration) var(--ease);opacity:.45;text-align:left;border:1px solid #0000}.trail-node strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin:4px 0;display:block}.trail-node p{font-size:var(--fs-xs);color:var(--text-tertiary);line-height:var(--lh-snug)}.trail-node.is-unlocked{opacity:1;background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-xs)}.trail-node.is-unlocked:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.trail-node.is-locked{opacity:.35;cursor:not-allowed}.trail-node__topline{align-items:center;gap:var(--s-sm);margin-bottom:4px;display:flex}.trail-node__topline small{font-size:var(--fs-2xs);color:var(--text-tertiary)}.trail-node__footer{margin-top:var(--s-sm);font-size:var(--fs-2xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex}.difficulty-pill{border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);padding:2px 8px;display:inline-flex}.difficulty-pill--easy{background:var(--success-soft);color:var(--success)}.difficulty-pill--medium{background:var(--warning-soft);color:var(--warning)}.difficulty-pill--hard{background:var(--danger-soft);color:var(--danger)}.chat-page{max-width:var(--max-w);padding:var(--s-lg);height:calc(100dvh - var(--topbar-h) - var(--s-lg) * 2);margin:0 auto}.chat-stage{gap:var(--s-lg);grid-template-columns:1fr 280px;height:100%;display:grid}.chat-stage__main{border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.chat-stage__aside{gap:var(--s-md);flex-direction:column;display:flex;overflow-y:auto}.inspector__block{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.inspector__block h3{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--s-sm)}.inspector__block--active{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.inspector__actions{gap:var(--s-sm);margin-top:var(--s-md);display:flex}.prompt-seeds{padding:var(--s-sm) var(--s-md);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:6px;display:flex}.prompt-seed{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-medium);background:var(--bg-inset);color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease);border:1px solid #0000;padding:5px 12px}.prompt-seed:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--border-accent)}.chat-log{padding:var(--s-lg);gap:var(--s-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{max-width:72%;padding:var(--s-md) var(--s-lg);border-radius:var(--r-md);font-size:var(--fs-sm);line-height:var(--lh-base);animation:fadeSlideIn .3s var(--ease)}.chat-bubble.is-assistant{background:var(--bg-inset);color:var(--text-primary);border-bottom-left-radius:var(--r-xs);align-self:flex-start}.chat-bubble.is-user{background:var(--accent);color:#fff;border-bottom-right-radius:var(--r-xs);align-self:flex-end}.chat-form{gap:var(--s-sm);padding:var(--s-md);border-top:1px solid var(--border-subtle);background:var(--bg-card);align-items:flex-end;display:flex}.chat-form textarea{border-radius:var(--r-sm);background:var(--bg-inset);border:1px solid var(--border);font-size:var(--fs-sm);line-height:var(--lh-snug);resize:none;min-height:40px;max-height:120px;transition:border-color var(--duration) var(--ease);color:var(--text-primary);font-family:var(--font-body);flex:1;padding:10px 14px}.chat-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.chat-form__actions{gap:var(--s-xs);flex-shrink:0;display:flex}.unlock-pill{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:var(--accent-gold);color:var(--text-primary);margin-bottom:var(--s-sm);align-items:center;gap:5px;padding:5px 12px;animation:2s ease-in-out infinite pulse;display:inline-flex}.chat-mode-row{margin-bottom:var(--s-sm);flex-wrap:wrap;gap:8px;display:flex}.chat-mode-pill{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:var(--bg-inset);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:5px;padding:5px 12px;display:inline-flex}.chat-mode-pill.is-ai{background:var(--accent-soft);border-color:var(--border-accent);color:var(--accent)}.chat-mode-pill.is-fallback{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 34%, var(--border));color:var(--warning)}.chat-mode-note{font-size:var(--fs-xs);color:var(--text-tertiary);line-height:var(--lh-base)}.chat-study-card{padding:var(--s-md);border-radius:var(--r-md);background:linear-gradient(180deg, var(--bg-card), var(--bg-inset));border:1px solid var(--border);flex-direction:column;gap:6px;display:flex}.chat-study-card strong{font-size:var(--fs-md);color:var(--text-primary)}.chat-study-card p{font-size:var(--fs-sm);color:var(--text-secondary)}.chat-study-card span{font-size:var(--fs-xs);color:var(--accent);font-weight:var(--fw-medium)}.follow-up-list{flex-direction:column;gap:8px;display:flex}.follow-up-chip{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);text-align:left;font-size:var(--fs-sm);transition:all var(--duration) var(--ease);padding:10px 12px}.follow-up-chip:hover{border-color:var(--border-accent);background:var(--accent-soft);color:var(--accent)}.detail-page{max-width:780px;padding:var(--s-2xl) var(--s-lg);margin:0 auto}.detail-hero{margin-bottom:var(--s-xl)}.detail-hero h1{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-top:var(--s-md)}.detail-copy{font-size:var(--fs-base);line-height:var(--lh-loose);color:var(--text-secondary);margin-bottom:var(--s-xl)}.detail-copy p+p{margin-top:var(--s-md)}.detail-grid{gap:var(--s-lg);margin-bottom:var(--s-xl);grid-template-columns:1fr 1fr;display:grid}.detail-grid article{padding:var(--s-lg);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.detail-grid h2{font-size:var(--fs-md);margin-bottom:var(--s-sm)}.detail-grid p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-base)}.detail-actions{justify-content:center;gap:var(--s-sm);display:flex}.quiz-page{max-width:var(--max-w);padding:var(--s-lg);margin:0 auto}.quiz-stage{gap:var(--s-lg);min-height:calc(100dvh - var(--topbar-h) - var(--s-lg) * 2);grid-template-columns:260px 1fr;display:grid}.quiz-stage__aside{gap:var(--s-md);flex-direction:column;display:flex;overflow-y:auto}.quiz-stage__board{gap:var(--s-lg);flex-direction:column;display:flex}.quiz-stage__meta{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);font-size:var(--fs-sm);flex-direction:column;gap:6px;display:flex}.quiz-stage__meta div{justify-content:space-between;align-items:center;display:flex}.quiz-stage__meta span{color:var(--text-tertiary);font-size:var(--fs-xs)}.quiz-stage__meta strong{font-weight:var(--fw-semibold);color:var(--text-primary)}.quiz-stage__header{justify-content:space-between;align-items:flex-start;gap:var(--s-lg);display:flex}.quiz-stage__header h1,.quiz-stage__header h2{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.quiz-stage__lead{font-size:var(--fs-sm);color:var(--text-tertiary);line-height:var(--lh-snug);margin-top:4px}.quiz-stage__chips{flex-wrap:wrap;gap:6px;display:flex}.quiz-stage__chip{border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--fw-medium);background:var(--bg-inset);color:var(--text-tertiary);padding:3px 10px}.quiz-stage__chip--warm{background:var(--accent-soft);color:var(--accent)}.quiz-scoreboard{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;display:flex}.quiz-scoreboard__item{font-size:var(--fs-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex}.quiz-scoreboard__item strong{font-weight:var(--fw-semibold);color:var(--accent);font-size:var(--fs-sm)}.quiz-sparkbar{flex-direction:column;gap:4px;display:flex}.quiz-sparkbar__track{border-radius:var(--r-pill);background:var(--bg-inset);height:5px;overflow:hidden}.quiz-sparkbar__track>div,.quiz-sparkbar__track>span{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--accent), var(--accent-gold));height:100%;transition:width .4s var(--ease)}.quiz-sparkbar__meta{font-size:var(--fs-2xs);color:var(--text-tertiary);justify-content:space-between;display:flex}.quiz-sparkbar__meta strong{color:var(--text-secondary);font-weight:var(--fw-semibold)}.quiz-starline{align-items:center;gap:6px;display:flex}.quiz-starline p{font-size:var(--fs-xs);color:var(--text-tertiary)}.quiz-star{background:var(--bg-inset);width:22px;height:22px;transition:all .3s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex}.quiz-star.is-lit{background:var(--accent-gold);color:#fff;box-shadow:0 2px 8px #c9973e4d}.quiz-playfield{padding:var(--s-xl);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);gap:var(--s-lg);flex-direction:column;display:flex}.quiz-playfield__meter{font-size:var(--fs-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex}.quiz-playfield__meter strong{font-weight:var(--fw-semibold);color:var(--accent)}.quiz-game-wrap{gap:var(--s-md);flex-direction:column;display:flex}.quiz-options{gap:var(--s-sm);grid-template-columns:1fr 1fr;display:grid}.quiz-option{align-items:center;gap:var(--s-sm);padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all var(--duration) var(--ease);text-align:left;display:flex}.quiz-option:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.quiz-option.is-selected{border-color:var(--accent);background:var(--accent-soft)}.quiz-option.is-correct{border-color:var(--success);background:var(--success-soft)}.quiz-option.is-missed{border-color:var(--danger);background:var(--danger-soft)}.quiz-option__index{background:var(--bg-inset);width:28px;height:28px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);transition:all var(--duration) var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quiz-option.is-selected .quiz-option__index{background:var(--accent);color:#fff}.quiz-option.is-correct .quiz-option__index{background:var(--success);color:#fff}.quiz-option.is-missed .quiz-option__index{background:var(--danger);color:#fff}.quiz-option__copy{flex:1}.quiz-option__copy strong{font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:2px;display:block}.quiz-option__copy small{font-size:var(--fs-2xs);color:var(--text-tertiary)}.quiz-result{padding:var(--s-lg);border-radius:var(--r-md);text-align:center;animation:fadeSlideIn .4s var(--ease)}.quiz-result.is-correct{background:var(--success-soft)}.quiz-result.is-retry{background:var(--warning-soft)}.quiz-result.is-wrong{background:var(--danger-soft)}.quiz-result__top{margin-bottom:var(--s-sm)}.quiz-result__top strong{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:6px;display:block}.quiz-result__pill{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:4px 14px;display:inline-flex}.quiz-result.is-correct .quiz-result__pill{background:var(--success);color:#fff}.quiz-result.is-retry .quiz-result__pill{background:var(--warning);color:#fff}.quiz-result.is-wrong .quiz-result__pill{background:var(--danger);color:#fff}.quiz-result p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-snug)}.quiz-result small{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:var(--s-sm);line-height:var(--lh-base);display:block}.quiz-result__answer{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--s-sm);font-weight:var(--fw-medium);display:block}.quiz-actions{justify-content:center;gap:var(--s-sm);display:flex}.quiz-mission{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border)}.quiz-mission__header{margin-bottom:var(--s-sm);justify-content:space-between;align-items:center;display:flex}.quiz-mission__header strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.quiz-mission__header small{font-size:var(--fs-2xs);color:var(--text-tertiary)}.quiz-mission__steps{flex-direction:column;gap:4px;display:flex}.quiz-mission__step{align-items:center;gap:var(--s-sm);font-size:var(--fs-xs);color:var(--text-tertiary);padding:5px 0;display:flex}.quiz-mission__step span{font-weight:var(--fw-semibold);font-size:var(--fs-2xs);color:var(--text-tertiary);min-width:20px}.quiz-mission__step p{font-size:var(--fs-xs)}.quiz-mission__step.is-done{color:var(--success);text-decoration:line-through}.quiz-prizes{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border)}.quiz-prizes__header{margin-bottom:var(--s-sm);justify-content:space-between;display:flex}.quiz-prizes__header strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.quiz-prizes__header small{font-size:var(--fs-xs);color:var(--text-tertiary)}.quiz-prizes__shelf{flex-wrap:wrap;gap:6px;display:flex}.quiz-prize-chip{border-radius:var(--r-sm);background:var(--accent-soft);border:1px solid var(--border-accent);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.quiz-prize-chip.is-empty{width:auto;height:auto;padding:var(--s-sm);background:var(--bg-inset);border-color:var(--border-subtle);font-size:var(--fs-xs);color:var(--text-tertiary)}.quiz-page--party{max-width:1240px;padding:var(--s-xl) var(--s-lg) var(--s-2xl)}.quiz-page--party .quiz-stage{min-height:auto}.party-hero{border:1px solid color-mix(in srgb, var(--party-accent,var(--accent)) 22%, var(--border));background:radial-gradient(circle at top right, color-mix(in srgb, var(--party-accent,var(--accent)) 24%, transparent) 0%, transparent 42%), linear-gradient(145deg, var(--bg-card), color-mix(in srgb, var(--party-accent,var(--accent)) 6%, var(--bg-card)) 100%);box-shadow:var(--shadow-lg);border-radius:32px;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);align-items:start;gap:clamp(20px,2.4vw,30px);padding:clamp(24px,4vw,40px);display:grid;position:relative;overflow:hidden}.party-hero:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--party-accent,var(--accent)) 16%, transparent), transparent);filter:blur(40px);pointer-events:none;height:220px;animation:7s linear infinite partySweep;position:absolute;inset:auto -20% -35% 15%}.party-hero__copy{z-index:1;flex-direction:column;gap:clamp(14px,2vw,22px);max-width:700px;display:flex;position:relative}.party-hero__copy h1{font-family:var(--font-serif);font-size:clamp(1.9rem,2.5vw,2.7rem);font-weight:var(--fw-bold);letter-spacing:.01em;max-width:14ch;line-height:1.24}.party-hero__copy h1 span{display:block}.party-hero__copy h1 span+span{margin-top:.24em}.party-hero__copy h1 em{color:color-mix(in srgb, var(--party-accent,var(--accent)) 78%, white 10%);font-style:normal}.party-hero__lead{max-width:60ch;color:var(--text-secondary);font-size:var(--fs-base)}.party-hero__learning{gap:var(--s-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.party-hero__learning span{border-radius:var(--r-pill);background:color-mix(in srgb, var(--party-accent,var(--accent)) 8%, var(--bg-card));border:1px solid color-mix(in srgb, var(--party-accent,var(--accent)) 18%, var(--border));font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:color-mix(in srgb, var(--party-accent,var(--accent)) 72%, var(--text-primary));padding:8px 14px}.party-hero__actions{gap:var(--s-sm);flex-wrap:wrap;display:flex}.party-kpis{gap:var(--s-sm);grid-template-columns:repeat(4,minmax(0,1fr));max-width:620px;display:grid}.party-kpis div{padding:var(--s-md);border-radius:var(--r-md);background:color-mix(in srgb, var(--party-accent,var(--accent)) 8%, var(--bg-card));border:1px solid color-mix(in srgb, var(--party-accent,var(--accent)) 18%, var(--border))}.party-kpis span{font-size:var(--fs-2xs);color:var(--text-tertiary);margin-bottom:4px;display:block}.party-kpis strong{font-size:var(--fs-lg);color:color-mix(in srgb, var(--party-accent,var(--accent)) 68%, var(--text-primary))}.party-hero__visual{justify-content:flex-end;align-items:flex-start;min-height:280px;display:flex;position:relative}.party-hero__halo{background:radial-gradient(circle, color-mix(in srgb, var(--party-accent,var(--accent)) 28%, transparent) 0%, transparent 62%), radial-gradient(circle at 30% 30%, #ffffff73, transparent 22%);filter:blur(4px);border-radius:50%;animation:4.8s ease-in-out infinite partyPulse;position:absolute;inset:10% 12% 8%}.party-hero__poster{z-index:1;gap:var(--s-md);width:min(100%,376px);color:var(--text-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--party-accent,var(--accent)) 14%, var(--bg-card)) 0%, var(--bg-card) 100%);border:1px solid color-mix(in srgb, var(--party-accent,var(--accent)) 24%, var(--border));box-shadow:var(--shadow-xl);border-radius:28px;flex-direction:column;padding:clamp(20px,2.6vw,28px);display:flex;position:relative;transform:rotate(-.5deg)}.party-hero__badge{border-radius:var(--r-pill);width:fit-content;color:color-mix(in srgb, var(--party-accent,var(--accent)) 72%, var(--text-primary));font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:#ffffffb3;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.party-hero__poster strong{font-family:var(--font-serif);font-size:clamp(1.25rem,2vw,1.7rem)}.party-hero__poster p,.party-hero__poster small{color:var(--text-secondary)}.party-hero__lesson{border-radius:var(--r-md);background:color-mix(in srgb, var(--party-accent,var(--accent)) 10%, var(--bg-card));border:1px solid color-mix(in srgb, var(--party-accent,var(--accent)) 18%, var(--border));font-size:var(--fs-sm);padding:10px 14px}.party-hero__preview,.party-hero__meta,.party-hero__steps,.party-stage__steps{gap:var(--s-sm);flex-wrap:wrap;display:flex}.party-hero__preview span,.party-stage__banner-preview span{background:color-mix(in srgb, var(--party-accent,var(--accent)) 14%, var(--bg-card));border:1px solid color-mix(in srgb, var(--party-accent,var(--accent)) 22%, var(--border));width:52px;height:52px;box-shadow:var(--shadow-sm);border-radius:18px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.party-hero__meta span,.party-hero__steps span,.party-stage__steps span{border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--fw-medium);background:var(--bg-inset);color:var(--text-secondary);padding:6px 12px}.party-demo-strip{gap:var(--s-md);margin-top:var(--s-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.party-demo-strip article{padding:var(--s-lg);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.party-demo-strip span{width:34px;height:34px;margin-bottom:var(--s-sm);background:var(--accent-soft);color:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.party-demo-strip strong{margin-bottom:6px;display:block}.party-demo-strip p{font-size:var(--fs-sm);color:var(--text-secondary)}@media (width<=1080px){.party-hero{grid-template-columns:1fr}.party-hero__copy{max-width:none}.party-hero__copy h1{max-width:18ch}.party-hero__visual{justify-content:flex-start;min-height:260px}.party-kpis,.party-demo-strip,.party-grid,.party-hero__learning{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.party-hero{border-radius:28px}.party-hero__copy h1{max-width:none;font-size:clamp(1.55rem,6vw,2rem);line-height:1.3}.party-hero__learning,.party-demo-strip,.party-grid{grid-template-columns:1fr}.party-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.party-hero__poster{width:100%;transform:none}.party-track{padding:var(--s-lg)}.party-track__header{flex-direction:column;align-items:flex-start}.party-track__meter{text-align:left}}.party-filter{gap:var(--s-sm);margin-top:var(--s-xl);flex-wrap:wrap;display:flex}.party-filter button{border-radius:var(--r-pill);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--duration) var(--ease);align-items:center;gap:6px;padding:10px 16px;display:inline-flex}.party-filter button small{color:inherit}.party-filter button.is-active,.party-filter button.is-focused{background:var(--accent-soft);border-color:var(--border-accent);color:var(--accent)}.party-track-list{gap:var(--s-xl);margin-top:var(--s-xl);flex-direction:column;display:flex}.party-track{gap:var(--s-lg);padding:var(--s-xl);background:linear-gradient(180deg, color-mix(in srgb, var(--party-accent,var(--accent)) 4%, var(--bg-card)) 0%, var(--bg-card) 100%);border:1px solid color-mix(in srgb, var(--party-accent,var(--accent)) 18%, var(--border));box-shadow:var(--shadow-md);border-radius:28px;flex-direction:column;display:flex}.party-track__header{justify-content:space-between;align-items:end;gap:var(--s-lg);display:flex}.party-track__header h2{font-family:var(--font-serif);font-size:var(--fs-xl)}.party-track__meter{padding:var(--s-md) var(--s-lg);border-radius:var(--r-lg);background:color-mix(in srgb, var(--party-accent,var(--accent)) 10%, var(--bg-card));border:1px solid color-mix(in srgb, var(--party-accent,var(--accent)) 18%, var(--border));text-align:right}.party-track__meter strong{font-size:var(--fs-lg);color:color-mix(in srgb, var(--party-accent,var(--accent)) 68%, var(--text-primary));display:block}.party-grid{gap:var(--s-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.party-card{gap:var(--s-md);padding:var(--s-lg);background:var(--bg-card);border:1px solid color-mix(in srgb, var(--party-accent,var(--accent)) 16%, var(--border));box-shadow:var(--shadow-sm);transition:transform var(--duration-slow) var(--ease), box-shadow var(--duration-slow) var(--ease), border-color var(--duration) var(--ease);border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.party-card:before{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--party-accent,var(--accent)) 12%, transparent), transparent 55%);opacity:.85;pointer-events:none;position:absolute;inset:0}.party-card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--party-accent,var(--accent)) 30%, var(--border));transform:translateY(-6px)}.party-card.is-done{border-color:color-mix(in srgb, var(--success) 50%, var(--border))}.party-card.is-recommended{box-shadow:0 0 0 1px color-mix(in srgb, var(--party-accent,var(--accent)) 30%, transparent), var(--shadow-lg)}.party-card>*{z-index:1;position:relative}.party-card__topline,.party-card__bottomline{justify-content:space-between;align-items:center;gap:var(--s-sm);display:flex}.party-card__family,.party-card__duration{border-radius:var(--r-pill);font-size:var(--fs-2xs);background:var(--bg-inset);color:var(--text-secondary);padding:5px 10px}.party-card h3{font-size:var(--fs-lg)}.party-card p,.party-card small{color:var(--text-secondary);font-size:var(--fs-sm)}.party-card__preview,.party-card__steps{flex-wrap:wrap;gap:8px;display:flex}.party-card__preview span{background:color-mix(in srgb, var(--party-accent,var(--accent)) 12%, var(--bg-card));border:1px solid color-mix(in srgb, var(--party-accent,var(--accent)) 18%, var(--border));border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.party-card__steps span{background:var(--bg-inset);font-size:var(--fs-2xs);color:var(--text-secondary);border-radius:14px;padding:6px 10px}.party-card__bottomline div{flex-direction:column;gap:2px;display:flex}.party-stage{align-items:start}.party-stage__aside{overflow-y:visible}.party-stage__trackcard,.party-stage__banner,.party-stage__next{background:linear-gradient(180deg, color-mix(in srgb, var(--party-accent,var(--accent)) 8%, var(--bg-card)) 0%, var(--bg-card) 100%);border:1px solid color-mix(in srgb, var(--party-accent,var(--accent)) 18%, var(--border));box-shadow:var(--shadow-sm);border-radius:24px}.party-stage__trackcard{padding:var(--s-lg);gap:var(--s-sm);flex-direction:column;display:flex}.party-stage__trackcard span,.party-stage__trackmeta small,.party-stage__demo-title{color:color-mix(in srgb, var(--party-accent,var(--accent)) 68%, var(--text-primary))}.party-stage__trackmeta{justify-content:space-between;gap:var(--s-sm);display:flex}.party-stage__demo-title{margin-bottom:var(--s-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.party-stage__board{gap:var(--s-md)}.party-stage__banner{justify-content:space-between;gap:var(--s-lg);padding:var(--s-xl);display:flex;overflow:hidden}.party-stage__banner-preview{place-content:flex-start end;gap:var(--s-sm);flex-wrap:wrap;max-width:220px;display:flex}.party-stage__steps{margin-top:calc(var(--s-lg) * -.25)}.party-stage__next{padding:var(--s-lg)}.party-stage__next-header{justify-content:space-between;gap:var(--s-sm);margin-bottom:var(--s-md);display:flex}.party-stage__next-list{gap:var(--s-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.party-stage__next-card{padding:var(--s-md);background:var(--bg-card);border:1px solid var(--border);text-align:left;transition:all var(--duration) var(--ease);border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.party-stage__next-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.party-stage__next-card span,.party-stage__next-card small{color:var(--text-tertiary)}.collection-page{max-width:var(--max-w);padding:var(--s-2xl) var(--s-lg);margin:0 auto}.collection-hero{justify-content:space-between;align-items:flex-end;gap:var(--s-xl);padding:var(--s-2xl);border-radius:var(--r-xl);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);margin-bottom:var(--s-xl);display:flex}.collection-hero .eyebrow{margin-bottom:0}.collection-hero h1{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-normal);max-width:600px;line-height:1.4}.collection-hero p{font-size:var(--fs-sm);color:var(--text-tertiary);margin-top:var(--s-sm);max-width:600px}.collection-hero__stats{gap:var(--s-md);flex-shrink:0;display:flex}.collection-stage{gap:var(--s-lg);grid-template-columns:1fr 280px;display:grid}.collection-stage__shelf{gap:var(--s-lg);flex-direction:column;display:flex}.collection-stage__aside{gap:var(--s-md);flex-direction:column;display:flex}.collection-grid{gap:var(--s-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.collection-grid .poster,.collection-grid .poster--compact{aspect-ratio:3/4}.badge-list{gap:var(--s-sm);flex-wrap:wrap;display:flex}.badge-card{align-items:center;gap:var(--s-sm);padding:var(--s-sm) var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);font-size:var(--fs-xs);transition:all var(--duration) var(--ease);display:flex}.badge-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.badge-card span{font-size:1.2rem}.badge-card strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.badge-card p{font-size:var(--fs-xs);color:var(--text-tertiary)}.next-targets{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border)}.next-targets h3{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--s-sm)}.offline-panel{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border)}.offline-panel__header{margin-bottom:var(--s-sm);justify-content:space-between;display:flex}.offline-panel__header strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.offline-panel__header small{font-size:var(--fs-xs);color:var(--text-tertiary)}.offline-list{gap:var(--s-sm);flex-direction:column;display:flex}.offline-task{justify-content:space-between;align-items:center;gap:var(--s-md);padding:var(--s-sm) var(--s-md);border-radius:var(--r-sm);font-size:var(--fs-sm);border-left:3px solid var(--accent);background:var(--accent-soft);display:flex}.offline-task strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold);display:block}.offline-task p{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:2px}.offline-task small{font-size:var(--fs-2xs);color:var(--text-tertiary);margin-top:2px;display:block}.offline-task--green{border-color:var(--success);background:var(--success-soft)}.offline-task--blue{border-color:var(--info);background:var(--info-soft)}.offline-task--orange{border-color:var(--warning);background:var(--warning-soft)}.offline-task--purple{background:#8e6ab514;border-color:#8e6ab5}.offline-task--pink{background:#c25a7c14;border-color:#c25a7c}.class-page{max-width:var(--max-w);padding:var(--s-2xl) var(--s-lg);margin:0 auto}.class-stage{gap:var(--s-lg);grid-template-columns:1fr 300px;display:grid}.class-stage__main{gap:var(--s-lg);flex-direction:column;display:flex}.class-stage__aside{gap:var(--s-md);flex-direction:column;display:flex}.class-panel{padding:var(--s-lg);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.class-panel h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:var(--s-md)}.podium{justify-content:center;align-items:flex-end;gap:var(--s-lg);padding:var(--s-xl) 0;display:flex}.podium-card{padding:var(--s-md) var(--s-lg);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);text-align:center;min-width:100px;transition:transform var(--duration-slow) var(--ease);flex-direction:column;align-items:center;gap:6px;display:flex}.podium-card strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.podium-card small{font-size:var(--fs-2xs);color:var(--text-tertiary)}.podium-card--1{border-color:var(--accent-gold);background:linear-gradient(to bottom, #c9973e0f, var(--bg-card));box-shadow:var(--shadow-md);transform:scale(1.08)}.podium-card--2{background:linear-gradient(to bottom, #b8b0a80f, var(--bg-card));border-color:#b8b0a8}.podium-card--3{background:linear-gradient(to bottom, #c4a8980f, var(--bg-card));border-color:#c4a898}.podium-card__avatar{background:var(--bg-inset);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.podium-card__score{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--accent)}.ranking-list{flex-direction:column;gap:2px;display:flex}.ranking-row{align-items:center;gap:var(--s-sm);padding:8px var(--s-md);border-radius:var(--r-sm);font-size:var(--fs-sm);transition:background var(--duration) var(--ease);display:flex}.ranking-row>strong{font-size:var(--fs-xs);color:var(--text-tertiary);min-width:28px}.ranking-row>div strong{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.ranking-row>div p{font-size:var(--fs-2xs);color:var(--text-tertiary)}.ranking-row>small{font-size:var(--fs-xs);color:var(--text-tertiary)}.ranking-row>span{font-weight:var(--fw-semibold);color:var(--accent);font-size:var(--fs-sm);margin-left:auto}.ranking-row:hover{background:var(--bg-inset)}.ranking-row.is-current{background:var(--accent-soft)}.ranking-row__avatar{background:var(--bg-inset);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;display:flex}.feed-list{gap:var(--s-sm);flex-direction:column;display:flex}.feed-item{gap:var(--s-sm);padding:var(--s-xs);font-size:var(--fs-xs);color:var(--text-secondary);display:flex}.feed-item strong{font-weight:var(--fw-semibold);color:var(--text-primary);font-size:var(--fs-xs)}.feed-item p{font-size:var(--fs-xs);line-height:var(--lh-snug)}.feed-item small{font-size:var(--fs-2xs);color:var(--text-tertiary);margin-top:2px;display:block}.feed-item__avatar{background:var(--bg-inset);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;display:flex}.zone-progress-list{gap:var(--s-sm);flex-direction:column;display:flex}.zone-progress-item{flex-direction:column;gap:4px;display:flex}.zone-progress-item>div{font-size:var(--fs-sm);justify-content:space-between;align-items:baseline;display:flex}.zone-progress-item strong{font-weight:var(--fw-medium)}.zone-progress-item small{font-size:var(--fs-xs);color:var(--text-tertiary)}.team-missions{gap:var(--s-sm);flex-direction:column;display:flex}.team-mission{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration) var(--ease);text-align:left}.team-mission strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold);display:block}.team-mission p{font-size:var(--fs-xs);color:var(--text-tertiary);line-height:var(--lh-snug);margin-top:2px}.team-mission small{font-size:var(--fs-2xs);color:var(--text-tertiary)}.team-mission span{font-size:var(--fs-2xs);color:var(--text-tertiary);margin-top:4px;display:block}.team-mission:hover{border-color:var(--border);box-shadow:var(--shadow-xs)}.team-mission.is-selected{border-color:var(--border-accent);background:var(--accent-soft)}.team-mission__detail{margin-top:var(--s-md);padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border)}.team-mission__detail strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:4px;display:block}.team-mission__detail p{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--s-sm)}.admin-page{max-width:var(--max-w);padding:var(--s-2xl) var(--s-lg);margin:0 auto}.admin-login{min-height:calc(100dvh - var(--topbar-h) - var(--s-2xl) * 2);justify-content:center;align-items:center;gap:var(--s-lg);flex-direction:column;display:flex}.admin-form{width:100%;max-width:340px;padding:var(--s-xl);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);gap:var(--s-md);flex-direction:column;display:flex}.admin-form label{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);flex-direction:column;gap:4px;display:flex}.admin-form input{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-inset);width:100%;font-size:var(--fs-sm);transition:border-color var(--duration) var(--ease);color:var(--text-primary);padding:10px 14px}.admin-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.admin-form__error{font-size:var(--fs-xs);color:var(--danger);line-height:var(--lh-snug)}.admin-toolbar{justify-content:space-between;align-items:flex-start;gap:var(--s-lg);margin-bottom:var(--s-xl);display:flex}.admin-toolbar h1{font-family:var(--font-serif);font-size:var(--fs-xl);line-height:var(--lh-snug);max-width:600px}.admin-toolbar p{font-size:var(--fs-sm);color:var(--text-tertiary);margin-top:4px}.admin-stats{gap:var(--s-md);margin-bottom:var(--s-xl);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.admin-analytics{gap:var(--s-lg);margin-bottom:var(--s-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.admin-card{padding:var(--s-lg);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.admin-card h2{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:var(--s-md)}.admin-card h3{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--s-sm)}.admin-card p{font-size:var(--fs-sm);color:var(--text-tertiary);line-height:var(--lh-snug);margin-top:var(--s-sm)}.sparkline-bars{align-items:flex-end;gap:3px;height:56px;display:flex}.sparkline-bars>div,.sparkline-bars>span{background:linear-gradient(to top, var(--accent), var(--accent-gold));min-height:3px;transition:height .3s var(--ease);border-radius:2px 2px 0 0;flex:1}.heatmap-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;display:grid}.heatmap-cell{padding:var(--s-sm);border-radius:var(--r-xs);background:var(--accent-soft);font-size:var(--fs-2xs);text-align:center}.heatmap-cell strong{font-size:var(--fs-xs);font-weight:var(--fw-semibold);margin-bottom:2px;display:block}.heatmap-cell small{color:var(--text-tertiary)}.heatmap-cell span{font-weight:var(--fw-semibold);color:var(--accent);margin-top:2px;display:block}.admin-sections{gap:var(--s-xl);flex-direction:column;display:flex}.admin-list{padding:var(--s-lg);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.admin-list h2{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:var(--s-md)}.admin-list ul{flex-direction:column;gap:0;display:flex}.admin-list li{padding:var(--s-sm) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--fs-sm);color:var(--text-secondary)}.admin-list li:last-child{border-bottom:none}.admin-list--plain>*{padding:var(--s-sm) 0;border-bottom:1px solid var(--border-subtle)}.admin-list--plain>:last-child{border-bottom:none}.admin-list--plain article{font-size:var(--fs-sm)}.admin-list--plain strong{font-weight:var(--fw-semibold);color:var(--text-primary);display:block}.admin-list--plain p{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:2px}.admin-list--plain small{font-size:var(--fs-2xs);color:var(--text-tertiary)}.admin-create-grid{gap:var(--s-md);margin-top:var(--s-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.quick-create{padding:var(--s-lg);border-radius:var(--r-md);background:var(--bg-card);border:1px dashed var(--border);gap:var(--s-md);flex-direction:column;display:flex}.quick-create h2{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.quick-create label{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);flex-direction:column;gap:4px;display:flex}.quick-create input{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-inset);width:100%;font-size:var(--fs-sm);transition:border-color var(--duration) var(--ease);color:var(--text-primary);padding:8px 12px}.quick-create input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.mini-game{gap:var(--s-md);flex-direction:column;display:flex}.mini-game__intro{text-align:center;padding:var(--s-lg);border-radius:var(--r-md);background:var(--bg-inset);border:1px solid var(--border-subtle);font-size:var(--fs-sm);color:var(--text-secondary)}.memory-grid{gap:var(--s-sm);grid-template-columns:repeat(4,1fr);max-width:380px;margin:0 auto;display:grid}.memory-card{aspect-ratio:1;border-radius:var(--r-md);background:var(--bg-inset);border:1px solid var(--border);cursor:pointer;transition:all .25s var(--ease);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1.6rem;display:flex}.memory-card:hover{border-color:var(--border-accent);transform:scale(1.04)}.memory-card.is-open{background:var(--accent-soft);border-color:var(--accent)}.match-board{gap:var(--s-2xl);grid-template-columns:1fr 1fr;max-width:560px;margin:0 auto;display:grid}.match-board__column{gap:var(--s-sm);flex-direction:column;display:flex}.match-chip{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--duration) var(--ease)}.match-chip:hover{border-color:var(--border-accent)}.match-chip.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-glow)}.match-chip.is-done{border-color:var(--success);background:var(--success-soft);opacity:.6;pointer-events:none}.puzzle-grid{gap:var(--s-sm);grid-template-columns:repeat(3,1fr);max-width:280px;margin:0 auto;display:grid}.puzzle-tile{aspect-ratio:1;border-radius:var(--r-sm);background:var(--bg-inset);border:1px solid var(--border);cursor:pointer;transition:all .2s var(--ease);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.puzzle-tile.is-active,.puzzle-tile.is-selected{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-2px)}.rhythm-status{text-align:center;font-size:var(--fs-lg);font-weight:var(--fw-semibold);padding:var(--s-sm)}.rhythm-track{border-radius:var(--r-md);background:var(--bg-inset);border:1px solid var(--border);height:180px;position:relative;overflow:hidden}.rhythm-pads,.rhythm-lanes{justify-content:center;gap:var(--s-sm);padding:var(--s-md);display:flex}.rhythm-pad{border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:56px;height:56px;transition:all .12s var(--ease);justify-content:center;align-items:center;font-size:1.4rem;display:flex}.rhythm-pad:hover{border-color:var(--border-accent)}.rhythm-pad.is-active{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.rhythm-pad.is-hit{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-glow);transform:scale(.94)}.slider-grid{background:var(--border);border-radius:var(--r-md);grid-template-columns:repeat(4,1fr);gap:3px;max-width:300px;margin:0 auto;padding:3px;display:grid}.slider-tile{aspect-ratio:1;border-radius:var(--r-xs);background:var(--bg-card);font-size:var(--fs-md);font-weight:var(--fw-semibold);cursor:pointer;transition:all .12s var(--ease);justify-content:center;align-items:center;display:flex}.slider-tile:hover{background:var(--bg-card-hover)}.slider-tile.is-blank{cursor:default;background:0 0}.sequence-board{gap:var(--s-sm);flex-direction:column;max-width:460px;margin:0 auto;display:flex}.sequence-item{align-items:center;gap:var(--s-sm);padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);text-align:left;transition:all var(--duration) var(--ease);grid-template-columns:36px 42px 1fr;display:grid}.sequence-item:hover{border-color:var(--border-accent);transform:translate(4px)}.sequence-item.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-glow)}.sequence-item__order{background:var(--bg-inset);width:30px;height:30px;font-size:var(--fs-xs);color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;display:flex}.sequence-item__emoji{background:color-mix(in srgb, var(--accent) 10%, var(--bg-card));border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}.sequence-item__label{font-size:var(--fs-sm);font-weight:var(--fw-medium)}.fill-blank-board{gap:var(--s-lg);flex-direction:column;max-width:520px;margin:0 auto;display:flex}.fill-blank-sentence{padding:var(--s-lg);border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);font-size:var(--fs-md);line-height:var(--lh-base);text-align:center}.fill-blank-slot{border-radius:var(--r-pill);background:var(--bg-inset);border:1px dashed var(--border-strong);min-width:132px;color:var(--text-tertiary);font-size:var(--fs-sm);justify-content:center;align-items:center;margin:0 6px;padding:6px 14px;display:inline-flex}.fill-blank-slot.is-filled{background:var(--success-soft);border-style:solid;border-color:var(--success);color:var(--success)}.fill-blank-options{gap:var(--s-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fill-blank-option{padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);transition:all var(--duration) var(--ease)}.fill-blank-option:hover{border-color:var(--border-accent)}.fill-blank-option.is-selected{background:var(--accent-soft);border-color:var(--accent)}.fill-blank-option.is-correct{background:var(--success-soft);border-color:var(--success)}.fill-blank-option.is-wrong{background:var(--danger-soft);border-color:var(--danger)}.true-false-list{gap:var(--s-sm);flex-direction:column;max-width:560px;margin:0 auto;display:flex}.true-false-card{justify-content:space-between;gap:var(--s-md);padding:var(--s-md);border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);display:flex}.true-false-card.is-right{border-color:var(--success);background:var(--success-soft)}.true-false-card.is-wrong{border-color:var(--danger);background:var(--danger-soft)}.true-false-card__headline{gap:var(--s-sm);flex:1;display:flex}.true-false-card__headline span{min-width:24px;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.true-false-card__headline p{font-size:var(--fs-sm);color:var(--text-secondary)}.true-false-card__actions{gap:6px;display:flex}.true-false-card__actions button{border-radius:var(--r-pill);background:var(--bg-inset);border:1px solid var(--border);min-width:52px;font-size:var(--fs-sm);padding:8px 12px}.true-false-card__actions button.is-selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.true-false-footer,.pattern-copy-footer{justify-content:space-between;align-items:center;gap:var(--s-md);max-width:560px;margin:0 auto;display:flex}.true-false-footer p,.pattern-copy-footer p{font-size:var(--fs-sm);color:var(--text-secondary)}.pattern-copy-grid{gap:var(--s-sm);max-width:340px;margin:0 auto;display:grid}.pattern-copy-cell{aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border);transition:all var(--duration) var(--ease);border-radius:16px}.pattern-copy-cell.is-demo,.pattern-copy-cell.is-lit{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 24%, transparent), var(--accent-soft));border-color:var(--accent);box-shadow:var(--shadow-glow)}.pattern-copy-cell span{color:var(--accent);font-size:1.1rem}.pattern-copy-footer__actions{gap:var(--s-sm);display:flex}.match3-grid{grid-template-columns:repeat(6,1fr);gap:3px;max-width:340px;margin:0 auto;display:grid}.match3-topline{margin-bottom:var(--s-md);font-size:var(--fs-sm);justify-content:space-between;align-items:center;display:flex}.match3-score{font-weight:var(--fw-bold);color:var(--accent);font-size:var(--fs-lg)}.match3-cell{aspect-ratio:1;border-radius:var(--r-xs);background:var(--bg-inset);cursor:pointer;transition:all .2s var(--ease);border:2px solid #0000;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.match3-cell:hover{border-color:var(--border)}.match3-cell.is-active,.match3-cell.is-selected{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.08)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}@media (width<=1200px){.topbar{height:auto;padding:var(--s-sm) var(--s-md);gap:var(--s-sm);flex-wrap:wrap}.topnav{order:3;width:100%}.home-hero{grid-template-columns:1fr}.home-hero__visual{display:none}.home-grid,.home-grid--focused,.home-lower,.home-lower--focused,.home-status-center,.quiz-stage{grid-template-columns:1fr}.quiz-stage__aside{flex-flow:wrap}.quiz-stage__aside>*{flex:1;min-width:200px}.chat-stage{grid-template-columns:1fr}.chat-stage__aside{display:none}.collection-stage,.class-stage{grid-template-columns:1fr}.collection-hero,.map-hero{flex-direction:column;align-items:flex-start}.detail-grid,.admin-analytics{grid-template-columns:1fr}}@media (width<=600px){:root{--fs-3xl:1.75rem;--fs-2xl:1.375rem;--fs-xl:1.125rem;--fs-lg:1rem;--topbar-h:52px;--s-xl:24px;--s-2xl:32px}.page,.home-page,.map-page,.quiz-page,.collection-page,.class-page,.admin-page{padding:var(--s-md)}.home-page{gap:var(--s-xl)}.home-hero,.map-hero,.collection-hero{padding:var(--s-lg)}.shortcut-list,.shortcut-list--featured,.atlas-list,.trail-zone__nodes,.quiz-options{grid-template-columns:1fr}.podium{flex-direction:column;align-items:center}.podium-card--1{order:-1}.memory-grid{grid-template-columns:repeat(3,1fr)}.match-board{grid-template-columns:1fr}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.admin-stats{grid-template-columns:1fr 1fr}.admin-create-grid{grid-template-columns:1fr}.floating-guide__bubble{max-width:200px}.topbar__score{display:none}}@media (width>=601px) and (height<=820px){:root{--s-lg:16px;--s-xl:24px;--s-2xl:32px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media print{.topbar,.floating-guide,.theme-toggle{display:none}.page{max-width:none}body{background:#fff}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#1a1714;--bg-deep:#141110;--bg-card:#252118;--bg-card-hover:#302a20;--bg-inset:#1e1b16;--bg-overlay:#0000008c;--bg-glass:#1a1714d9;--poster-scrim:#1a1714c7;--text-primary:#f0ebe3;--text-secondary:#b8afa4;--text-tertiary:#8a8078;--text-inverse:#1a1714;--text-accent:#f09a60;--text-on-accent:#fff;--accent:#e88b4d;--accent-hover:#f09a60;--accent-soft:#e88b4d24;--accent-warm:#e88b4d;--accent-gold:#d4a84e;--accent-cool:#6aadcf;--accent-mint:#5cb87a;--border:#ffffff1f;--border-subtle:#ffffff0f;--border-strong:#fff3;--border-accent:#e88b4d4d;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 6px #00000059;--shadow-md:0 4px 14px #0006, 0 1px 4px #00000040;--shadow-lg:0 8px 28px #00000073, 0 2px 8px #0000004d;--shadow-xl:0 20px 48px #00000080, 0 4px 12px #00000059;--shadow-glow:0 0 16px #e88b4d38;--shadow-inner:inset 0 1px 3px #0003;--success:#5cb87a;--success-soft:#5cb87a24;--warning:#e0a840;--warning-soft:#e0a84024;--danger:#d9615b;--danger-soft:#d9615b24;--info:#5ba3d9;--info-soft:#5ba3d924}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#1a1714;--bg-deep:#141110;--bg-card:#252118;--bg-card-hover:#302a20;--bg-inset:#1e1b16;--bg-overlay:#0000008c;--bg-glass:#1a1714d9;--poster-scrim:#1a1714c7;--text-primary:#f0ebe3;--text-secondary:#b8afa4;--text-tertiary:#8a8078;--text-inverse:#1a1714;--text-accent:#f09a60;--text-on-accent:#fff;--accent:#e88b4d;--accent-hover:#f09a60;--accent-soft:#e88b4d24;--accent-warm:#e88b4d;--accent-gold:#d4a84e;--accent-cool:#6aadcf;--accent-mint:#5cb87a;--border:#ffffff1f;--border-subtle:#ffffff0f;--border-strong:#fff3;--border-accent:#e88b4d4d;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 6px #00000059;--shadow-md:0 4px 14px #0006, 0 1px 4px #00000040;--shadow-lg:0 8px 28px #00000073, 0 2px 8px #0000004d;--shadow-xl:0 20px 48px #00000080, 0 4px 12px #00000059;--shadow-glow:0 0 16px #e88b4d38;--shadow-inner:inset 0 1px 3px #0003;--success:#5cb87a;--success-soft:#5cb87a1f;--warning:#e0a840;--warning-soft:#e0a8401f;--danger:#d9615b;--danger-soft:#d9615b1f;--info:#5ba3d9;--info-soft:#5ba3d91f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .poster,:root:not([data-theme=light]) .hero-poster,:root:not([data-theme=light]) .hero-poster--focus{box-shadow:var(--shadow-md)}:root:not([data-theme=light]) .poster__grain:after,:root:not([data-theme=light]) .hero-poster:after{opacity:.12}:root:not([data-theme=light]) img{filter:brightness(.92)}}[data-theme=dark] .poster,[data-theme=dark] .hero-poster,[data-theme=dark] .hero-poster--focus{box-shadow:var(--shadow-md)}[data-theme=dark] .poster__grain:after,[data-theme=dark] .hero-poster:after{opacity:.12}[data-theme=dark] img{filter:brightness(.92)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) ::-webkit-scrollbar-thumb{background:#ffffff1f}:root:not([data-theme=light]) ::-webkit-scrollbar-thumb:hover{background:#fff3}}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}