:root{color:#eff6ff;--panel:#0c1222eb;--panel-soft:#18223af0;--line:#94a3b82e;--accent:#f59e0b;--text-soft:#cbd5e1;background:#0b1020;font-family:Trebuchet MS,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{background:radial-gradient(circle at top,#f59e0b24,#0000 24%),radial-gradient(circle at bottom,#3b82f61f,#0000 26%),linear-gradient(#111827 0%,#020617 100%);height:100%;margin:0;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{height:100dvh;overflow:hidden}.game-shell{grid-template-rows:auto auto 1fr;gap:18px;width:min(1180px,100% - 24px);height:100dvh;margin:0 auto;padding:18px 0;display:grid;overflow:hidden}.hero-panel,.panel,.insight-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 22px 50px #00000047}.hero-panel{border-radius:28px;grid-template-columns:1.35fr .8fr;gap:18px;padding:26px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 8px;font-size:.76rem}h1,h2,h3,p{margin:0}h1{max-width:11ch;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.95}.intro,.quiz-feedback,.history-list li,.insight-card p:last-child,.question-text{color:var(--text-soft);line-height:1.6}.intro{max-width:58ch;margin-top:14px}.score-card{grid-template-columns:repeat(3,1fr);align-self:end;gap:12px;display:grid}.score-card div,.insight-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:20px;padding:16px}.score-card span{color:var(--text-soft);margin-bottom:8px;font-size:.92rem;display:block}.score-card strong{font-size:clamp(1.6rem,4vw,2.6rem)}.main-grid{grid-template-columns:1.08fr .92fr;gap:18px;min-height:0;display:grid}.panel{border-radius:24px;padding:22px;overflow:auto}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.era-card{border:1px solid var(--line);background:linear-gradient(135deg, #f59e0b29, #3b82f614), var(--panel-soft);border-radius:22px;margin-top:18px;padding:18px}.era-label{color:#fde68a;background:#f59e0b29;border-radius:999px;padding:6px 12px;display:inline-flex}.question-text{margin-top:14px;font-size:1.1rem}.quiz-answers{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.quiz-answer,.action-button{color:#fff;cursor:pointer;border:1px solid #94a3b83d;border-radius:18px;width:100%;min-height:56px}.quiz-answer{background:linear-gradient(135deg, #3b82f61f, #f59e0b14), var(--panel-soft)}.quiz-feedback{margin-top:16px}.action-button{margin-top:16px;font-weight:700}.action-button.primary{background:linear-gradient(#f59e0b,#d97706)}.action-button.secondary{background:#1e293bf0}.info-stack,.insight-grid{gap:16px;display:grid}.collection-list{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.collection-chip{color:#cbd5e1;background:#1e293bcc;border:1px solid #94a3b838;border-radius:999px;padding:8px 12px;display:inline-flex}.collection-chip.collected{color:#fff7ed;background:linear-gradient(#f59e0b42,#d977062e);border-color:#f59e0b73}.history-list{gap:10px;margin:10px 0 0;padding-left:18px;display:grid}@media (width<=920px){.hero-panel,.main-grid,.score-card,.quiz-answers{grid-template-columns:1fr}.panel-head{flex-direction:column}}@media (width<=640px){.game-shell{width:min(100%,100% - 14px);padding:10px 0}.hero-panel,.panel,.insight-card{border-radius:20px;padding:18px}h1{max-width:none;font-size:clamp(2rem,11vw,3rem)}}