@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#eaded0;background:#190e17;font-synthesis:none;font-weight:400;--gold:#d7b280;--muted:#b5a3aa;--border:#b895702a;--serif:"Cormorant Garamond",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e5bd85;outline-offset:5px}button:disabled{cursor:default}::selection{background:#9c4d64;color:#fff}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}em{color:var(--gold);font-weight:400}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:#160e16;border-bottom:1px solid var(--border);gap:24px}.wordmark{font-family:var(--serif);font-size:18px;letter-spacing:2px;white-space:nowrap;color:#e7cda7}.wordmark-light{font-weight:400}.crest{font-size:29px;margin-right:10px;vertical-align:middle}.site-header nav{display:flex;gap:34px;font-size:11px;color:#c7b7bd;letter-spacing:.7px}.site-header nav a:hover{color:var(--gold)}.nav-cta{border:1px solid #b68a5960;background:transparent;padding:12px 18px;font-size:11px;color:#e4c69f}.nav-cta span{margin-left:20px}.hero{position:relative;min-height:650px;height:min(720px,64vw);overflow:hidden;background:#352131}.banner{width:100%;height:auto;display:block;min-height:450px;object-fit:cover;object-position:center top}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#190e17 0%,#190e17dc 12%,#190e1755 35%,transparent 65%);pointer-events:none}.hero-caption{position:absolute;bottom:32px;left:20%;right:20%;text-align:center}.eyebrow{font-size:9px;letter-spacing:2.6px;font-weight:500;color:var(--gold);line-height:1.8}.hero h1{font-size:48px;line-height:1.06;margin:15px 0 14px;text-shadow:0 2px 20px #170b16}.hero h1 em{color:#e8c69d}.hero p{font-size:11px;color:#dac5ce;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;border:1px solid #c29a6b;padding:16px 30px;font-size:11px;font-weight:500;letter-spacing:.5px;transition:background .2s,transform .2s}.primary{background:linear-gradient(110deg,#dbc09a,#bd9163);color:#29171e;box-shadow:0 3px 25px #ca985c15}.primary:hover{background:#e5c9a0;transform:translateY(-2px)}.hero .button{margin-top:23px}.hero-note{display:block;color:#c0aab4;font-size:9px;letter-spacing:.6px;margin-top:14px}.hero-corner{position:absolute;bottom:45px;right:5.5%;font-size:8px;letter-spacing:2px;color:#ac9098;writing-mode:vertical-rl;display:flex;gap:18px}.world-strip{display:flex;justify-content:center;gap:50px;padding:23px 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#20131d;color:#c7b4b7;font-family:var(--serif);font-size:16px;letter-spacing:.3px}.world-strip i{font-size:6px;color:#98764d;align-self:center}.section{padding:75px 8%;max-width:1600px;margin:auto}.intro{text-align:center;padding-top:72px;padding-bottom:36px}.section-label{display:flex;align-items:center;justify-content:center;gap:20px;font-size:9px;letter-spacing:2px;color:var(--gold)}.section-label span{height:1px;width:48px;background:linear-gradient(90deg,transparent,#a57e52)}.section-label span:last-child{transform:rotate(180deg)}h2{font-size:44px;line-height:1.15}.intro h2{margin:23px 0}.intro p{font-size:12px;color:var(--muted);line-height:2.1;margin-top:12px}.ornament{color:#97754f;margin-top:39px;font-size:14px;letter-spacing:5px}.dragons-section{padding-top:37px;padding-bottom:60px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.section-heading h2{font-size:37px;margin-top:10px}.small-note{font-size:10px;color:var(--muted);padding-bottom:8px}.small-note span{font-size:22px;color:var(--gold);margin-left:18px}.dragon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.dragon-card{background:linear-gradient(140deg,#30202b,#21151f);border:1px solid #b8957033;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.dragon-card:hover{transform:translateY(-5px);border-color:#c6a17180}.dragon-art{height:245px;background-image:linear-gradient(0deg,#2b1b26,transparent 55%),url(/dragon-banner.jpg);background-repeat:no-repeat;position:relative;background-size:auto 760px}.art-kael{background-position:22% 0}.art-aerion{background-position:100% 0}.art-vaelis{background-position:64% 0}.element{position:absolute;top:17px;left:18px;border:1px solid #dbbd9555;background:#20131c9c;padding:6px 10px;font-size:9px;letter-spacing:1px;color:#e4caaa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-number{position:absolute;top:18px;right:19px;font-family:var(--serif);font-size:20px;color:#eee2cd9c}.dragon-body{padding:8px 26px 25px;position:relative}.realm{text-transform:uppercase;font-size:8px;letter-spacing:2px;color:#b78b6e}.dragon-body h3{font-size:39px;margin:9px 0 0}.dragon-title{font-family:var(--serif);font-style:italic;color:#ccaa86;font-size:17px}.dragon-body p{font-size:11px;line-height:1.95;color:var(--muted);margin:17px 0 20px;min-height:64px;max-width:290px}.text-button{background:transparent;border:none;border-top:1px solid var(--border);width:100%;padding:17px 0 0;display:flex;justify-content:space-between;font-size:10px;color:#dcc19d}.text-button span{font-size:17px;line-height:1}.silver .realm,.silver .dragon-title{color:#b9bcd0}.violet .realm,.violet .dragon-title{color:#c4a5d1}.dragon-footnote{text-align:center;font-family:var(--serif);font-size:18px;font-style:italic;color:#a98e9b;margin-top:27px}.how-section{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:radial-gradient(ellipse at center,#2c1b27,#1e121c);max-width:none;padding-top:52px;padding-bottom:55px}.how-section h2{font-size:37px;margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:35px auto 0}.steps article{padding:0 15px;border-right:1px solid var(--border)}.steps article:last-child{border:0}.step-icon{color:var(--gold);font-size:31px;line-height:1.5}.steps h3{font-size:23px;margin:10px 0}.steps p{color:var(--muted);font-size:11px;line-height:1.9}.closing{text-align:center;padding-top:65px;padding-bottom:70px;background:radial-gradient(ellipse at bottom,#50233240,transparent 65%)}.closing h2{margin:18px 0 25px;font-size:42px}.closing p{font-size:10px;color:#ac929e;margin-top:16px}footer{border-top:1px solid var(--border);padding:30px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .wordmark{font-size:12px}footer p{font-family:var(--serif);font-style:italic;font-size:14px;color:#b7a0aa}footer>span{font-size:8px;color:#a28b98}.modal-open{overflow:hidden}dialog{background:radial-gradient(ellipse at top right,#472c3c,#21151f 65%);color:#eaddd0;border:1px solid #9d7a59;max-width:640px;width:calc(100% - 32px);max-height:90dvh;padding:48px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#100913da;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.close-dialog{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;color:#cbb098;padding:4px 10px}dialog h2{margin:16px 0 20px;font-size:40px}dialog h2:focus{outline:none}dialog p{font-family:var(--serif);font-size:20px;line-height:1.65;color:#cfbdc4}dialog label,dialog legend{display:block;font-size:11px;color:#d1b99d;margin:22px 0 10px}dialog input[type=text],dialog input[name=name]{width:100%;border:1px solid #9c7d5f70;color:#f1dfcb;background:#160e1680;border-radius:0;padding:14px;font:18px var(--serif)}dialog fieldset{padding:0;border:0;margin:5px 0 25px}dialog legend{padding:0;float:left;width:100%}.dragon-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;clear:both}.dragon-options label{margin:0;cursor:pointer;position:relative}.dragon-options input{position:absolute;opacity:0}.dragon-options label span{display:block;text-align:center;border:1px solid #81674d70;padding:13px 5px;font:20px var(--serif)}.dragon-options small{display:block;font:9px Inter,Arial,sans-serif;margin-top:5px;color:#bc9eaa}.dragon-options input:checked+span{border-color:#e0bb81;background:#b4885920;color:#edc996}.dragon-options input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}dialog .button{width:100%}.continue-button{display:block;margin:20px auto 0;color:#d9bc94;border:0;background:none;font-size:11px;padding:8px}.chapter-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.bond{color:#d9afbd;font-size:11px}.scene-location{font-size:9px;letter-spacing:2px;color:#b79271}.story-prose{margin:23px 0 26px}.choices{display:flex;flex-direction:column;gap:10px}.choices button{background:#170f1870;border:1px solid #a7825b60;text-align:left;padding:16px 13px;color:#ddc9bb;display:flex;gap:13px;align-items:center;font-size:12px;line-height:1.6}.choices button:hover{background:#a17a4b20;border-color:#d5ad7b}.choices button span{font-size:9px;color:#bc9269}.choices button span:last-child{margin-left:auto}dialog .save-note{font-family:Inter,Arial,sans-serif;font-size:9px;color:#ad929e;margin:20px 0 0;line-height:1.8}dialog blockquote{font:italic 25px var(--serif);color:var(--gold);margin:25px 0}.ending-mark{text-align:center;font-size:45px;color:#c69f76;margin:15px 0}#replay{margin-top:25px}dialog{overflow:auto}.close-dialog{z-index:3}.magic-line{font-style:italic;color:#e8c99d!important;border-left:1px solid #b8905f;padding-left:18px;margin:0 0 26px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes fade-in{0%{opacity:0}}.game{position:fixed;inset:0;z-index:50;background:#0b0814;outline:none;overflow:hidden;color:#eaded0;-webkit-user-select:none;user-select:none}.game{--hush:0}.game-canvas,.game-canvas canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.game-canvas{filter:grayscale(var(--hush));transition:filter 2.5s ease}.game-night{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,#05030cb8 100%)}.game-night:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffb48c70,#ff9ab230 50%,#ffc89a14);opacity:0;transition:opacity 6s ease}.game.dawn .game-night:after{opacity:1}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;pointer-events:none}.hud>*{background:#1a0e18d9;border:1px solid #b8905f80;box-shadow:0 4px 18px #0007}.hud-hearts{display:flex;gap:2px;padding:5px 10px;font-size:19px;line-height:1;color:#6e4b57}.hud-hearts .on{color:#ff86a6;text-shadow:0 0 8px #ff5f8d}.hud-hearts .part{background:linear-gradient(90deg,#ff86a6 var(--fill),#6e4b57 var(--fill));-webkit-background-clip:text;background-clip:text;color:transparent}.hud-hearts.pulse .on:last-of-type{animation:heart-pop .7s cubic-bezier(.3,1.8,.5,1)}@keyframes heart-pop{40%{transform:scale(1.5)}}.hud-hint{flex:1;max-width:560px;margin:0 auto;padding:7px 14px;font:italic 17px/1.35 var(--serif);color:#f0dcc6;text-align:center}.hud-hint:empty{visibility:hidden}.hud>.hud-buttons{display:flex;gap:6px;background:none;border:0;box-shadow:none}.hud-btn{pointer-events:auto;position:relative;width:36px;height:36px;padding:0;font-size:19px;line-height:1;color:#e6cba6;background:#1a0e18d9;border:1px solid #b8905f80;box-shadow:0 4px 18px #0007}.hud-btn:hover{background:#3a2130}.hud-sound.off{color:#6e5a62;text-decoration:line-through}.hud-dot{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:#ff86a6;box-shadow:0 0 6px #ff5f8d}.hud-prompt{position:absolute;left:50%;bottom:28px;transform:translate(-50%,10px);margin:0;padding:8px 16px;background:#1a0e18e6;border:1px solid #d6ad74;font-size:12px;letter-spacing:.6px;color:#f3d9b0;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap}.hud-prompt.on{opacity:1;transform:translate(-50%)}.hud-prompt:before{content:"✦ ";color:#f2c14e}.hud-prompt:after{content:"  ·  E / Space";color:#b99a7a}.dialogue{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(780px,calc(100% - 24px));display:flex;gap:16px;align-items:flex-start;background:linear-gradient(#2c1826f5,#1b1019f5);border:2px solid #c69a62;box-shadow:0 0 0 3px #1b1019,0 0 0 4px #7a5a3c,0 18px 50px #000b;padding:16px 18px 18px;outline:none;cursor:pointer;animation:rise-in .35s ease both}.dialogue[hidden],.splash[hidden],.portrait[hidden]{display:none}.portrait{flex:none;width:84px;height:84px;border:2px solid #7a5a3c;background:radial-gradient(#3a2236,#120a12)}.portrait img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.dialogue-body{flex:1;min-width:0;position:relative}.speaker{display:block;font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.speaker:empty{display:none}.dialogue .line{font:20px/1.55 var(--serif);color:#efe0d2;margin:0;min-height:62px}.dialogue[data-who=narrator] .line{font-style:italic;color:#e3cfd8}.next{position:absolute;right:0;bottom:-8px;color:#e2b25c;font-size:11px;opacity:0}.dialogue.ready:not(.choosing) .next{opacity:1;animation:bob 1s ease-in-out infinite}@keyframes bob{50%{transform:translateY(3px)}}.dialogue-choices{display:flex;flex-direction:column;gap:7px;margin-top:12px}.dialogue-choices:empty{display:none}.choice{display:flex;gap:12px;align-items:center;text-align:left;background:#170f1880;border:1px solid #a7825b70;padding:11px 12px;color:#e6d3c3;font-size:13px;line-height:1.5}.choice:hover,.choice:focus-visible{background:#a17a4b2a;border-color:#e2b980;outline:none}.choice-num{font-size:9px;color:#bc9269}.choice-arrow{margin-left:auto;color:#bc9269}.splash{position:absolute;inset:0;background:#07040ceb;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:24px 16px;animation:fade-in .8s ease both;z-index:5}.splash-panel{max-width:880px;width:100%;margin:auto;background:radial-gradient(ellipse at top right,#472c3c,#21151f 65%);border:1px solid #9d7a59;box-shadow:0 30px 100px #000a}.splash-text{padding:28px 44px 36px}.splash-text>*{animation:rise-in .9s cubic-bezier(.2,.7,.2,1) both}.splash-text>:nth-child(3){animation-delay:.3s}.splash-text>:nth-child(4){animation-delay:.6s}.splash-text>:nth-child(n+5){animation-delay:.9s}.splash h2{font-size:40px;margin:8px 0 6px;outline:none}.splash p{font-family:var(--serif);font-size:20px;line-height:1.65;color:#cfbdc4}.splash .story-prose{margin:16px 0 0}.splash .magic-line{margin-top:22px}.splash blockquote{font:italic 25px var(--serif);color:var(--gold);margin:22px 0}.splash .save-note{font:10px/1.8 Inter,Arial,sans-serif;color:#ad929e;margin-top:14px}.splash .choices{margin-top:24px}.splash-buttons{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:26px}.splash-buttons .button{width:100%}.text-link{background:none;border:0;color:#d9bc94;font-size:12px;padding:10px;text-decoration:underline;text-underline-offset:4px}.touch{display:none}@media(pointer:coarse),(max-width:700px){.touch{display:flex;position:absolute;left:16px;right:16px;bottom:18px;justify-content:space-between;align-items:flex-end;pointer-events:none}.game:has(.dialogue:not([hidden])) .touch,.game:has(.splash:not([hidden])) .touch{display:none}.dpad{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,54px);pointer-events:auto}.touch button{background:#1a0e18c4;border:1px solid #c69a6299;color:#e9cfa6;font-size:18px;touch-action:none;-webkit-user-select:none;user-select:none}.touch button.held{background:#c69a6255}.dpad [data-dir=up]{grid-area:1/2}.dpad [data-dir=left]{grid-area:2/1}.dpad [data-dir=right]{grid-area:2/3}.dpad [data-dir=down]{grid-area:3/2}.touch-action{width:74px;height:74px;border-radius:50%;font-size:28px!important;pointer-events:auto}.hud-prompt{bottom:200px}.hud-prompt:after{content:"  ·  tap ✦"}.hud-hint{font-size:14px;padding:6px 10px}.hud{padding:10px;gap:8px}.hud-hearts{font-size:15px;padding:5px 7px}.dialogue{bottom:10px;padding:12px;gap:10px}.portrait{width:56px;height:56px}.dialogue .line{font-size:17px;min-height:52px}.splash-text{padding:22px 20px 28px}.splash h2{font-size:32px}.splash p{font-size:18px}}.splash-stage{aspect-ratio:2/1;background:#07051a;border-bottom:1px solid #9d7a5970;overflow:hidden}.vignette{display:block;width:100%;height:100%;image-rendering:pixelated}@media(min-width:1600px){.hero{height:790px;min-height:790px}.hero-caption{bottom:45px}.hero h1{font-size:57px}.banner{height:100%;object-fit:cover}}@media(max-width:1050px){.site-header{padding:0 4%;gap:15px}.site-header nav{gap:20px}.wordmark{font-size:14px}.hero{min-height:600px}.banner{height:480px;object-fit:cover}.hero-caption{left:12%;right:12%}.section{padding-left:5%;padding-right:5%}.dragon-art{height:210px}.dragon-body{padding:8px 20px 20px}.world-strip{gap:24px;font-size:14px}.section-heading h2{font-size:32px}.small-note{display:none}footer{flex-wrap:wrap;justify-content:center}}@media(max-width:640px){.site-header{height:72px;padding:0 20px}.site-header nav{display:none}.crest{font-size:23px;margin-right:3px}.wordmark{font-size:12px;letter-spacing:1px}.nav-cta{padding:10px;font-size:9px}.nav-cta span{margin-left:8px}.hero{height:640px;min-height:0}.banner{height:auto;min-height:0;width:100%;margin-top:0}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,#61323d,#190e17 75%)}.banner{position:relative}.hero-shade{background:linear-gradient(0deg,#190e17,#190e17dd 40%,#190e1720 85%)}.hero-caption{left:22px;right:22px;bottom:45px}.hero h1{font-size:43px;margin:20px 0}.hero p{font-size:12px;max-width:280px;margin:auto}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero .button{margin-top:27px}.hero-corner{display:none}.world-strip{gap:10px;padding:19px 10px;flex-wrap:wrap;font-size:12px}.world-strip span:last-child,.world-strip i:nth-of-type(2){display:none}.world-strip i{font-size:5px}.section{padding:50px 22px}.section-label{font-size:8px;letter-spacing:1.5px;gap:10px}.section-label span{width:22px}h2,.intro h2{font-size:35px}.intro p{font-size:12px}.desktop-break{display:none}.ornament{margin-top:30px}.dragons-section{padding-top:10px}.section-heading h2{font-size:34px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.dragon-grid{grid-template-columns:1fr;gap:22px}.dragon-art{height:240px;background-size:auto 760px}.art-kael{background-position:12% 0}.art-aerion{background-position:100% 0}.art-vaelis{background-position:64% 0}.dragon-body{padding:8px 25px 23px}.dragon-body p{max-width:none;min-height:0;font-size:12px}.dragon-footnote{font-size:18px;line-height:1.6;padding:0 15px}.how-section h2{font-size:33px}.steps{grid-template-columns:1fr;margin-top:22px;gap:25px}.steps article{border-right:0;border-bottom:1px solid var(--border);padding:10px 0 28px}.steps article:last-child{padding-bottom:0}.steps h3{font-size:26px}.steps p{font-size:12px}.closing h2{font-size:36px}footer{padding:30px 20px;gap:16px;text-align:center}footer p{width:100%}dialog{padding:42px 23px 28px}dialog h2{font-size:33px}dialog p{font-size:19px}.chapter-meta .eyebrow{font-size:8px}.choices button{font-size:11px}}.game[data-tone=warm] .game-night{background:radial-gradient(ellipse at center,transparent 55%,#120808a0 100%)}.game[data-tone=hot] .game-night{background:radial-gradient(ellipse at center,#ff5a1a10 30%,#2a0a06c0)}.game[data-tone=cold] .game-night{background:radial-gradient(ellipse at center,#a8d0ff10 30%,#060a22b8)}.game[data-tone=deep] .game-night{background:radial-gradient(ellipse at center,transparent 30%,#03020ad0 100%)}.place-banner{position:absolute;top:18%;left:50%;transform:translate(-50%);margin:0;font:italic 34px var(--serif);color:#f3dcb8;text-shadow:0 2px 14px #000;opacity:0;transition:opacity .9s;pointer-events:none;white-space:nowrap}.place-banner.on{opacity:1}.hud-toast{position:absolute;top:66px;left:50%;transform:translate(-50%,-6px);margin:0;padding:8px 16px;background:#2c1826f2;border:1px solid #d6ad74;font-size:13px;color:#f3d9b0;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;max-width:calc(100% - 32px);text-align:center;z-index:3}.hud-toast.on{opacity:1;transform:translate(-50%)}.game.flying .hud-prompt,.game.flying .hud-hint,.game.flying .hud-hearts,.game.flying .touch-action,.game.flying .game-night{display:none}.flight-hud{position:absolute;bottom:22px;left:50%;transform:translate(-50%);margin:0;padding:8px 18px;background:#1a0e18d9;border:1px solid #b8905f80;font:italic 18px var(--serif);color:#ffe9b8;pointer-events:none}.flight-hud[hidden]{display:none}.card,.book,.overlay{position:absolute;inset:0;z-index:6;display:flex;overflow:auto;padding:24px 16px;background:#06030bf2;animation:fade-in .7s ease both}.card[hidden],.book[hidden],.overlay[hidden]{display:none}.card{background:#05030a;animation-duration:1.4s}.card.slow{animation-duration:3.5s}.card-inner{margin:auto;max-width:640px;text-align:center}.card h2{font-size:52px;line-height:1.1;margin:14px 0 16px;color:#f0dcc6;outline:none}.card p{font:italic 22px/1.55 var(--serif);color:#c9b5bd;margin-bottom:30px}.card .eyebrow{letter-spacing:3px}.book{background:#07040cdc}.book-panel{margin:auto;width:min(720px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:linear-gradient(#f0e2c8,#e3d0ad);color:#3a2418;border:2px solid #7a5a3c;box-shadow:0 0 0 4px #2c1826,0 30px 80px #000c;padding:22px 26px}.book-panel h2{font-size:32px;color:#5a2436;margin-bottom:10px}.book-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid #a58a64;padding-bottom:8px}.book-tab{background:none;border:1px solid transparent;color:#6a4a34;font-size:12px;padding:6px 10px}.book-tab[aria-selected=true]{background:#5a2436;color:#f6e6cc}.book-tab:focus-visible{outline:2px solid #5a2436;outline-offset:1px}.book-body{flex:1;overflow:auto;padding:12px 4px 12px 0;min-height:200px}.book-entry{padding:9px 0;border-bottom:1px dashed #b89f7a}.book-entry h3{font-size:21px;color:#5a2436}.book-entry p{font:17px/1.5 var(--serif);color:#3f2a1e;white-space:pre-line}.book-entry small{font-size:10px;letter-spacing:1px;color:#8a6a4a}.book-entry.song p{font-style:italic}.book-sub{margin-top:16px;font-size:18px;color:#5a2436}.book-empty{font:italic 19px/1.5 var(--serif);color:#7a5a44;padding:24px 0;text-align:center}.book-count{font-size:11px;letter-spacing:1px;color:#8a6a4a;margin-bottom:4px}.book-close{align-self:center;background:#5a2436;color:#f6e6cc;border:0;padding:9px 20px;font-size:12px;margin-top:10px}.overlay{background:#07040ce6}.overlay-panel{margin:auto;width:min(680px,100%);background:radial-gradient(ellipse at top,#472c3c,#21151f 70%);border:1px solid #9d7a59;box-shadow:0 30px 100px #000a;padding:26px 28px;text-align:center}.overlay h2{font-size:34px;color:#f0dcc6;outline:none;margin-bottom:8px}.overlay-text{font:19px/1.55 var(--serif);color:#cfbdc4;margin-bottom:14px}.bell-rhyme{margin:0 0 14px}.bell-rhyme p{font:italic 19px/1.45 var(--serif);color:#e8c999}.bell-trail{display:flex;justify-content:center;gap:9px;min-height:34px;margin-bottom:14px;font-size:22px;color:#6e5a62}.bell-trail.wrong{animation:bell-shake .4s}.bell-note.on{color:#ffd98a;text-shadow:0 0 10px #ffb84d}@keyframes bell-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.bell-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.bell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 2px 8px;background:#170f18;border:1px solid #a7825b90;color:#f0dcc6}.bell:hover,.bell:focus-visible{background:#a17a4b33;outline:none;border-color:#e2b980}.bell.bell-next{border-color:#ffd98a;box-shadow:0 0 12px #ffc14d80}.bell.rung{animation:bell-ring .5s}@keyframes bell-ring{25%{transform:rotate(-7deg)}60%{transform:rotate(6deg)}}.bell-mark{font-size:27px;line-height:1}.bell-name{font-size:12px}.bell-key{font-size:9px;color:#a98c74}.bell-hint{font:italic 18px/1.5 var(--serif);color:#e8c999;margin-top:12px;min-height:27px}.offer-list{display:grid;gap:7px;max-height:52dvh;overflow:auto;padding:2px;text-align:left}.offer-item{display:flex;flex-direction:column;gap:2px;background:#170f18c0;border:1px solid #a7825b70;padding:10px 12px;color:#e6d3c3}.offer-item:hover,.offer-item:focus-visible{background:#a17a4b2a;border-color:#e2b980;outline:none}.offer-item strong{font:19px var(--serif);color:#f0dcc6;font-weight:400}.offer-item span{font-size:12px;line-height:1.5;color:#bda9ae}.ask-form{display:flex;flex-direction:column;gap:14px}.ask-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#e4cbb0}.ask-form input{font:20px var(--serif);padding:10px 12px;background:#170f18;border:1px solid #a7825b;color:#f0dcc6}@media(max-width:700px){.card h2{font-size:38px}.card p{font-size:19px}.place-banner{font-size:25px}.overlay-panel{padding:20px 14px}.overlay h2{font-size:27px}.bell-row{gap:4px}.bell-mark{font-size:22px}.bell-name{font-size:10px}.book-panel{padding:16px}.book-panel h2{font-size:26px}.hud-btn{width:32px;height:32px;font-size:16px}.hud-hearts{font-size:13px;padding:5px}.hud-hint{order:3;position:absolute;left:10px;right:10px;top:50px;max-width:none}.hud-toast{top:104px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.game *{animation:none!important}}