@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap";:root{color-scheme:dark;--ink: #e0d9bc;--muted: #a79e82;--panel: rgba(20, 17, 13, .58);--line: rgba(222, 209, 158, .26);--gold: #dbbc55;--spell: #7fd7ff;--violet: #7b4cff;--deep-violet: #231339;--book-font: "Cormorant Garamond", "Hoefler Text", "Cochin", "Baskerville", Georgia, serif}*{box-sizing:border-box}html,body,#app,#sceneMount{width:100%;height:100%;margin:0;overflow:hidden}body{background:#060706;color:var(--ink);font-family:Palatino,Book Antiqua,Georgia,serif}button{font:inherit}canvas{display:block;width:100vw!important;height:100vh!important;image-rendering:auto}.loading-screen{position:fixed;inset:0;z-index:40;display:grid;place-items:end center;padding:clamp(22px,4vw,52px);background:linear-gradient(180deg,#05040829,#040307bd 55%,#020104f0),radial-gradient(circle at 50% 25%,rgba(148,94,255,.18),transparent 46%),#050407;background-size:cover;background-position:center;opacity:1;transition:opacity .36s ease,visibility .36s ease}.loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-panel{width:min(620px,calc(100vw - 28px));border:1px solid rgba(222,190,91,.66);background:linear-gradient(180deg,#221336e0,#0a070deb),#0a070de6;padding:18px 20px 17px;box-shadow:0 24px 90px #000000b3,inset 0 0 0 1px #734abe85,inset 0 0 38px #5b34a447}.loading-kicker{color:#debe5bdb;font-size:11px;text-transform:uppercase;letter-spacing:0}.loading-panel h1{margin:6px 0;color:#fff0bd;font-size:clamp(30px,5vw,48px);line-height:1;text-shadow:2px 2px 0 #180a2a,0 0 28px rgba(123,76,255,.42)}.loading-panel p{margin:0 0 12px;color:#f5e6bde0;font-size:17px}.loading-bar{position:relative;height:18px;border:1px solid rgba(232,202,105,.68);background:linear-gradient(90deg,#130a21f2,#231339f2),#160c24;overflow:hidden;box-shadow:inset 0 0 12px #0000009e}.loading-fill{width:0%;height:100%;background:linear-gradient(90deg,#5e36d5,#9b67ff 48%,#d9b95d);box-shadow:0 0 22px #9a67ffb8;transition:width .18s ease}.loading-percent{margin-top:8px;color:#d9b95d;font-size:14px;text-align:right}#hud{position:fixed;left:16px;top:14px;z-index:5;display:flex;gap:8px;pointer-events:none}.hud-chip{min-width:86px;border:1px solid var(--line);background:var(--panel);padding:7px 9px;box-shadow:0 9px 18px #00000047}.hud-chip span{display:block;color:var(--muted);font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:0}.hud-chip strong{display:block;color:var(--gold);font-size:15px;font-weight:700;line-height:1.1;margin-top:5px}.fullscreen-button{position:fixed;top:14px;right:16px;z-index:6;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(222,209,158,.42);border-radius:3px;background:#0d0a079e;color:#f6efd3;cursor:pointer;font-size:23px;line-height:1;text-shadow:0 0 12px rgba(219,188,85,.42);box-shadow:0 9px 18px #00000047,inset 0 0 0 1px #734abe2e}.fullscreen-button:hover,.fullscreen-button:focus-visible{border-color:#dbbc55d1;background:#221336c7;outline:none}.fullscreen-button[hidden],#prompt{display:none}#startButton{pointer-events:auto;appearance:none;border:1px solid rgba(222,209,158,.52);border-radius:2px;background:#0d0a07c7;color:#f6efd3;padding:13px 18px;cursor:pointer;box-shadow:0 18px 60px #0000008c}#subtitle{position:fixed;left:50%;bottom:76px;z-index:7;min-height:28px;transform:translate(-50%);color:var(--spell);font-size:22px;font-weight:700;letter-spacing:0;text-shadow:2px 2px 0 #16262b,0 0 14px rgba(127,215,255,.62);pointer-events:none}#interactionPrompt{position:fixed;left:50%;bottom:122px;z-index:7;transform:translate(-50%);border:1px solid rgba(219,188,85,.68);background:#120d08c7;color:#fff1bf;padding:9px 14px;font-size:20px;font-weight:700;text-shadow:2px 2px 0 #160f08;pointer-events:none;box-shadow:0 16px 38px #0000007a}#interactionPrompt.is-hidden,.quiz-modal.is-hidden,.dialogue-bar.is-hidden,.book-overlay.is-hidden,.book-dive-button.is-hidden{display:none}.dialogue-bar{position:fixed;left:0;right:0;bottom:0;z-index:18;min-height:132px;border-top:2px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#020203e0,#000000f5),#000;padding:18px clamp(18px,6vw,84px) 22px;color:#f7f2df;box-shadow:0 -22px 60px #0000009e;pointer-events:none}.dialogue-speaker{color:#d6b85c;font-size:15px;line-height:1;text-transform:uppercase;letter-spacing:0;margin-bottom:8px}.dialogue-text{margin:0;max-width:1100px;font-size:clamp(22px,3vw,38px);line-height:1.18;text-shadow:2px 2px 0 #23170c}.dialogue-hint{position:absolute;right:clamp(18px,6vw,84px);bottom:17px;color:#d6b85cbd;font-size:13px;text-transform:uppercase;letter-spacing:0}.quiz-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#0003,#000000bd),#07050373}.quiz-panel{position:relative;width:min(620px,calc(100vw - 28px));border:1px solid rgba(96,52,22,.7);border-radius:4px;background:linear-gradient(90deg,rgba(116,73,31,.24),transparent 10%,transparent 90%,rgba(116,73,31,.24)),linear-gradient(180deg,#f4dfad,#dfbd78 52%,#c99b53);color:#3a2010;padding:28px 30px 24px;box-shadow:0 30px 90px #000000b8,inset 0 0 0 2px #fff4cd6b,inset 0 0 42px #522c1047}.quiz-panel:before,.quiz-panel:after{content:"";position:absolute;left:18px;right:18px;height:12px;border-radius:50%;background:#40230f2e;filter:blur(8px)}.quiz-panel:before{top:8px}.quiz-panel:after{bottom:8px}.quiz-close{position:absolute;right:12px;top:8px;appearance:none;border:0;background:transparent;color:#5b3417;font-size:30px;line-height:1;cursor:pointer}.quiz-progress{color:#7b4d1f;font-size:12px;text-transform:uppercase;letter-spacing:0}.quiz-panel h1{margin:6px 0 12px;color:#2c170c;font-size:30px;line-height:1.05;text-shadow:0 1px 0 rgba(255,248,220,.72)}#quizQuestion{margin:0 0 16px;font-size:20px;line-height:1.32}.quiz-options{display:grid;gap:9px}.quiz-option{appearance:none;border:1px solid rgba(96,55,22,.38);border-radius:3px;background:#fff4cf70;color:#2d190d;padding:10px 12px;text-align:left;cursor:pointer;font-size:17px;line-height:1.25}.quiz-option:hover,.quiz-option:focus-visible{outline:0;background:#fff7dcb8;border-color:#532c11c2}.quiz-feedback{min-height:24px;margin:14px 0 0;color:#623812;font-size:16px;line-height:1.32;text-shadow:0 1px 0 rgba(255,247,220,.65)}.book-overlay{position:fixed;inset:0;z-index:24;display:grid;place-items:center;padding:clamp(14px,3vw,34px);background:radial-gradient(circle at 50% 38%,rgba(196,151,75,.18),transparent 34%),radial-gradient(circle at 50% 42%,#0000002e,#000000c7),#070503ad}.book-shell{position:relative;width:min(980px,calc(100vw - 28px));color:#2a180c;font-family:var(--book-font);font-variant-numeric:oldstyle-nums}.book-shell,.book-shell *,.book-shell button{font-family:var(--book-font)}.book-spread{display:grid;grid-template-columns:1fr 1fr;min-height:min(610px,calc(100vh - 128px));border:2px solid rgba(90,48,19,.72);border-radius:4px;background:linear-gradient(90deg,transparent calc(50% - 10px),rgba(71,39,17,.38) 50%,transparent calc(50% + 10px)),linear-gradient(90deg,#f3dfad,#e5c584 49.5%,#d5ad68 50.5%,#f2dda8);box-shadow:0 34px 110px #000000c7,inset 0 0 0 2px #fff6d66b,inset 0 0 58px #5c311442;overflow:hidden}.book-page{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,5vw,58px)}.book-page--left{border-right:1px solid rgba(86,48,23,.32)}.book-kicker{color:#7b4b1f;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:0;margin-bottom:12px}.book-page h1{margin:0 0 18px;color:#2f1809;font-size:clamp(34px,6vw,64px);font-weight:700;line-height:.95;text-shadow:0 1px 0 rgba(255,249,226,.86),0 0 12px rgba(95,50,16,.12)}.book-page p{margin:0;font-size:clamp(18px,2.2vw,27px);font-weight:500;line-height:1.38}.book-dive-button{align-self:flex-start;margin-top:26px;appearance:none;border:1px solid rgba(78,42,17,.7);border-radius:3px;background:linear-gradient(180deg,#5e3217,#2b1509);color:#ffe8a6;padding:12px 16px;cursor:pointer;font-size:20px;font-weight:700;box-shadow:0 10px 24px #4b270c47}.book-close{position:absolute;right:12px;top:8px;z-index:2;appearance:none;border:0;background:transparent;color:#5b3417;font-size:34px;font-weight:700;line-height:1;cursor:pointer}.book-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;color:#f2d68a;font-size:18px;font-weight:600;text-shadow:1px 1px 0 #120b06}.book-nav-button{display:inline-grid;place-items:center;width:38px;height:34px;appearance:none;border:1px solid rgba(222,190,91,.66);border-radius:3px;background:#120c06c7;color:#ffe6a0;cursor:pointer;font-size:20px;font-weight:700}.book-nav-button:disabled{opacity:.35;cursor:default}.book-hint{margin-top:8px;color:#f2d68ab3;text-align:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0}#psControls{position:fixed;right:14px;bottom:18px;z-index:5;display:grid;grid-template-columns:repeat(2,minmax(0,auto));gap:7px 13px;max-width:min(620px,calc(100vw - 28px));border:1px solid rgba(222,209,158,.2);background:#0a080685;color:#eae0bed1;padding:9px 11px;font-size:12px;line-height:1.2;pointer-events:none;white-space:nowrap}#psControls span{display:flex;align-items:center;gap:5px}.ps-btn{display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid rgba(235,228,200,.52);border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffff4d,#0f1012d6);color:#f7f0da;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1;text-shadow:1px 1px 0 #020202}.ps-dpad,.ps-shoulder{display:inline-grid;place-items:center;height:19px;border:1px solid rgba(235,228,200,.48);background:radial-gradient(circle at 35% 28%,#ffffff38,#0f1012db);color:#f7f0da;font-family:Arial,Helvetica,sans-serif;line-height:1;text-shadow:1px 1px 0 #020202}.ps-dpad{width:19px;border-radius:4px;color:#ffe39d;transform:rotate(45deg)}.ps-dpad+kbd{margin-left:2px}.ps-shoulder{min-width:24px;padding:0 5px;border-radius:3px;color:#e9d28c;font-size:10px;font-weight:700}.ps-triangle{color:#62e28f}.ps-cross{color:#7db8ff}.ps-square{color:#ee84bd}.ps-circle{color:#ff8072}#psControls kbd{min-width:18px;border:1px solid rgba(234,224,190,.3);background:#0000003d;padding:1px 4px;color:#ffe6a0;font:inherit}#touchControls{position:fixed;inset:auto 0 18px;z-index:9;display:none;justify-content:space-between;align-items:end;gap:14px;padding:0 16px;pointer-events:none;touch-action:none}.touch-dpad,.touch-actions,.touch-spells{pointer-events:auto}.touch-dpad{display:grid;grid-template-areas:". up ." "left down right";grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:8px}.touch-actions{display:grid;grid-template-columns:repeat(2,54px);gap:10px;align-items:center;margin-left:auto}.touch-spells{position:absolute;right:18px;bottom:122px;display:flex;gap:10px}.touch-btn{display:grid;place-items:center;width:100%;min-width:44px;height:44px;appearance:none;border:1px solid rgba(235,228,200,.5);border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffffff52,#151210db 62%,#030304f0),#0a0806b8;color:#f7f0da;font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:700;line-height:1;text-shadow:1px 1px 0 #020202;box-shadow:0 8px 24px #0000006b;user-select:none;-webkit-user-select:none;touch-action:none}.touch-btn:active{transform:translateY(1px) scale(.98);border-color:#ffe6a0c7;color:#ffe6a0}.touch-up{grid-area:up}.touch-left{grid-area:left}.touch-down{grid-area:down}.touch-right{grid-area:right}.touch-action,.touch-jump{width:54px;height:54px}.touch-action{color:#7db8ff}.touch-jump{color:#62e28f}.touch-spell{width:44px;height:44px;min-width:44px;color:#ffe6a0;font-size:16px}#controlsHint{display:none}#grain,#scanline,#vignette{position:fixed;inset:0;pointer-events:none}#grain{z-index:3;opacity:.08;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 18% 29%,rgba(255,255,255,.5) 0 1px,transparent 1px),radial-gradient(circle at 78% 61%,rgba(255,255,255,.3) 0 1px,transparent 1px);background-size:5px 7px,11px 13px;animation:grainShift 1.2s steps(4) infinite}#scanline{z-index:4;opacity:.06;background:repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 1px,transparent 1px,transparent 4px)}#vignette{z-index:4;background:radial-gradient(circle at 50% 42%,transparent 0 50%,rgba(4,4,3,.14) 73%,rgba(0,0,0,.58) 100%),linear-gradient(180deg,rgba(0,0,0,.18),transparent 24%,rgba(0,0,0,.16))}@keyframes grainShift{0%{transform:translateZ(0)}25%{transform:translate3d(-1%,1%,0)}50%{transform:translate3d(1%,-1%,0)}75%{transform:translate3d(-1%,-1%,0)}to{transform:translateZ(0)}}@media (max-width: 680px){#hud{left:10px;top:10px}.hud-chip{min-width:72px;padding:6px 7px}#controlsHint{white-space:normal;text-align:center}.book-spread{grid-template-columns:1fr;min-height:auto;max-height:calc(100vh - 116px);overflow-y:auto}.book-page--left{border-right:0;border-bottom:1px solid rgba(86,48,23,.32)}}@media (pointer: coarse),(max-width: 760px){#touchControls{display:flex}#psControls{right:12px;bottom:184px;max-width:calc(100vw - 24px)}#subtitle{bottom:150px}#interactionPrompt{bottom:192px;max-width:calc(100vw - 24px);text-align:center}}