:root{--ink:#34231b;--muted:#6e503e;--gold:#a76e35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#170e0d;margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{background:radial-gradient(at 50% 10%,#583526,#2b1914 52%,#130d0c);min-height:100svh;padding:22px clamp(14px,3vw,45px);position:relative;overflow:hidden}.site-shell:before{content:"";pointer-events:none;opacity:.18;background:repeating-linear-gradient(94deg,#0000 0 63px,#080403 64px 66px,#0000 67px 130px);position:absolute;inset:0}.site-header,.site-footer{z-index:2;color:#ead2ad;justify-content:space-between;align-items:center;gap:15px;max-width:1500px;margin:auto;display:flex;position:relative}.site-header{min-height:45px}.brand{letter-spacing:-.06em;white-space:nowrap;font-size:clamp(25px,2.2vw,34px);font-weight:700}.brand span:first-child,.brand-period{color:#d6a259}.header-note,.header-link,.site-footer{letter-spacing:.15em;text-transform:uppercase;font:11px Arial,sans-serif}.header-note{color:#baa28b}.header-link{white-space:nowrap;border-bottom:1px solid #c78a4c;padding-bottom:7px}.book{background:#4a2521;border:3px solid #8a5737;border-radius:18px;grid-template-columns:1fr 1fr;width:min(100%,1450px);min-height:730px;margin:35px auto 27px;padding:13px;animation:7s ease-in-out infinite book-hover;display:grid;position:relative;box-shadow:0 7px #301813,0 17px #9c683b,0 32px 48px #070303b8,inset 0 0 0 3px #c69558}.book:before,.book:after{content:"✦";z-index:4;color:#623620;background:linear-gradient(135deg,#edc783,#9b6129);border:1px solid #5e391d;place-items:center;width:28px;height:28px;font-size:14px;display:grid;position:absolute}.book:before{border-radius:10px 2px;top:-4px;left:-4px}.book:after{border-radius:10px 2px;bottom:-4px;right:-4px}.book-spine{z-index:3;pointer-events:none;filter:blur(3px);background:linear-gradient(90deg,#b1895680,#4d3324bb 50%,#c3975c80);width:20px;position:absolute;top:13px;bottom:13px;left:50%;transform:translate(-50%)}.book-page{background-color:#ecd6ae;background-image:radial-gradient(#794e2e12 1px,#0000 1px),linear-gradient(105deg,#f0ddba,#dfc598);background-size:5px 5px,100% 100%;min-width:0;box-shadow:inset 0 0 30px #95663b5c}.left-page{border-radius:8px 0 0 8px}.right-page{background-image:radial-gradient(#794e2e12 1px,#0000 1px),linear-gradient(90deg,#d8b984,#f0ddb8 15%);border-radius:0 9px 9px 0}.page-inner{flex-direction:column;min-height:704px;padding:30px clamp(28px,4vw,65px) 20px;display:flex;position:relative}.page-inner:before{content:"";pointer-events:none;border:1px solid #98704c66;position:absolute;inset:17px}.page-topline,.page-foot,.chapter-number,.scene-caption{letter-spacing:.19em;color:#98643c;font:700 10px Arial,sans-serif}.page-topline,.page-foot{z-index:1;justify-content:space-between;gap:12px;display:flex;position:relative}.page-topline{border-bottom:1px solid #a980567d;padding-bottom:13px}.page-foot{margin-top:auto;padding-top:20px}.flourish{color:#a97842;letter-spacing:.3em;margin-top:38px}h1,h2,p{margin:0}h1{letter-spacing:-.055em;margin:13px 0 24px;font-size:clamp(42px,4.5vw,70px);font-weight:600;line-height:1}h1 em{font-weight:400}.intro{color:var(--muted);max-width:500px;font-size:clamp(16px,1.4vw,19px);line-height:1.45}.chapter-list{gap:13px;margin:32px 0 28px;display:grid}.chapter-choice{text-align:left;cursor:pointer;width:100%;min-height:158px;color:var(--ink);background:#f1dfbb33;border:1px solid #b08a5d;flex-direction:column;padding:19px 24px;transition:background .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.chapter-choice:before{content:"";pointer-events:none;border:1px solid #b4936975;position:absolute;inset:5px}.chapter-choice:hover,.chapter-choice.selected{background:#fae8c7a3;transform:translateY(-2px);box-shadow:0 3px 16px #9d683b3b,inset 0 0 15px #e3ae6238}.chapter-choice.selected{border-color:#aa6a2f}.chapter-choice:focus-visible,.open-button:focus-visible,.header-link:focus-visible{outline-offset:3px;outline:3px solid #5376a3}.choice-main{justify-content:space-between;align-items:start;gap:15px;margin-top:10px;display:flex}.choice-main strong{letter-spacing:-.035em;font-size:clamp(23px,2.2vw,32px);line-height:1.08}.choice-main span{color:#a26230;font-size:23px}.choice-description{color:#705643;max-width:370px;margin-top:9px;font-size:14px;line-height:1.4}.choice-sigil{color:#ae8459;letter-spacing:.15em;position:absolute;bottom:16px;right:22px}.right-inner{text-align:center;align-items:center}.right-inner .page-topline,.right-inner .page-foot{width:100%}.scene-frame{width:min(100%,520px);height:clamp(285px,31vw,420px);margin:16px auto 0;position:relative}.scene-frame:before{content:"";pointer-events:none;border:1px solid #a8784966;border-radius:50%;position:absolute;inset:7%;box-shadow:0 0 0 13px #aa7e4a14,0 0 0 36px #aa7e4a0c}.scene-frame canvas{z-index:1;position:relative}.scene-caption{margin-top:2px}.selected-detail{animation:.3s both rise}.selected-detail .chapter-number{margin:22px 0 9px;display:block}.selected-detail h2{letter-spacing:-.04em;font-size:clamp(31px,3vw,46px);line-height:1.05}.selected-detail p{color:#6d5040;max-width:440px;margin:12px auto 19px;font-size:16px;line-height:1.4}.open-button{color:#f5ddb4;background:linear-gradient(#68362d,#3b201e);border:1px solid #b9864a;outline:3px solid #5a3027;align-items:center;gap:30px;padding:13px 26px;font-size:17px;transition:transform .2s;display:inline-flex;box-shadow:0 5px #8e633b,0 10px 17px #5a322740}.open-button:hover{transform:translateY(-3px)}.site-footer{color:#a9917a;padding:12px 2px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes book-hover{0%,to{transform:translateY(0)rotate(-.25deg)}50%{transform:translateY(-7px)rotate(.25deg)}}@media (max-width:850px){.header-note{display:none}.book{grid-template-columns:1fr}.book-spine{display:none}.left-page{border-radius:8px 8px 0 0}.right-page{border-radius:0 0 8px 8px}.page-inner{min-height:auto;padding:27px 35px}.right-inner{min-height:610px}.flourish{margin-top:25px}.scene-frame{height:350px}}@media (max-width:520px){.site-shell{padding:16px 10px}.site-header{padding:0 9px}.brand{font-size:25px}.header-link{font-size:9px}.book{border-width:2px;margin-top:18px;padding:7px}.page-inner{padding:23px 23px 20px}.page-inner:before{inset:10px}.page-topline,.page-foot{font-size:8px}.chapter-choice{min-height:145px;padding:16px}.choice-description{font-size:13px}.choice-sigil{display:none}.right-inner{min-height:560px}.scene-frame{height:300px}.scene-caption{font-size:8px}.selected-detail p{font-size:14px}.site-footer{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.lesson-page{color:#ecd7b2;background:radial-gradient(at top,#5a3728,#201411 70%);min-height:100svh;padding:24px clamp(18px,4vw,64px) 60px}.lesson-nav{letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #bc8b5c55;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;padding:0 0 24px;font:11px Arial,sans-serif;display:flex}.lesson-nav a{color:#ecc58e}.lesson-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;max-width:1440px;min-height:calc(100svh - 110px);margin:25px auto 0;display:grid}.lesson-copy{color:var(--ink);background:radial-gradient(#78502a16 1px,#0000 1px) 0 0/5px 5px,linear-gradient(105deg,#f1ddba,#dec194) 0 0/100% 100%;border:11px solid #4c2921;border-radius:8px;padding:clamp(27px,4vw,60px);box-shadow:inset 0 0 0 1px #b98f5d,inset 0 0 26px #96663c66,0 22px 35px #09060666}.lesson-kicker{letter-spacing:.18em;text-transform:uppercase;color:#9d683b;margin-bottom:21px;font:700 11px Arial,sans-serif}.lesson-copy h1{margin-bottom:17px;font-size:clamp(39px,4vw,60px)}.lesson-copy>p:not(.lesson-kicker){color:#624936;max-width:570px;font-size:18px;line-height:1.5}.lesson-steps{flex-wrap:wrap;gap:8px;margin:29px 0;display:flex}.lesson-steps button,.lesson-quiz button{cursor:pointer;color:#52372a;background:#f9e8c9;border:1px solid #a77b50;padding:10px 14px;font:600 13px Arial,sans-serif}.lesson-steps button.active,.lesson-quiz button[aria-pressed=true]{color:#f7ddae;background:#5a2d26;border-color:#5a2d26}.lesson-steps button:focus-visible,.lesson-quiz button:focus-visible,.lesson-nav a:focus-visible{outline-offset:3px;outline:3px solid #5579aa}.lesson-explain,.lesson-quiz{border-top:1px solid #a97e54;margin-top:20px;padding-top:22px}.lesson-explain h2,.lesson-quiz h2{letter-spacing:-.03em;margin:0 0 10px;font-size:25px}.lesson-explain p,.lesson-quiz p{color:#604736;font-size:16px;line-height:1.5}.lesson-quiz>div{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.lesson-quiz p{margin-top:14px}.lesson-visual{background:radial-gradient(circle at 50% 40%,#69412d,#2b1a16 60%,#190f0e);border:1px solid #ad794d66;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #0e0807}.lesson-visual:before{content:"✦";color:#b9905a;position:absolute;top:25px;left:30px}.lesson-visual canvas{max-width:100%}.lesson-visual>p{color:#d2ac78;letter-spacing:.18em;text-transform:uppercase;font:700 10px Arial,sans-serif;position:absolute;bottom:23px}@media (max-width:900px){.lesson-grid{grid-template-columns:1fr}.lesson-visual{order:-1;min-height:430px}.lesson-copy{padding:27px}}@media (max-width:520px){.lesson-page{padding:16px 11px 40px}.lesson-nav{font-size:9px}.lesson-grid{gap:12px;margin-top:13px}.lesson-visual{min-height:320px}.lesson-copy{border-width:7px;padding:23px}.lesson-copy>p:not(.lesson-kicker){font-size:16px}}.mobile-spellbook{color:#dbaa69;justify-content:center;align-items:center;gap:12px;min-height:300px;font-size:30px;display:flex}.mobile-spellbook strong{filter:drop-shadow(0 20px 15px #4a211b88);font-size:118px}