.history-journey-home-tile{width:100%;border-color:rgba(234,190,91,.48)!important;background:linear-gradient(135deg,rgba(65,43,29,.94),rgba(16,42,55,.96))!important}.history-beta-badge{background:#695025!important;color:#ffe9ad!important}.history-journey-screen{overflow-y:auto;background:radial-gradient(circle at 50% 0,rgba(78,145,151,.22),transparent 34%),linear-gradient(155deg,#0b1822,#08121d 60%,#17110b);color:#f8f1df}.history-panel,.history-game-shell{width:min(900px,100%);margin:auto}.history-panel{padding:clamp(.85rem,3vw,1.5rem)}.history-primary,.history-secondary{min-height:48px;padding:.7rem 1rem;border-radius:13px;font:inherit;font-weight:900;cursor:pointer}.history-primary{border:1px solid #e9c875;background:linear-gradient(135deg,#d7a43c,#f0cc72);color:#281b0d}.history-secondary{border:1px solid #8eb6b655;background:#102833;color:#d8eeec}.history-secondary.hidden{display:none}.history-kicker{display:block;color:#e9c875;font-size:.67rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.history-learning-hero{position:relative;min-height:clamp(260px,42vw,410px);margin:.8rem 0 1rem;padding:clamp(1rem,4vw,2.2rem);overflow:hidden;border:1px solid rgba(239,199,102,.42);border-radius:26px;background:linear-gradient(90deg,rgba(4,15,25,.96),rgba(4,15,25,.32)),url('assets/history-helix-origins.webp') center/cover;box-shadow:0 24px 55px #0008}.history-learning-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,15,23,.78));pointer-events:none}.history-learning-hero>div{position:relative;z-index:1;display:grid;align-content:end;max-width:520px;min-height:inherit}.history-learning-hero h2{margin:.35rem 0;color:#fff1c7;font-family:Georgia,serif;font-size:clamp(2rem,7vw,4rem);line-height:1}.history-learning-hero p{max-width:500px;color:#c3d4d3;line-height:1.55}.history-learning-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:.8rem}.history-learning-stat{display:grid;gap:.15rem;padding:.8rem;border:1px solid rgba(137,207,196,.2);border-radius:14px;background:rgba(10,32,41,.82);text-align:center}.history-learning-stat strong{color:#ffe19a;font-size:1.3rem}.history-learning-stat span{color:#89a8a8;font-size:.61rem;font-weight:900;text-transform:uppercase}.history-learning-progress{margin:.5rem 0 1rem}.history-learning-progress>div{height:8px;overflow:hidden;border-radius:99px;background:#ffffff14}.history-learning-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#64d7c2,#f0c967);transition:width .3s}.history-learning-progress p{margin:.4rem 0;color:#9db6b4;font-size:.72rem;text-align:center}.history-learning-actions{display:grid;grid-template-columns:2fr 1fr;gap:.65rem}.history-learning-actions button{width:100%}.history-learning-note{margin:.8rem 0 0;color:#8da3a4;font-size:.7rem;line-height:1.5;text-align:center}.history-hud{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:.55rem;padding:.65rem;border:1px solid rgba(111,193,190,.25);border-radius:0 0 18px 18px;background:rgba(7,24,33,.95);backdrop-filter:blur(12px)}.history-hud>div{display:grid;text-align:center}.history-hud span{color:#7f9fa0;font-size:.56rem;font-weight:900;letter-spacing:.08em}.history-hud strong{color:#ffe2a1;font-size:1rem}.history-question-card{margin:1rem 0;padding:clamp(.85rem,3vw,1.5rem);border:1px solid rgba(232,193,102,.3);border-radius:24px;background:linear-gradient(145deg,rgba(25,48,54,.96),rgba(9,24,35,.98));box-shadow:0 22px 55px #0007}.history-question-visual{position:relative;min-height:clamp(190px,36vw,330px);margin:-.35rem -.35rem 1rem;overflow:hidden;border-radius:18px;background-position:center;background-size:cover;box-shadow:inset 0 -50px 55px #07141d}.history-question-visual.hidden{display:none}.history-question-visual span{position:absolute;left:1rem;bottom:.8rem;color:#ffe6a7;font-size:.68rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 7px #000}.history-era-heading{display:flex;justify-content:space-between;gap:.7rem;color:#85d8cf;font-size:.7rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.history-era-heading strong{color:#e8c56d}.history-question-card h2{margin:.65rem 0 1rem;color:#fff5d9;font-family:Georgia,serif;font-size:clamp(1.35rem,4.5vw,2.25rem);line-height:1.3}.history-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.history-options button{min-height:64px;padding:.8rem;border:1px solid rgba(167,202,197,.22);border-radius:13px;background:#143540;color:#effaf8;font:inherit;font-weight:850;cursor:pointer}.history-options button:hover:not(:disabled),.history-options button:focus-visible{border-color:#77d9ca;background:#1c4b50;outline:none}.history-options button.correct{border-color:#79e0a7;background:#174d37;color:#d8ffe6}.history-options button.wrong{border-color:#ef8f89;background:#552d32;color:#ffe1df}.history-explanation{display:grid;gap:.55rem;margin-top:1rem;padding:1rem;border-left:4px solid #e5bd61;border-radius:12px;background:#071d28}.history-explanation.hidden{display:none}.history-explanation strong{color:#ffe4a3}.history-explanation p{margin:0;color:#bdd0cf;line-height:1.55}.history-explanation button{width:100%}.history-completion{text-align:center}.history-completion-visual{min-height:clamp(250px,45vw,430px);margin-bottom:1rem;border:1px solid rgba(100,216,218,.35);border-radius:24px;background:linear-gradient(180deg,transparent 50%,rgba(3,14,24,.9)),url('assets/history-helix-modern.webp') center/cover;box-shadow:0 22px 55px #0008}.history-completion h2{color:#fff0bf;font-family:Georgia,serif;font-size:clamp(2rem,7vw,3.6rem)}.history-completion p{max-width:650px;margin:0 auto 1rem;color:#b8ccca;line-height:1.55}.history-completion-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
@media(max-width:650px){.history-learning-dashboard{gap:.35rem}.history-learning-stat{padding:.65rem .3rem}.history-learning-actions,.history-options,.history-completion-actions{grid-template-columns:1fr}.history-hud{grid-template-columns:auto repeat(3,1fr);gap:.22rem;padding:.45rem .3rem}.history-hud .history-secondary{min-height:42px;padding:.5rem;font-size:.7rem}.history-hud strong{font-size:.8rem}.history-hud span{font-size:.48rem}.history-question-card{border-radius:18px}.history-question-visual{min-height:190px}}