:root{font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;color:#4c3b30;background:#17373b;font-synthesis:none;--gold:#e8c786;--paper:#fff4dc;--teal:#315e60}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 50% 25%,#517a76 0,#284c50 38%,#132e34 85%)}button,a{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #d3934f;outline-offset:4px}button:disabled{opacity:.35;cursor:default}button{border:0}h1,p{margin:0}img{display:block;max-width:100%}#app{width:100%;height:100dvh}.universe{position:relative;isolation:isolate;height:100dvh;display:grid;grid-template-rows:52px minmax(0,1fr) 60px;gap:10px;padding:12px max(24px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));max-width:1500px;margin:auto}.stage-top,.stage-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:2;color:#f1dfb6;font-size:13px}.stage-top{padding:0 10px}.stage-top>span{font-size:12px;letter-spacing:.1em;color:#c8c8ac}.quiet{border:0;background:transparent;color:inherit;padding:10px 4px;font-size:12px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.stage-foot{justify-content:center;gap:28px}.open-book{position:relative;min-height:0;background:repeating-linear-gradient(0deg,transparent 0 26px,#c2a67c06 26px 27px),radial-gradient(ellipse at 90% 15%,#fffcf1,#f6e5bf);border:8px solid #b28551;border-radius:17px 24px 24px 17px;box-shadow:inset 10px 0 18px #65402a22,inset -5px 0 12px #79502c16,0 5px 0 #e5cf9d,0 9px 0 #9c774e,0 20px 50px #071d2c70;margin:0 18px}.open-book:before{content:'';position:absolute;left:12px;top:12px;bottom:12px;width:5px;border-left:1px solid #be945d70;border-right:1px solid #be945d40;pointer-events:none}.open-book:after{content:'';position:absolute;right:3px;top:8px;bottom:8px;width:5px;border-right:1px solid #bea47a80;border-left:1px solid #bea47a50;pointer-events:none}.page-content{position:relative;height:100%;min-height:0;padding:20px 25px;overflow:hidden}.gold-button,.page-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:22px;padding:10px 25px;font-size:13px;font-weight:700;white-space:nowrap}.gold-button{background:linear-gradient(#f4d898,#d9b16c);color:#433b2c;border:1px solid #e8c88e;box-shadow:0 3px 0 #a8864d,0 5px 15px #15383b22}.page-button{color:#e9ddb9;border:1px solid #9b9c7a;background:#254b4b;box-shadow:0 3px 0 #123335}.page-number{min-width:42px;text-align:center;font-size:12px;color:#ddd2b2;font-variant-numeric:tabular-nums}.stardust{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 17% 11%,#eacf8933 1px,transparent 3px),radial-gradient(circle at 81% 23%,#eacf8933 1px,transparent 3px),radial-gradient(circle at 8% 75%,#eacf8933 1px,transparent 3px)}.stardust i{position:absolute;width:3px;height:3px;box-shadow:0 0 10px 2px #faeac373;border-radius:50%;background:#e4cc9b;animation:spark 5s ease-in-out infinite;left:7%;top:28%}.stardust i:nth-child(2){left:92%;top:71%;animation-delay:-2s}.stardust i:nth-child(3){left:87%;top:14%;animation-delay:-3s}.stardust i:nth-child(4){left:14%;top:84%;animation-delay:-1s}.stardust i:nth-child(5){left:55%;top:5%;animation-delay:-4s}.stardust i:nth-child(6){left:74%;top:93%;animation-delay:-2.5s}@keyframes spark{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:.9;transform:translateY(-12px)}}
.cover-scene{display:flex;align-items:center;justify-content:center;perspective:1600px}.closed-book{position:relative;width:min(360px,76vw);height:min(510px,73dvh);border-radius:13px 25px 25px 13px;border:3px solid #c4a05c;border-left:18px solid #294849;color:#efd7a3;background:radial-gradient(ellipse at 32% 20%,#50736a22,transparent),repeating-linear-gradient(55deg,#ffffff02 0 1px,transparent 1px 4px),#254e50;box-shadow:inset 0 0 0 7px #355d59,inset 0 0 0 9px #b08c50,10px 4px 0 #e4d2ab,14px 5px 0 #a88751,18px 18px 45px #0b242d;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:35px 28px 30px;transform:rotate(-3deg);transition:transform .4s}.closed-book:hover{transform:rotate(-1deg) translateY(-4px)}.book-corners{position:absolute;inset:20px;border:1px solid #ba9659;border-radius:2px 12px 12px 2px;pointer-events:none}.book-corners:before,.book-corners:after{content:'✧';position:absolute;font-size:35px;background:#254e50;line-height:1;padding:3px;color:#dbbd7e}.book-corners:before{left:-18px;top:-18px}.book-corners:after{right:-18px;bottom:-18px}.cover-top{font-size:11px;letter-spacing:.33em}.cover-moon{font-family:Georgia,serif;font-size:65px;color:#e5bd72;line-height:1}.closed-book h1{font-size:38px;line-height:1.5;letter-spacing:.12em;text-shadow:1px 2px #132b2d}.cover-bottom{font-size:12px;letter-spacing:.15em;color:#decd9e}.cover-land{height:45px;width:150px;position:relative;border-bottom:1px solid #c8ab70;overflow:hidden}.cover-land i{width:80px;height:80px;border:1px solid #b99d61;transform:rotate(45deg);position:absolute;top:17px;left:1px}.cover-land i:nth-child(2){left:44px;top:24px}.cover-land i:nth-child(3){left:91px;top:6px}
.quill-scene,.choose-stage,.reveal-stage,.altar-stage{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.quill-scene h1,.choose-stage h1,.altar-stage h1{font-size:clamp(20px,3vw,30px);font-weight:650;letter-spacing:.05em}.quill{width:110px;height:165px;transform-origin:bottom left;animation:write 1.8s ease-in-out forwards}.ink-stroke{width:130px;height:1px;background:linear-gradient(90deg,transparent,#5b7d73,transparent);transform:rotate(-4deg)}@keyframes write{0%{opacity:0;transform:translate(-35px,-30px) rotate(-15deg)}35%{opacity:1}75%{transform:translate(15px,10px) rotate(12deg)}100%{transform:translate(0,0) rotate(0)}}.quill-page .open-book{max-width:740px;width:100%;justify-self:center}.choose-stage>p,.reveal-stage>p{font-size:12px;color:#856d50}.mage-deck{width:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;align-items:center;max-width:1120px;padding:30px 0}.mage-card{position:relative;aspect-ratio:.64;min-width:0;display:block;border:5px solid #fff3d3;border-radius:14px;padding:0;box-shadow:0 5px 0 #b89b6e,0 10px 20px #7a5b2c30;background:#fff6e3;color:#55412e;overflow:hidden}.mage-card.face-down{transition:transform .2s}.mage-card.face-down:nth-child(even){transform:translateY(10px) rotate(2deg)}.mage-card.face-down:nth-child(odd){transform:rotate(-2deg)}.mage-card.face-down:hover{transform:translateY(-8px) rotate(0)}.woven{position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 17px,#dcb77535 17px 19px),repeating-linear-gradient(-45deg,transparent 0 17px,#dcb77535 17px 19px),#355b60;border-radius:8px;border:2px solid #ccaa67;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;color:#e0c28a;box-shadow:inset 0 0 0 5px #355b60,inset 0 0 0 6px #bd9d64}.card-sun{font-family:Georgia,serif;font-size:56px;border:1px solid #c5a367;width:70px;height:70px;display:grid;place-items:center;transform:rotate(45deg);background:#355b60;border-radius:9px}.woven small{position:absolute;bottom:15px;letter-spacing:.15em;font-size:10px}.card-mountains{width:44px;height:18px;border-bottom:1px solid #cfb277}.reveal-stage{gap:10px}.reveal-stage .mage-card{height:min(60%,420px);max-width:80%;aspect-ratio:.65;animation:reveal .55s ease-out}.mage-front{height:100%;display:flex;flex-direction:column;align-items:center;background:#fffaed;padding:9px}.mage-front img{width:100%;height:calc(100% - 33px);object-fit:contain}.mage-front strong{font-size:18px;padding-top:4px}.reveal-stage h1{display:none}.reveal-stage p{margin:9px 0 2px}.reveal-stage .quiet{min-height:30px;font-size:11px}.reveal-stage .gold-button{margin-top:4px}@keyframes reveal{0%{transform:rotateY(-95deg);opacity:.3}100%{transform:rotateY(0);opacity:1}}
.journey-page .page-content{padding:12px 20px}.art-stage,.art-button{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.art-button{padding:0;border:0;background:transparent;cursor:zoom-in;position:relative}.journey-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 7px #674d3520)}.journey-page .open-book{background:radial-gradient(ellipse at 50% 50%,#fff9eb,#e4d0a8)}.page-arrival{transform-origin:left center;animation:pageIn .6s ease-out}@keyframes pageIn{0%{opacity:.45;transform:perspective(1600px) rotateY(-15deg);filter:brightness(.8)}100%{opacity:1;transform:perspective(1600px) rotateY(0);filter:brightness(1)}}.small-heading{font-size:13px;color:#88704c;letter-spacing:.16em}.spell-orb{position:relative;width:180px;height:180px;display:grid;place-items:center;border:1px solid #c7a16c;border-radius:50%;background:radial-gradient(circle,#f7e4b333,#b9cbbd55,transparent 70%);margin:20px}.spell-orb:before,.spell-orb:after{content:'';position:absolute;border:1px dashed #c3a068;border-radius:50%;inset:-14px;animation:orbit 40s linear infinite}.spell-orb:after{inset:14px;border-style:solid;transform:rotate(45deg);border-radius:20px}.spell-orb>span{font-size:96px;color:#b7874e;text-shadow:0 2px 0 #fff1c9;animation:orb 4s ease-in-out infinite}.spell-orb i{position:absolute;width:6px;height:6px;background:#e8bb67;border-radius:50%;top:0;left:80px;box-shadow:0 0 15px #deb76e}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orb{50%{transform:scale(1.07);opacity:.7}}
.comic-page .page-content{padding:12px 22px}.comic-stage{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) 44px;gap:10px;min-height:0}.comic-stage h1{text-align:center;font-size:clamp(17px,2.4vw,25px);line-height:1.5;font-weight:700;letter-spacing:.06em}.comic-stage .art-button{overflow:hidden}.comic-art{width:100%;height:100%;object-fit:contain}.comic-tools{display:flex;justify-content:center;align-items:center;gap:22px}.comic-tools .page-button{background:#e8d8b6;color:#715536;border-color:#bda075;box-shadow:0 2px 0 #c5ab80;min-height:38px;font-size:12px;padding:8px 22px}.comic-tools .gold-button{min-height:38px;font-size:12px;padding:8px 22px}.comic-tools .page-number{color:#8d7050}.art-overlay{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;padding:16px max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom));background:#102a2cf7;overflow:hidden}.art-overlay header{display:flex;gap:15px;justify-content:flex-end;padding-bottom:15px}.zoom-canvas{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center}.zoom-canvas img{width:100%;height:100%;object-fit:contain}.art-overlay.zoomed .zoom-canvas{display:block}.art-overlay.zoomed img{width:1500px;height:auto;max-width:none;max-height:none}.loading{height:100dvh;display:flex;gap:20px;align-items:center;justify-content:center;flex-direction:column;color:#ecd9b0}.loading button{padding:12px 20px;border-radius:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:900px){.mage-deck{grid-template-columns:repeat(4,minmax(0,1fr));max-width:650px;gap:20px 18px;padding:10px 0}.mage-card{aspect-ratio:.7}.choice-page .page-content{padding:18px 28px}.card-sun{width:62px;height:62px;font-size:47px}.choose-stage{gap:14px}.choose-stage h1{font-size:24px}}
@media(max-width:600px){.universe{grid-template-rows:42px minmax(0,1fr) 54px;gap:8px;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom))}.stage-top{padding:0 2px;gap:7px;font-size:11px}.stage-top>span{font-size:10px;letter-spacing:0}.stage-top .quiet{font-size:11px;min-height:36px}.open-book{margin:0;border-width:5px;border-radius:12px 17px 17px 12px;box-shadow:inset 6px 0 10px #65402a20,0 4px 0 #e5cf9d,0 7px 0 #9c774e,0 15px 32px #071d2c70}.open-book:before{left:6px;width:3px;top:8px;bottom:8px}.open-book:after{width:3px}.page-content{padding:14px 15px}.stage-foot{gap:17px}.gold-button,.page-button{font-size:12px;padding:10px 18px;min-height:42px}.stage-foot .page-number{font-size:11px;min-width:30px}.closed-book{height:min(510px,70dvh);width:min(320px,76vw);padding:35px 24px;border-left-width:13px}.closed-book h1{font-size:34px}.cover-top{font-size:10px}.cover-moon{font-size:58px}.cover-bottom{font-size:11px}.choice-page .page-content{padding:18px 13px}.choose-stage h1{font-size:21px}.choose-stage p{font-size:11px}.mage-deck{gap:16px 9px;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 2px;max-width:390px}.mage-card{border-width:3px;border-radius:9px;aspect-ratio:.63;box-shadow:0 4px 0 #b89b6e,0 7px 12px #7a5b2c25}.woven{border-radius:5px;gap:8px;box-shadow:inset 0 0 0 3px #355b60,inset 0 0 0 4px #bd9d64;background-size:auto}.card-sun{width:34px;height:34px;font-size:29px;border-radius:6px}.woven small{font-size:8px;bottom:9px}.card-mountains{width:25px;height:11px}.reveal-stage .mage-card{height:min(66%,390px);border-width:4px;border-radius:13px;aspect-ratio:.64}.mage-front{padding:6px}.mage-front strong{font-size:20px}.reveal-stage{gap:8px}.reveal-stage>p{font-size:12px}.reveal-stage .quiet{min-height:28px}.quill-scene h1{font-size:21px}.quill{width:90px;height:135px}.journey-page .page-content{padding:9px 10px}.journey-art{filter:drop-shadow(0 3px 4px #674d3520)}.altar-stage{gap:22px}.altar-stage h1{font-size:19px}.spell-orb{width:140px;height:140px;margin:20px}.spell-orb>span{font-size:80px}.comic-page .page-content{padding:12px 10px}.comic-stage{gap:8px;grid-template-rows:auto minmax(0,1fr) 42px}.comic-stage h1{font-size:19px}.comic-tools{gap:15px}.comic-page .stage-foot{gap:30px}.art-overlay{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.art-overlay header{gap:10px;padding-bottom:10px}.art-overlay .gold-button,.art-overlay .page-button{min-height:40px;font-size:12px}}
@media(max-height:600px){.universe{grid-template-rows:34px minmax(0,1fr) 44px;gap:5px;padding-top:4px}.mage-deck{grid-template-columns:repeat(7,minmax(0,1fr));max-width:840px;padding:8px 0;gap:10px}.choose-stage{gap:6px}.choose-stage h1{font-size:18px}.choose-stage p{font-size:10px}.card-sun{width:35px;height:35px;font-size:28px}.quill{height:80px}.quill-scene{gap:10px}.reveal-stage{gap:4px}.reveal-stage .mage-card{height:65%}.reveal-stage>p{display:none}.reveal-stage .gold-button{min-height:34px;padding:5px 15px}.reveal-stage .quiet{font-size:10px;min-height:24px}.spell-orb{width:90px;height:90px;margin:5px}.spell-orb>span{font-size:57px}.altar-stage{gap:14px}.closed-book{height:80dvh}.cover-land{display:none}.closed-book h1{font-size:27px}.cover-moon{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mage-card.face-down,.closed-book{transform:none}.stardust i{opacity:.3}}
@media(max-width:600px) and (max-height:600px){.mage-deck{grid-template-columns:repeat(4,minmax(0,1fr));max-width:350px;gap:10px}.mage-deck .mage-card{aspect-ratio:.8}.choice-page .page-content{padding:10px 15px}.choose-stage h1{font-size:17px}}
@keyframes bookOpen{from{opacity:.4;transform:perspective(1200px) rotateY(-18deg) scale(.96)}to{opacity:1;transform:perspective(1200px) rotateY(0) scale(1)}}.quill-page .open-book{animation:bookOpen .7s ease-out}
@media(prefers-reduced-motion:reduce){.quill-page .open-book{animation:none}}
/* Quiet reading links and English-first spell names. */
.universe{grid-template-rows:52px minmax(0,1fr) 82px}.stage-foot{flex-direction:column;gap:3px;justify-content:center}.footer-actions{display:flex;align-items:center;justify-content:center;gap:24px;max-width:100%;flex-wrap:wrap}.footer-notes{display:flex;align-items:center;justify-content:center;gap:24px;min-height:26px}.moment-link{font-size:10px;line-height:1.5;color:#d6c9a4;min-height:28px;display:inline-flex;align-items:center;padding:3px 5px;border-bottom:1px solid #9e9c7055}.spell-heading{text-align:center;min-width:0}.spell-heading h1{font-size:clamp(17px,2.4vw,25px);line-height:1.3;letter-spacing:.02em;text-wrap:balance}.spell-subtitle{font-size:10px;color:#8c765a;font-weight:400;line-height:1.5;margin-top:4px;letter-spacing:.06em}.closed-book h1{font-family:Georgia,'Times New Roman',serif;font-size:37px;letter-spacing:.02em;line-height:1.45}.stage-top>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.altar-stage h1{text-align:center;line-height:1.4}.stage-top>.quiet{flex-shrink:0}
@media(max-width:600px){.universe{grid-template-rows:42px minmax(0,1fr) 78px}.footer-actions{gap:14px}.footer-actions>.quiet{font-size:11px;padding:6px 2px;min-height:34px}.footer-notes{gap:18px;min-height:24px}.moment-link{font-size:10px;min-height:24px}.closed-book h1{font-size:32px}.spell-heading h1{font-size:18px;line-height:1.3}.spell-subtitle{font-size:10px;margin-top:3px}.comic-stage{gap:7px}.stage-top .quiet{font-size:10px}.choose-stage h1{font-size:21px}.choose-stage>p{font-size:11px}.altar-stage h1{font-size:19px}.stage-top>span{font-size:10px}.comic-tools .page-button,.comic-tools .gold-button{font-size:11px;padding:8px 16px}}
@media(max-width:360px){.closed-book h1{font-size:29px}.footer-actions{gap:10px}.footer-actions>.quiet{font-size:10px}.choose-stage h1{font-size:19px}.quill-scene h1{font-size:19px}.spell-heading h1{font-size:17px}.reveal-stage>.gold-button{font-size:12px}.stage-top .quiet{font-size:10px}.altar-stage h1{font-size:17px}}
@media(max-height:600px){.universe{grid-template-rows:32px minmax(0,1fr) 70px}.closed-book h1{font-size:27px}.footer-actions{gap:14px}.footer-actions>.quiet{min-height:28px}.footer-notes{min-height:22px}.moment-link{min-height:22px}.spell-heading h1{font-size:16px}.spell-subtitle{font-size:9px;margin-top:1px}}
/* The travel edition: locally served open-license type and tactile Mongolian details. */
@font-face{font-family:Italianno;src:url('fonts/Italianno-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/CormorantGaramond.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
:root{--calligraphy:Italianno,'Snell Roundhand','Apple Chancery','URW Chancery L',cursive;--literary:'Cormorant Garamond',Baskerville,Georgia,serif}
.header-spacer{width:75px}.closed-book{width:min(390px,77vw);height:min(570px,83dvh);padding:29px 28px 26px;justify-content:center;gap:7px;background:radial-gradient(ellipse at 40% 25%,#68938228,transparent 68%),repeating-linear-gradient(27deg,#fff1c407 0 1px,transparent 1px 4px),repeating-linear-gradient(-27deg,#00000009 0 1px,transparent 1px 5px),#244c4c;box-shadow:inset 0 0 0 6px #355d59,inset 0 0 0 8px #bd9a5b,inset 0 0 0 13px #254c4b,inset 0 0 0 14px #a38245,8px 3px 0 #f2dfb5,12px 4px 0 #ae8c58,17px 17px 40px #091f28}
.closed-book:after{content:'';position:absolute;right:-29px;top:47%;width:35px;height:22px;border-radius:3px 9px 9px 3px;border:2px solid #c7a665;background:linear-gradient(90deg,#a1763e,#e1c582 65%,#ae874b);box-shadow:0 3px 4px #142d2d70}
.closed-book h1{font:400 clamp(42px,5.7vw,57px)/.89 var(--calligraphy);letter-spacing:0;text-shadow:0 2px 2px #142b2e;margin:4px -8px 3px}.cover-top{font:600 13px/1.5 var(--literary);letter-spacing:.34em;margin:5px 0 7px}.travel-seal{width:min(255px,94%);height:auto;max-height:36%;object-fit:contain;filter:drop-shadow(0 3px 1px #122f31)}.cover-bottom{font:600 15px/1.5 var(--literary);letter-spacing:.15em;margin-top:7px}.travel-ribbon{font-size:10px;letter-spacing:.25em;color:#d4b778;margin-top:7px}.book-corners{inset:19px;border:1px solid #bd9b5e;border-radius:2px 13px 13px 2px;outline:1px dashed #bb9b5c70;outline-offset:-5px}.book-corners:before,.book-corners:after{content:'';width:35px;height:35px;padding:0;border:2px solid #e3c582;background:repeating-linear-gradient(45deg,#c8a05a 0 2px,#ad8949 2px 4px);box-shadow:inset 0 0 0 3px #8b6d36,inset 0 0 0 5px #e6c984;clip-path:polygon(0 0,100% 0,100% 18%,22% 22%,18% 100%,0 100%)}.book-corners:before{top:-9px;left:-9px}.book-corners:after{bottom:-9px;right:-9px;transform:rotate(180deg)}
.open-book{background:repeating-linear-gradient(0deg,transparent 0 26px,#c2a67c06 26px 27px),radial-gradient(ellipse at 80% 15%,#fffbec,#f3e1b9);border-color:#997147}.page-content:before{content:'';position:absolute;inset:9px;pointer-events:none;border:1px solid #b9915340;border-radius:4px;background:linear-gradient(135deg,#c29a5c80 0 2px,transparent 2px) left top/15px 15px no-repeat,linear-gradient(-135deg,#c29a5c80 0 2px,transparent 2px) right top/15px 15px no-repeat}.quill-scene h1{font:400 clamp(35px,5vw,48px)/1.1 var(--calligraphy);letter-spacing:0;text-align:center}.quill-scene{gap:14px}.ink-stroke{border-color:#8d6d3f}.choose-stage h1,.altar-stage h1{font-family:var(--literary);font-weight:600}.mage-front{position:relative;padding:0;overflow:hidden;background:#496f64}.mage-front img{width:100%;height:100%;object-fit:cover;object-position:center}.mage-front strong{position:absolute;bottom:0;left:0;right:0;min-height:48px;padding:12px 7px 6px;background:linear-gradient(transparent,#173735e0 35%,#173735);color:#ffe8b2;font:600 clamp(23px,3vw,29px)/1.15 var(--literary);letter-spacing:.035em;text-shadow:0 1px 2px #142826}.reveal-stage .mage-card{border:4px solid #b59050;box-shadow:0 0 0 1px #f2d897,0 0 0 5px #98713f,0 10px 22px #5d421b40;border-radius:10px}.woven{background:repeating-linear-gradient(0deg,transparent 0 11px,#ddb67a14 11px 12px),repeating-linear-gradient(90deg,transparent 0 11px,#ddb67a14 11px 12px),#305654;border:2px solid #c3a064;box-shadow:inset 0 0 0 5px #2c4e4e,inset 0 0 0 6px #d3ac68}.woven:after{content:'';position:absolute;inset:10px;border:1px dashed #d7b97465;pointer-events:none}.card-sun{font-family:var(--literary);border:1px solid #bd9c5f;border-radius:50%;background:#456d63;box-shadow:0 0 0 5px #2d5554,0 0 0 6px #a88a52}.card-mountains{filter:drop-shadow(0 1px #e4c992)}
@media(max-width:600px){.closed-book{padding:27px 22px 23px;gap:6px;width:min(340px,77vw);height:min(520px,82dvh)}.closed-book h1{font-size:49px}.travel-seal{width:95%;max-height:35%}.cover-top{font-size:12px}.cover-bottom{font-size:14px}.quill-scene h1{font-size:39px}.mage-front strong{font-size:25px;min-height:43px;padding-top:10px}.header-spacer{width:50px}}
@media(max-width:360px){.closed-book h1{font-size:43px}.quill-scene h1{font-size:33px}.closed-book{padding:24px 19px}.cover-top{font-size:10px}.mage-front strong{font-size:23px}}
@media(max-height:600px){.closed-book{height:85dvh;gap:2px;padding:20px 24px}.closed-book h1{font-size:40px}.cover-top{font-size:10px;margin:0}.cover-bottom{font-size:12px;margin-top:0}.travel-ribbon{margin-top:0}.travel-seal{max-height:32%}.quill-scene h1{font-size:32px}.mage-front strong{font-size:22px;min-height:35px;padding-top:7px}}

.book-return{position:absolute;top:20px;left:24px;color:#eadbb8;z-index:2;font-size:12px}@media(max-width:600px){.book-return{top:10px;left:16px;font-size:11px}}