.app{max-width:720px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.app-header h1{font-size:1.8rem;margin:0;color:#2d6a4f}.header-buttons{display:flex;gap:.6rem;flex:0 0 auto}.home-btn{width:56px;height:56px;border-radius:50%;border:none;background:#74c69d;color:#fff;font-size:1.6rem;box-shadow:0 3px #52b788}.home-btn:hover{background:#52b788}.home-intro{font-size:1.4rem;text-align:center;color:#1b3a2b;margin:.5rem 0 1.5rem}.adventure-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.1rem}.adventure-card{width:100%;display:flex;align-items:center;gap:1.1rem;padding:1.1rem 1.25rem;border:none;border-radius:20px;background:#fff;box-shadow:0 6px 18px #2d6a4f2e;text-align:left}.adventure-card:hover{background:#f1faee}.adventure-card:focus-visible{outline:4px solid #1b4332;outline-offset:2px}.adventure-companion{font-size:3rem;flex:0 0 auto}.adventure-text{display:flex;flex-direction:column;gap:.2rem}.adventure-title{font-size:1.4rem;font-weight:700;color:#2d6a4f}.adventure-teaser{font-size:1.05rem;color:#344e41}.rugzak{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;background:#f1faee;border-radius:16px;padding:.75rem 1rem;margin-bottom:1rem}.rugzak-group{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.rugzak-label{font-weight:700;color:#40916c}.rugzak-empty{color:#6c757d;font-style:italic}.rugzak-chip{background:#d8f3dc;border-radius:999px;padding:.25rem .7rem;font-size:1rem;color:#1b4332;white-space:nowrap}.grant-notice{display:flex;flex-direction:column;gap:.25rem;background:#fff3bf;border-radius:14px;padding:.75rem 1rem;margin:0 0 1.25rem;font-size:1.15rem;color:#7a5a00}.help-icon{flex:0 0 auto;width:56px;height:56px;border-radius:50%;border:none;background:#f4a261;color:#fff;font-size:1.8rem;font-weight:700;box-shadow:0 3px #e76f51}.help-icon:hover{background:#f3915a}.story{background:#fff;border-radius:20px;padding:1.75rem;box-shadow:0 8px 24px #2d6a4f2e}.story-text{font-size:1.5rem;line-height:1.9;margin:0 0 1.75rem;color:#1b3a2b}.choices{display:flex;flex-direction:column;gap:1rem}.choice-btn{width:100%;padding:1rem 1.25rem;font-size:1.3rem;border:none;border-radius:16px;background:#52b788;color:#fff;box-shadow:0 4px #40916c;text-align:left}.choice-btn:hover{background:#40916c}.choice-btn:focus-visible{outline:4px solid #1b4332;outline-offset:2px}.choice-wrap{display:flex;flex-direction:column;gap:.3rem}.choice-locked{background:#cfd8d3;box-shadow:0 4px #b0bdb6;cursor:not-allowed}.locked-hint{margin:0 0 .25rem;font-size:1rem;color:#8a6d00;font-style:italic}.restart-btn{text-align:center;background:#f4a261;box-shadow:0 4px #e76f51}.restart-btn:hover{background:#f3915a}.home-choice-btn{text-align:center;background:#74c69d;box-shadow:0 4px #52b788}.home-choice-btn:hover{background:#52b788}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b43328c;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:10}.help-panel{position:relative;background:#fff;border-radius:20px;padding:1.75rem;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #0000004d}.help-panel h2{margin-top:0;color:#2d6a4f}.help-close{position:absolute;top:.9rem;right:.9rem;width:44px;height:44px;border-radius:50%;border:none;background:#e9ecef;font-size:1.2rem}.help-section{margin-top:1.25rem}.help-section h3{color:#40916c;margin-bottom:.6rem}.read-aloud-btn{padding:.85rem 1.4rem;font-size:1.2rem;border:none;border-radius:14px;background:#4895ef;color:#fff;box-shadow:0 4px #3a7bd5}.read-aloud-btn:disabled{background:#adb5bd;box-shadow:none;cursor:not-allowed}.help-note{color:#6c757d;font-style:italic}.glossary-list{list-style:none;padding:0;margin:0}.glossary-item{padding:.75rem 0;border-bottom:2px dashed #d8f3dc;display:flex;flex-direction:column}.glossary-item:last-child{border-bottom:none}.glossary-word{font-weight:700;color:#2d6a4f;font-size:1.2rem}.glossary-uitleg{color:#344e41}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Bold-Italic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}:root{font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,system-ui,sans-serif;font-size:20px;line-height:1.7;letter-spacing:.02em;word-spacing:.06em;color:#1f2d1f}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{background:linear-gradient(160deg,#d8f3dc,#b7e4c7)}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}