body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.signup-container{background-color:#000;box-sizing:border-box;min-height:calc(100vh - 120px);padding:2rem}.signup-form{background-color:#222222e6;border-radius:12px;max-width:400px;padding:2rem}.signup-form h2{font-size:2rem;margin-bottom:1.5rem;text-align:center}.signup-form label{display:block;font-size:1rem;margin-bottom:1rem}.signup-form input{background-color:#111;border:1px solid #555;border-radius:6px;box-sizing:border-box;color:#fff;margin-top:.3rem;padding:.6rem;width:100%}.error-msg{background-color:#ff00001a;border-radius:6px;color:#ff6b6b;margin-bottom:1rem;padding:.5rem}.btn-submit{background-color:#333;border:2px solid #efefee;border-radius:8px;color:#f9d88a;cursor:pointer;font-size:1.2rem;margin-top:.5rem;padding:.8rem;transition:all .3s ease;width:100%}.btn-submit:hover{background-color:#555;box-shadow:0 0 10px #ffdf6a99}.signup-success{color:#f9d88a;font-family:MedievalSharp,serif;padding:2rem;text-align:center}@media (max-width:480px){.signup-form{max-width:90%;padding:1rem}.btn-submit{font-size:1rem;padding:.6rem}}.signup-container{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;width:100%}.signup-form{background:#222222e6;border-radius:14px;box-shadow:0 0 20px #000000b3;color:#f9d88a;font-family:MedievalSharp,serif;max-width:410px;padding:2rem 1.5rem;width:100%}.signup-header{align-items:center;display:flex;gap:1.2rem;justify-content:flex-end;left:0;padding:1.2rem 2rem .7rem;position:absolute;top:0;width:90%;z-index:10}.signup-header-btn{background:#241c0de0;border:2px solid #f9d88a;border-radius:10px;box-shadow:0 2px 8px #00000030;color:#f9d88a;font-family:MedievalSharp,serif;font-size:1.05rem;font-weight:700;margin-left:.2rem;padding:.6rem 1.3rem;text-decoration:none;transition:background .16s,color .16s,transform .13s}.signup-header-btn:hover{background:#ffe07a;color:#442800;transform:scale(1.03)}@media (max-width:700px){.signup-header{gap:.8rem;justify-content:center;left:0;padding:.8rem .5rem .5rem;right:0;width:100%}.signup-header-btn{font-size:1rem;padding:.5rem 1.2rem}}*,:after,:before{box-sizing:border-box}.medieval-root,body,html{background:#181511;color:#f9d88a;font-family:MedievalSharp,serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.medieval-hero{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:60vh;position:relative}.hero-overlay{background:#0000008c;border-radius:24px;box-shadow:0 8px 48px #000a;max-width:420px;padding:3.5rem 2rem;text-align:center}.medieval-logo{color:#ffe07a;font-size:3.5rem;letter-spacing:3px;margin-bottom:.6rem}.trademark{color:#ffe7aa;font-size:1.3rem;vertical-align:super}.medieval-tagline{color:#ffe07a;font-size:1.5rem;font-style:italic;margin-bottom:2.5rem}.hero-buttons{align-items:center;display:flex;flex-direction:column;gap:1.2rem}.medieval-btn{background:#222;border:2.5px solid #f9d88a;border-radius:12px;box-shadow:0 2px 10px #00000029;color:#f9d88a;cursor:pointer;font-family:inherit;font-size:1.3rem;font-weight:700;letter-spacing:1.5px;padding:.9rem 2.5rem;text-decoration:none;transition:all .18s}.medieval-btn.gold{background:#f9d88a;border-color:#ffe07a;color:#3b320f}.medieval-btn.ghost{background:#0000;border-color:#ffe07a;color:#ffe07a}.medieval-btn.ghost:hover,.medieval-btn.gold:hover,.medieval-btn:hover{background:#3e2e11;border-color:#ffe07a;color:#ffe07a;transform:translateY(-2px) scale(1.04)}@media (max-width:700px){.medieval-hero{min-height:45vh;padding:0 .5rem}.hero-overlay{box-shadow:0 4px 20px #000a;max-width:98%;padding:1.5rem .5rem}.medieval-logo{font-size:.3rem}.medieval-tagline{font-size:1rem;margin-bottom:1.2rem}.hero-buttons{gap:.8rem}.medieval-btn{font-size:.65rem;padding:.6rem}}.medieval-about{align-items:center;background-position:center 10px;background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;min-height:40vh;position:relative}.about-bg,.medieval-about-section{align-items:center;display:flex;justify-content:center;min-height:50vh;width:100%}.about-bg{position:relative}.about-overlay{background:#20180ec7;color:#ffe9b6;font-size:1.13rem;margin:2.5rem auto;max-width:560px;padding:2rem 1.2rem 2rem 1.7rem;width:90%}.about-overlay h2{color:#f9d88a;font-size:2rem;margin-bottom:1.2rem}.about-overlay ul{font-size:1.06rem;margin-top:1rem;padding-left:1.2rem;text-align:left}.about-overlay li{margin-bottom:.6rem}.about-scroll-layer{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:800px;min-height:350px;position:relative;width:95%}.about-scroll-img{display:block;height:auto;max-width:800px;opacity:.88;width:100%;z-index:1}.about-overlay{align-items:center;background:#0000;bottom:0;color:#543207;display:flex;flex-direction:column;font-family:MedievalSharp,serif;font-size:2.38rem;justify-content:center;left:0;padding:2rem 1.2rem;position:absolute;right:0;text-align:center;text-shadow:0 .5px 1px #fffbe9,0 0 1px #000;top:0;z-index:2}@media (max-width:700px){.about-bg,.about-scroll-layer,.medieval-about-section{height:auto;min-height:0;min-height:auto;padding:0}.about-scroll-img{height:auto;max-width:95%;min-width:0}.about-overlay{background:#20180e00;color:#ffe9b6;font-size:.85rem;margin:1.2rem auto;max-width:70%;padding:1.1rem .4rem 1.1rem .7rem;position:absolute;text-shadow:0 .5px 1px #fffbe9,0 0 1px #000}.about-overlay h2{font-size:1rem;margin-bottom:.8rem}.about-overlay p,.about-overlay ul{font-size:.85rem}}.medieval-footer{background:#111008;border-top:1.5px solid #333;color:#e3c97a;font-size:1.02rem;letter-spacing:1px;padding:2rem 0 1.5rem;text-align:center}@media (max-width:700px){.hero-overlay{max-width:96%;padding:2.2rem 1rem}.medieval-logo{font-size:2.1rem}.medieval-btn{font-size:1rem;padding:.7rem}.about-overlay{font-size:1rem;margin:1.2rem auto;max-width:96%;padding:1.1rem .4rem 1.1rem .7rem}}.topics-section{align-items:center;display:flex;justify-content:center;min-height:60vh;overflow:hidden;position:relative;width:100%}.topics-bg-img{height:100%;left:0;object-fit:cover;opacity:.72;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.topics-overlay{background:#241c0d9e;border-radius:18px;box-shadow:0 4px 24px #000a;color:#ffe9b6;font-family:MedievalSharp,serif;margin:0 auto;max-width:480px;padding:2.8rem 2rem;position:relative;text-align:center;width:100%;z-index:2}.topics-overlay h2{color:#ffe07a;font-size:2.1rem;margin-bottom:2rem;text-shadow:0 2px 8px #272012}.topics-list-simple{color:#fffbe7;font-size:1.27rem;letter-spacing:.7px;line-height:2.1}@media (max-width:600px){.topics-overlay{max-width:96%;padding:1.3rem .5rem}.topics-overlay h2{font-size:1.35rem;margin-bottom:1rem}.topics-list-simple{font-size:1.05rem;line-height:1.65}}.navbar.medieval-navbar{background:#181511;box-shadow:0 2px 12px #0008;color:#ffe07a;font-family:MedievalSharp,serif;padding:0;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:999}.navbar-content{align-items:center;display:flex;height:62px;justify-content:space-between;margin:0 auto;max-width:1160px;padding:0 2vw}.navbar-logo{color:#ffe07a;font-family:MedievalSharp,serif;font-size:2.1rem;font-weight:800;letter-spacing:2px;text-decoration:none}.navbar-trademark{color:#fffbe1;font-size:1.1rem;margin-left:2px;vertical-align:super}.navbar-links{display:flex;gap:2.3rem;list-style:none;margin:0;padding:0}.navbar-link{border-radius:9px;color:#ffe07a;font-family:MedievalSharp,serif;font-size:1.15rem;font-weight:700;letter-spacing:1px;padding:.4rem 1.2rem;text-decoration:none;transition:background .14s,color .12s}.navbar-link:hover{background:#2e210a;color:#fffbe1}@media (max-width:700px){.navbar-content{flex-direction:column;gap:.4rem;height:auto;padding:.5rem 2vw}.navbar-logo{font-size:1.23rem;margin-bottom:.4rem}.navbar-links{gap:1rem}.navbar-link{font-size:1rem;padding:.4rem .6rem}}.site-footer{background-color:#1c1c1e;color:#fff;margin-top:60px;padding:30px 20px;text-align:center}.footer-content{margin:0 auto;max-width:900px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;margin-top:15px;padding:0}.footer-links a{color:#aaa;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.blog-page{background:#181511;box-sizing:border-box;color:#f9d88a;font-family:MedievalSharp,serif;min-height:100vh;overflow-x:hidden;padding:80px 0 40px;text-align:center}.blog-page h1{color:#ffe07a;font-size:2.6rem;letter-spacing:1.5px;margin-bottom:2.5rem;text-shadow:0 2px 16px #272012,0 0 2px #fffbe1}.blog-scroller{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:1rem 0 2.2rem;width:100%}.blog-card{background:#f5e5a3eb;border:2.5px solid #f9d88a;border-radius:16px;box-shadow:0 6px 24px #000a;box-sizing:border-box;color:#442800;font-family:MedievalSharp,serif;margin-bottom:1.2rem;max-width:410px;padding:2rem 1.2rem 1.5rem;position:relative;text-align:left;transition:transform .18s,box-shadow .18s;width:100%}.blog-card h3{color:#b8900d;font-size:1.4rem;text-shadow:0 1px 4px #ffe7aa}.blog-card .blog-date,.blog-card h3{font-family:MedievalSharp,serif;margin-bottom:.7rem}.blog-card .blog-date{color:#a18337;display:block;font-size:.97rem}.blog-card p{color:#4a370a;font-size:1.09rem;margin-bottom:1rem}.read-more{border-radius:9px;font-size:1.09rem;letter-spacing:.6px;margin-top:1.3rem;padding:.6rem 1.2rem}.blog-card:hover{border-color:#ffe07a;box-shadow:0 8px 30px #000c;transform:translateY(-6px) scale(1.03)}@media (max-width:700px){.blog-card{max-width:98vw;padding:1.1rem .7rem 1rem}.blog-page h1{font-size:1.45rem;margin-bottom:1.3rem}}.login-page{align-items:center;background:linear-gradient(135deg,#e0f7fa,#fce4ec);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding-top:80px}.login-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:450px;padding:40px;transition:transform .3s ease;width:100%}.login-card:hover{transform:translateY(-2px)}.login-heading{color:#333;font-size:1.5rem;margin-bottom:24px;text-align:center}.input-field,.login-heading{font-family:Segoe UI,sans-serif}.input-field{border:1px solid #ccc;border-radius:8px;box-shadow:inset 0 1px 2px #0000000d;font-size:16px;margin-bottom:20px;padding:14px;transition:all .2s ease;width:100%}.input-field:focus{border-color:#80bdff;box-shadow:0 0 0 4px #007bff40;outline:none}.submit-button{background:linear-gradient(90deg,#4facfe,#00f2fe);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Segoe UI,sans-serif;font-size:16px;font-weight:700;padding:14px;transition:background .3s ease,transform .2s ease;width:100%}.submit-button:hover{background:linear-gradient(90deg,#00f2fe,#4facfe);transform:translateY(-1px)}.submit-button:active{box-shadow:inset 0 2px 4px #0000001a;transform:translateY(1px)}.success-msg{color:#2e7d32}.error-msg,.success-msg{font-weight:500;margin-top:16px;text-align:center}.error-msg{color:#c62828}.blogpost-page{color:#442800;min-height:100vh;padding:60px 0 40px;text-align:center}.blogpost-card,.blogpost-page{font-family:MedievalSharp,serif}.blogpost-card{background:#f5e5a3f2;border:2.5px solid #f9d88a;border-radius:18px;box-shadow:0 8px 32px #000a;margin:0 auto 3rem;max-width:600px;padding:2.5rem 2rem;position:relative;text-align:left;z-index:2}.blogpost-title{color:#b8900d;font-family:MedievalSharp,serif;font-size:2rem;margin-bottom:1rem;text-align:center;text-shadow:0 1px 6px #ffe7aa}.blogpost-date{color:#a18337;display:block;font-size:.98rem;margin-bottom:1.5rem;text-align:center}.blogpost-content{color:#463100;font-size:1.12rem;line-height:1.75;margin-top:1rem}@media (max-width:700px){.blogpost-card{max-width:98vw;padding:1.1rem .7rem}.blogpost-title{font-size:1.25rem}.blogpost-content{font-size:1rem}}.journey-button{background-color:#787878bf;border:2px solid #efefee;border-radius:10px;box-shadow:0 0 3px #ffdf6a33;color:#f9d88a;font-family:MedievalSharp,serif;font-size:1.3rem;padding:.2rem 1rem;text-shadow:0 0 2px #8c6b00;transition:all .4s ease}.journey-button:hover{background-color:#787878d9;box-shadow:0 0 8px #ffdf6a99;color:#fff7dc;text-shadow:0 0 2px #ffdf6a,0 0 3px #8c6b00;transform:scale(1.02)}.journey-button.locked{filter:grayscale(100%);opacity:.5;pointer-events:auto}.quiz-button{background:linear-gradient(145deg,#3d2a17,#2a1c10);border:2px solid #a67c00;box-shadow:0 0 8px #ffdf6a4d,inset 0 0 4px #8b451380;color:#f9d88a;font-size:2rem;padding:.5rem 1rem;text-shadow:0 0 3px #8c6b00}.quiz-button:hover{background:linear-gradient(145deg,#4a321e,#342113);box-shadow:0 0 12px #ffdf6a99,inset 0 0 8px #ffffff0d;text-shadow:0 0 6px #ffdf6a,0 0 3px #8c6b00;transform:scale(1.07)}.bobbing{animation:bob 3s ease-in-out infinite}.correct-answer{background-color:#4caf50!important;border:2px solid #2e7d32;color:#fff}.wrong-answer{background-color:#f44336!important;border:2px solid #c62828;color:#fff}.history-button-column{align-items:center;display:flex;flex-direction:column;gap:.8rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}@media (max-width:768px){.history-button-column{gap:.3rem;left:50%;top:50%;transform:translate(-50%,-50%)}.journey-button{font-size:.4rem;max-width:340px;padding:.5rem;width:65vw}}.back-button-wrapper{bottom:5%;left:10%;position:absolute;z-index:10}@media (max-width:768px){.back-button-wrapper{bottom:1%;left:50%;transform:translateX(-50%)}.journey-button{font-size:.35rem;padding:.4rem .8rem}}.campfire-container{flex:1 1;height:100%;overflow:hidden;position:relative;width:100%}.campfire-background{height:100%;left:0;object-fit:cover;object-position:40% 75%;position:absolute;top:0;width:100%;z-index:0}@media (max-width:768px){.campfire-background{object-fit:cover;object-position:30% 25%}}.logout-button-position{bottom:8%;left:7.5%;position:absolute;transform:translateX(-50%);transform:translateY(-50%);z-index:11}@media (max-width:768px){.logout-button-position{bottom:4%;left:50%;transform:translateX(-50%)}}.achievements-button{bottom:20%;cursor:pointer;left:3.5%;position:absolute;text-align:center;transition:text-shadow .3s ease;z-index:2}.achievements-button:hover span{text-shadow:0 0 10px #ffdf6a}@media (max-width:768px){.achievements-button{bottom:50%;left:50%;transform:translateX(-50%)}}.plot-journey-button{bottom:65%;cursor:pointer;position:absolute;right:48%;text-align:center;transition:text-shadow .3s ease;z-index:2}.plot-journey-button span{font-size:clamp(1.2rem,3vw,2rem)}.plot-journey-button:hover span{text-shadow:0 0 10px #ffdf6a}@media (max-width:768px){.plot-journey-button{bottom:80%;right:50%;transform:translateX(50%)}}.spark{animation-iteration-count:infinite;animation-name:sparkFloat;animation-timing-function:ease-out;background-color:#ffd764e6;border-radius:50%;filter:blur(1px);height:2px;opacity:.8;pointer-events:none;position:absolute;width:2px;z-index:1}@media (max-width:768px){.spark{filter:blur(.8px);height:1.5px;width:1.5px}}@keyframes sparkFloat{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.journey-overlay{align-items:center;bottom:7vh;display:flex;flex-direction:row;justify-content:center;left:10vw;overflow:hidden;position:absolute;right:10vw;top:5vh;z-index:10}.journey-map-image{height:100%;left:0;object-fit:contain;object-position:center;position:absolute;top:0;width:100%;z-index:-1}.journey-button-wrapper{position:absolute;z-index:11}.journey-button{background-color:#111;border:2px solid #ccc;border-radius:8px;color:#fff;cursor:pointer;font-size:clamp(1rem,2.5vw,1.4rem);min-width:120px;padding:.5rem 1rem;text-align:center}.journey-button.locked{cursor:not-allowed;opacity:.6}.history-button{bottom:70%;right:61%}.politics-button{bottom:55%;right:63%}.psychology-button{bottom:40%;right:59%}.philosophy-button{bottom:25%;right:57%}.exit-button{right:21%;top:8%}@media (max-width:768px){.journey-overlay{align-items:center;bottom:0;flex-direction:column;justify-content:center;left:0;padding:0;right:0;top:0}.journey-map-image{height:150%;object-fit:contain;object-position:center 20%;width:150%}.journey-button-wrapper{margin:.75rem auto;position:static;text-align:center;transform:none}.exit-button{margin:0;position:absolute;right:5%;top:5%}.journey-button{font-size:2rem;min-width:140px}}.achievements-box{background-color:#22222259;border:1px solid #e5e5e5;border-radius:12px;bottom:12%;box-shadow:0 0 10px #ffd76466;cursor:pointer;height:130px;left:7.5%;padding:.1rem .3rem;position:absolute;text-align:center;transform:translateX(-50%);transform:translateY(-50%);transition:transform .3s ease,box-shadow .3s ease;width:130px;z-index:10}.achievements-box:hover{box-shadow:0 0 20px #ffd764b3}.achievements-title{word-wrap:break-word;color:#ffdf6a;font-size:clamp(2rem,2.2vw,2.4rem);margin-bottom:.5rem}.crystal-row{gap:.5rem}.achievements-crystal{height:32px;width:32px}@media (max-width:768px){.achievements-box{bottom:50%;height:100px;left:50%;padding:.4rem;transform:translate(-50%,50%);width:100px}.achievements-title{font-size:clamp(1.1rem,3vw,1.4rem)}.achievements-crystal{height:22px;width:22px}.crystal-row{gap:.4rem}}.start-journey-button{background-color:#141414a6;border:2px solid #f6f6f6;border-radius:12px;bottom:50%;box-shadow:0 0 10px #ffd76466;color:#fff;cursor:pointer;font-family:MedievalSharp,serif;font-size:clamp(3.8rem,5vw,4rem);padding:.7rem 1.4rem;position:absolute;right:50%;text-align:center;transform:translateX(50%);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;z-index:10}.start-journey-button:hover{background-color:#222222e6;box-shadow:0 0 20px #ffd76499}@media (max-width:768px){.start-journey-button{bottom:75%;font-size:clamp(2rem,5vw,3rem);padding:1rem 2rem;right:50%;transform:translateX(50%)}}.campfire-topbar{align-items:center;background-color:#111;color:#fff;display:flex;font-family:inherit;font-size:2rem;height:5vh;justify-content:center}@media (max-width:768px){.campfire-topbar{font-size:1.2rem;height:7vh}}.leaderboard-overlay{background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.leaderboard-overlay,.leaderboard-scroll-bg{align-items:center;display:flex;justify-content:center}.leaderboard-scroll-bg{max-height:180vh;max-width:400px;position:relative;width:90vw}.scroll-img{max-height:180vh;max-width:600px;object-fit:contain;pointer-events:none;position:absolute;width:600vw;z-index:0}.leaderboard-content{background:none;max-height:70vh;overflow:hidden;padding:2rem 1rem 1rem;position:relative;width:100%;z-index:2}.close-btn-container{display:flex;justify-content:flex-end;margin-bottom:1rem}.close-btn{background:#e0c776;border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:1rem;padding:.3rem 1rem}.leaderboard-title{text-align:center}.leaderboard-loading{margin:2rem;text-align:center}.your-rank{margin-bottom:1rem;text-align:center}.leaderboard-list{max-height:50vh;overflow-y:auto}.leaderboard-row{background:#0000;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.25rem;padding:.5rem 1rem}.leaderboard-row.you{background:#ffe17833}.leaderboard-name{font-weight:400}.leaderboard-name.bold{font-weight:700}.leaderboard-percent{min-width:60px;text-align:right}@media (max-width:600px){.leaderboard-overlay{align-items:flex-center}.leaderboard-scroll-bg{align-items:center;justify-content:center;max-height:75vh;max-width:98vw;width:98vw}.scroll-img{max-height:180vh;max-width:600px;width:600vw}.leaderboard-content{font-size:1rem;max-height:65vh;padding:1.2rem .5rem .5rem}.close-btn-container{justify-content:center}}.rank-button{background-color:#141414a6;border:2px solid #f6f6f6;border-radius:12px;bottom:35%;box-shadow:0 0 10px #ffd76466;color:#fff;cursor:pointer;font-family:MedievalSharp,serif;font-size:clamp(3.8rem,5vw,4rem);padding:.7rem 1.4rem;position:absolute;right:50%;text-align:center;transform:translateX(50%);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;z-index:10}.rank-button:hover{background-color:#222222e6;box-shadow:0 0 20px #ffd76499}@media (max-width:768px){.rank-button{bottom:20%;font-size:clamp(2rem,5vw,3rem);padding:1rem 2rem;right:50%;transform:translateX(50%)}}.crystal-container{display:inline-block;height:130px;position:relative;transform:rotate(-35deg);transition:transform .3s ease;width:100px}.crystal-image{height:100%;object-fit:contain;transform:rotate(35deg);transition:transform .3s ease;width:100%}.crystal-container:hover{animation:wobble .6s ease-in-out}@keyframes wobble{0%,to{transform:rotate(-35deg)}25%{transform:rotate(-32deg)}50%{transform:rotate(-38deg)}75%{transform:rotate(-33deg)}}.crystal-locked{filter:grayscale(80%) brightness(.8);opacity:.5}.crystal-unlocked{filter:drop-shadow(0 0 6px #6ee7ff);opacity:1}.crystal-label{color:#fff;font-size:.8rem;left:50%;margin-top:4px;position:absolute;text-shadow:0 0 4px #000;top:100%;transform:translateX(-50%)}.history-background-wrapper{align-items:center;display:flex;height:88vh;justify-content:center;overflow:hidden;position:relative;z-index:0}.history-background-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.history-button{background-color:#505050bf;border:2px solid #efefee;border-radius:10px;box-shadow:0 0 3px #ffdf6a33;color:#f9d88a;cursor:pointer;font-family:MedievalSharp,serif;font-size:1.3rem;margin:.5rem;padding:.5rem 1.2rem;text-shadow:0 0 2px #8c6b00;transition:all .3s ease}.history-button:hover{background-color:#787878d9;box-shadow:0 0 8px #ffdf6a80;color:#fff7dc;text-shadow:0 0 2px #ffdf6a,0 0 3px #8c6b00;transform:scale(1.03)}@media (max-width:768px){.history-button{font-size:1rem;padding:.4rem 1rem}}.journey-button2{background-color:#505050bf;border:2px solid #efefee;border-radius:10px;box-shadow:0 0 3px #ffdf6a33;color:#f9d88a;cursor:pointer;font-family:MedievalSharp,serif;font-size:1.3rem;margin:.5rem;padding:.5rem 1.2rem;text-shadow:0 0 2px #8c6b00;transition:all .3s ease}.journey-button2:hover{background-color:#787878d9;box-shadow:0 0 8px #ffdf6a80;color:#fff7dc;text-shadow:0 0 2px #ffdf6a,0 0 3px #8c6b00;transform:scale(1.03)}@media (max-width:768px){.journey-button2{font-size:.6rem;padding:.4rem 1rem}}.topic-button-column{gap:1rem;left:50%;position:absolute;top:10%;transform:translateX(-50%);z-index:2}.topic-button-column,.topic-button-wrapper{align-items:center;display:flex;flex-direction:column}.topic-button-wrapper{gap:.4rem}.crystal-row{display:flex;gap:.4rem;justify-content:center}@media (max-width:768px){.topic-button-column{gap:.3rem;padding:0 1rem;top:2%}.crystal-row,.topic-button-wrapper{gap:.2rem}.crystal-row img{height:14px;width:18px}}.responsive-back-button{bottom:5%;left:5%;position:absolute;z-index:5}@media (max-width:768px){.responsive-back-button{bottom:0;left:50%;transform:translateX(-50%)}}.back-button{background-color:#787878bf;border:2px solid #efefee;border-radius:10px;box-shadow:0 0 3px #ffdf6a33;color:#f9d88a;cursor:pointer;font-family:MedievalSharp,serif;font-size:1.3rem;padding:.2rem 1rem;text-shadow:0 0 2px #8c6b00;transition:all .4s ease}.back-button:hover{background-color:#787878d9;box-shadow:0 0 8px #ffdf6a99;color:#fff7dc;text-shadow:0 0 2px #ffdf6a,0 0 3px #8c6b00;transform:scale(1.02)}.subject-background-wrapper{flex:1 1;overflow:hidden;position:relative}.subject-background-image{height:100%;object-fit:cover;position:absolute;width:100%;z-index:0}.journey-buttonX{background-color:#787878bf;border:2px solid #efefee;border-radius:10px;box-shadow:0 0 3px #ffdf6a33;color:#f9d88a;cursor:pointer;font-family:MedievalSharp,serif;font-size:1.6rem;padding:.2rem 1rem;text-shadow:0 0 2px #8c6b00;transition:all .4s ease}@media (max-width:768px){.journey-buttonX{font-size:.9rem}}.topic-background-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.topic-background-image{height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.scroll-labels-wrapper{align-items:center;bottom:30vh;display:flex;flex-direction:column;gap:1rem;left:50vw;padding:0 1rem;position:absolute;text-align:center;transform:translateX(-50%);width:350px;z-index:11}.scroll-label{cursor:pointer;transition:transform .3s ease}.scroll-label:hover{transform:scale(1.05)}.scroll-label span{word-wrap:break-word;display:block;line-height:1.4;width:100%}@media (max-width:768px){.scroll-labels-wrapper{bottom:38vh;gap:.7rem;width:65vw}.scroll-label span{font-size:1.4rem}}@media (max-width:480px){.scroll-labels-wrapper{width:80vw}}.medieval-text{color:#f9d88a;font-family:MedievalSharp,serif;font-size:1.5rem;text-shadow:0 0 3px #8c6b00}.floating-scroll{height:auto;top:20%;width:350px}@media (max-width:768px){.floating-scroll{height:45vh;top:26%;width:65vw}}@media (max-width:480px){.floating-scroll{top:19%;width:80vw}}@keyframes bobbing{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.floating-scroll{animation:bobbing 3s ease-in-out infinite}.crystals-container{bottom:20vh;display:flex;gap:1rem;left:50vw;position:absolute;transform:translateX(-50%);z-index:12}@media (max-width:768px){.crystals-container{bottom:27vh;gap:.6rem}.crystal-wrapper svg{height:26px!important;width:26px!important}}@media (max-width:480px){.crystals-container{bottom:17vh;flex-wrap:wrap;gap:.4rem;justify-content:center}.crystal-wrapper svg{height:22px!important;width:22px!important}}.corner-scroll{filter:drop-shadow(0 0 8px #f9d88a);height:auto;left:75%;opacity:.95;position:absolute;top:5%;transform:translateX(-50%);transition:width .3s ease,top .3s ease;width:90px;z-index:10}@media (max-width:1024px){.corner-scroll{left:78%;top:4%;width:140px}}@media (max-width:768px){.corner-scroll{left:80%;top:3%;width:120px}}@media (max-width:480px){.corner-scroll{left:84%;top:1%;width:100px}}.progress-indicator{bottom:85%;cursor:default;left:75%;line-height:1.2;position:absolute;text-align:center;transform:translateX(-50%);z-index:11}.progress-subtext{font-size:.9em;opacity:.8}@media (max-width:1024px){.progress-indicator{bottom:87%;left:78%}}@media (max-width:768px){.progress-indicator{bottom:89%;font-size:.9rem;left:80%}.progress-subtext{font-size:.8rem}}@media (max-width:480px){.progress-indicator{bottom:90%;font-size:.8rem;left:84%}.progress-subtext{font-size:.75rem}}.start-button-wrapper{bottom:67%;left:50%;position:absolute;transform:translateX(-50%);z-index:11}.quiz-button{background-color:#787878bf;border:1px solid #efefee;border-radius:10px;box-shadow:0 0 6px #ffdf6a4d;color:#c2bdb0;cursor:pointer;font-family:MedievalSharp,serif;font-size:3.8rem;padding:.6rem 1.5rem;text-shadow:0 0 2px #6a6860;transition:all .3s ease}.quiz-button:hover{background-color:#787878d9;box-shadow:0 0 8px #ffdf6a99;color:#fff7dc;transform:scale(1.05)}@media (max-width:1024px){.start-button-wrapper{bottom:68%}.quiz-button{font-size:1.4rem;padding:.6rem 1.2rem}}@media (max-width:768px){.start-button-wrapper{bottom:70%}.quiz-button{font-size:5.2rem;padding:.5rem 1rem}}@media (max-width:480px){.start-button-wrapper{bottom:68%}.quiz-button{font-size:4.1rem;padding:.4rem .8rem}}.quiz-background-wrapper{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex:1 1;flex-direction:column;position:relative}@media (max-width:1024px){.quiz-background-wrapper{background-position:top;background-size:cover}}@media (max-width:768px){.quiz-background-wrapper{background-position:top;background-size:cover;padding:1rem}}.quiz-content-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:50%;max-width:700px;padding:1rem;position:absolute;text-align:center;top:12%;transform:translateX(-50%);width:90%;z-index:12}@media (max-width:768px){.quiz-content-container{padding:.2rem;top:28%;width:85vw}}.floating-scroll{filter:drop-shadow(0 0 8px #f9d88a);height:75vh;left:50%;max-width:750px;opacity:.8;position:absolute;top:5%;transform:translateX(-50%);width:85vw;z-index:10}@media (max-width:768px){.floating-scroll{height:55vh;top:27%;width:95vw}}@keyframes bob{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.bobbing2{animation:bob 3s ease-in-out infinite}.back-button-wrapper-bottom{bottom:2%;left:5%;position:absolute;z-index:11}@media (max-width:768px){.back-button-wrapper-bottom{bottom:1.5%;left:50%;transform:translateX(-50%)}.back-button-wrapper-bottom button{font-size:1.3rem;max-width:90vw;padding:.8rem 1.2rem}}.quiz-page-wrapper{background-color:#000;color:#fff;display:flex;flex-direction:column;font-family:"sans-serif";height:100vh}.quiz-progress{top:9%}.quiz-progress,.quiz-timer{left:75%;position:absolute;text-align:center;transform:translateX(-50%);z-index:11}.quiz-timer{top:28%}@media (max-width:768px){.quiz-progress{font-size:1.9rem;left:25%;top:11%}.quiz-timer{font-size:1.9rem;left:75%;top:11%}}.quiz-scroll{filter:drop-shadow(0 0 8px #f9d88a);height:90px;opacity:.95;position:absolute;transform:translateX(-50%);width:97px;z-index:10}.top-right-scroll{left:75%;top:5%}.bottom-right-scroll{left:75%;top:25%}@media (max-width:768px){.quiz-scroll{height:auto;width:130px}.top-right-scroll{left:75%;top:10%}.bottom-right-scroll{left:25%;top:10%}}.quiz-answer-button{box-sizing:border-box;font-size:1.4rem;margin:.5rem 0;max-width:90%;padding:1rem 2.5rem;text-align:center;width:100%}@media (max-width:1024px){.quiz-answer-button{font-size:1.2rem;padding:.8rem 2rem}}@media (max-width:768px){.quiz-answer-button{font-size:1rem;padding:.7rem 1.2rem}}@media (max-width:480px){.quiz-answer-button{font-size:.9rem;padding:.6rem 1rem}}
/*# sourceMappingURL=main.44271c1d.css.map*/