:root{color-scheme:light;--ink:#14213d;--paper:#fffaf0;--gold:#f4a261;--blue:#274c77;--danger:#b42318;--shadow:0 20px 60px rgb(20 33 61/24%);font-family:Inter,ui-rounded,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at top,#edf6f9,#c9d6e4 52%,#829ab1);color:var(--ink);overflow:hidden}button,input,select{font:inherit}button{border:0;border-radius:.8rem;padding:.75rem 1rem;color:#fff;background:var(--blue);font-weight:800;cursor:pointer;box-shadow:0 4px 0 #17304e}button:hover{filter:brightness(1.08)}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #ffd166;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}.button-secondary{color:var(--ink);background:#e6edf3;box-shadow:0 4px 0 #b5c3d0}.hidden{display:none!important}.app-shell{min-height:100dvh}.menu-panel{width:min(980px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);margin:1rem auto;padding:clamp(1.25rem,4vw,3rem);overflow:auto;text-align:center;border:2px solid rgb(255 255 255/70%);border-radius:2rem;background:rgb(255 250 240/94%);box-shadow:var(--shadow)}.title-mark{font-size:clamp(3rem,8vw,6rem);line-height:1}.eyebrow{margin:.5rem 0;color:#8a4f13;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1{margin:.35rem 0;font-family:Georgia,serif;font-size:clamp(2.1rem,6vw,4.8rem);line-height:.98}h1 span{color:#9d4f22;font-size:.64em}.menu-message{margin:1rem auto 1.5rem;max-width:650px;font-size:clamp(1rem,2vw,1.2rem)}.profile-form{max-width:560px;margin:auto;text-align:left}.profile-form label,.menu-controls label{display:block;margin-bottom:.35rem;font-weight:800}.form-row,.menu-controls,.modal-actions{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}input,select{min-height:48px;border:2px solid #9db1c5;border-radius:.75rem;padding:.65rem .8rem;background:#fff;color:var(--ink)}input{flex:1;min-width:190px}.error-message{color:var(--danger);font-weight:800}.level-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;text-align:left}.level-card{position:relative;min-height:225px;overflow:hidden;border:0;border-radius:1.2rem;padding:1.25rem;color:#fff;background:linear-gradient(145deg,var(--card-sky),var(--card-ground));box-shadow:0 10px 25px rgb(20 33 61/22%)}.level-card::after{content:"";position:absolute;right:-20px;bottom:-35px;width:150px;height:150px;border-radius:50% 50% 10% 10%;background:rgb(255 255 255/16%);transform:rotate(-14deg)}.level-card h2{margin:.4rem 0;font-family:Georgia,serif;font-size:1.65rem}.level-card p{position:relative;z-index:1;font-weight:600}.card-status{display:inline-block;border-radius:999px;padding:.25rem .6rem;background:rgb(0 0 0/28%);font-size:.78rem;font-weight:900;text-transform:uppercase}.level-card.locked{filter:grayscale(.75)}.game-shell{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr;background:#16273a}.hud{z-index:10;display:flex;min-height:64px;gap:clamp(.45rem,2vw,1.4rem);align-items:center;padding:max(.5rem,env(safe-area-inset-top)) max(.65rem,env(safe-area-inset-right)) .5rem max(.65rem,env(safe-area-inset-left));color:#fff;background:linear-gradient(90deg,#14213d,#274c77);box-shadow:0 5px 15px rgb(0 0 0/24%)}.hud-era{display:grid;margin-right:auto}.hud-era strong{color:#ffd166;font-size:.8rem;letter-spacing:.08em}.hud-era span{font-family:Georgia,serif;font-size:clamp(.85rem,2vw,1.15rem);font-weight:700}.hud-stat{display:grid;min-width:58px;text-align:center}.hud-stat span{font-size:.68rem;opacity:.85;text-transform:uppercase}.hud-stat strong{font-size:1rem}.hud-stat:first-of-type span{color:#ff6b6b;font-size:1.05rem}.hud-button{width:44px;height:44px;padding:0;background:rgb(255 255 255/16%);box-shadow:none}.viewport{position:relative;min-height:0;overflow:hidden;touch-action:none}#game-canvas{display:block;width:100%;height:100%}.notification{position:absolute;z-index:20;top:18%;left:50%;transform:translateX(-50%);padding:.8rem 1.25rem;border:3px solid #fff;border-radius:999px;color:#fff;background:rgb(20 33 61/88%);box-shadow:var(--shadow);font-size:clamp(1rem,3vw,1.6rem);font-weight:900;text-align:center}.touch-controls{position:absolute;z-index:8;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));display:none;justify-content:space-between;align-items:end;pointer-events:none}.touch-controls button{width:clamp(58px,15vw,78px);height:clamp(58px,15vw,78px);padding:0;border:2px solid rgb(255 255 255/65%);border-radius:50%;background:rgb(20 33 61/58%);box-shadow:0 5px 15px rgb(0 0 0/24%);pointer-events:auto;touch-action:none;user-select:none}.touch-direction{display:flex;gap:.7rem}.touch-controls .jump-button{width:clamp(68px,17vw,88px);height:clamp(68px,17vw,88px);background:rgb(157 79 34/68%)}.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:rgb(7 18 31/72%);backdrop-filter:blur(5px)}.modal-card{width:min(720px,100%);max-height:92dvh;overflow:auto;border:3px solid #f4d58d;border-radius:1.5rem;padding:clamp(1.2rem,4vw,2.25rem);background:var(--paper);box-shadow:var(--shadow)}.modal-card h2{margin:.35rem 0 .8rem;font-family:Georgia,serif;font-size:clamp(1.6rem,4vw,2.6rem)}.knowledge-card{position:relative}.knowledge-card::before{content:"";position:absolute;inset:10px;border:1px solid #d4a373;border-radius:1rem;pointer-events:none}.knowledge-card>*{position:relative}.topic-label{display:inline-block;border-radius:999px;padding:.3rem .75rem;background:#d9eddf;color:#205c3b;font-weight:800}.points-label{color:#8a4f13;font-weight:900}.pause-card{width:min(850px,100%)}.review-scrolls{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;max-height:42dvh;margin:1rem 0;overflow:auto}.review-item{border:1px solid #d9c7a1;border-radius:.8rem;padding:.75rem;background:#fff}.review-item h3{margin:0 0 .25rem;font-size:1rem}.review-item p{margin:0;font-size:.9rem}.quiz-answers{display:grid;gap:.75rem;margin-top:1.25rem}.quiz-answer{display:grid;grid-template-columns:2.2rem 1fr;gap:.65rem;align-items:center;width:100%;text-align:left;background:#274c77}.quiz-answer span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:var(--ink);background:#ffd166}.quiz-answer.correct{background:#26734d}.quiz-answer.incorrect{background:#a33a32}.quiz-feedback{min-height:1.5em;font-weight:900}.compact-card{width:min(520px,100%);text-align:center}.score-breakdown{display:grid;gap:.4rem;margin:1rem 0;text-align:left}.score-row{display:flex;justify-content:space-between;border-bottom:1px dashed #b7a987;padding:.4rem}.score-row.total{border:0;color:#8a4f13;font-size:1.25rem;font-weight:900}.leaderboard-row{display:grid;grid-template-columns:2rem 1fr auto;gap:.6rem;padding:.65rem;border-bottom:1px solid #ddd0b5}@media (pointer:coarse),(hover:none){.touch-controls{display:flex}}@media (max-width:760px){.level-list{grid-template-columns:1fr}.hud{gap:.35rem;min-height:58px}.hud-stat{min-width:46px}.hud-stat span{font-size:.58rem}.review-scrolls{grid-template-columns:1fr}}@media (max-width:480px){.hud-era span{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-stat{min-width:38px}.hud-stat span{display:none}.modal{padding:.55rem}}@media (orientation:landscape) and (max-height:560px){.hud{min-height:48px;padding-top:.25rem;padding-bottom:.25rem}.touch-controls button{width:54px;height:54px}.touch-controls .jump-button{width:62px;height:62px}.modal-card{max-height:96dvh;padding:1rem 1.4rem}.modal-card h2{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

.help-card{width:min(820px,100%)}.help-card h3{margin:.35rem 0 .55rem;color:#8a4f13}.control-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.control-list p{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin:0;border:1px solid #d9c7a1;border-radius:.75rem;padding:.65rem;background:#fff}.control-list strong{text-align:right}.control-symbol,kbd{display:inline-block;border:1px solid #8192a3;border-bottom-width:3px;border-radius:.35rem;padding:.18rem .42rem;color:#14213d;background:#edf3f7;font:800 .82rem/1.2 inherit}.long-jump-tip{display:grid;gap:.2rem;margin:1rem 0;border:3px solid #f4a261;border-radius:1rem;padding:.8rem 1rem;background:#fff3d6}.long-jump-tip strong{color:#9d4f22;letter-spacing:.08em}.long-jump-tip span{font-size:1.08rem;font-weight:900}.long-jump-tip small{font-weight:650}.touch-help{display:none}.help-goals{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;margin:1rem 0;padding:0;list-style:none}.help-goals li{display:flex;gap:.55rem;align-items:center;border-radius:.7rem;padding:.55rem;background:#edf6f9;font-weight:700}.help-goals span{font-size:1.3rem}.notification.hint{top:12%;width:min(520px,calc(100% - 2rem));border-color:#ffd166;border-radius:1rem;padding:.65rem 1rem;background:rgb(39 76 119/94%);font-size:clamp(.9rem,2vw,1.15rem)}
@media (pointer:coarse),(hover:none){.keyboard-help{display:none}.touch-help{display:block}}
@media (max-width:760px){.control-list,.help-goals{grid-template-columns:1fr}}
@media (orientation:landscape) and (max-height:560px){.help-card{font-size:.88rem}.long-jump-tip{margin:.6rem 0;padding:.55rem}.help-goals{margin:.6rem 0}}