@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color:#f6efe2;background:#12100d;font-family:Inter,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,select,input,textarea{font:inherit}button{color:inherit;border:1px solid rgba(220,187,117,.3);background:#16120db8;padding:.8rem 1.15rem;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;cursor:pointer;transition:.2s ease}button:hover:not(:disabled),button:focus-visible{border-color:#d8af62;background:#5d411ec7;transform:translateY(-1px);outline:none}button:disabled{opacity:.35;cursor:not-allowed}button.primary{border-color:#d8af62;background:linear-gradient(120deg,#714b1de0,#362714f0)}button.gold{color:#17110a;background:linear-gradient(135deg,#e2c27e,#a87731);font-weight:700}.app-shell,.game-canvas{position:fixed;inset:0;width:100%;height:100%}.game-canvas{display:block;outline:none;touch-action:none}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.eyebrow,small{letter-spacing:.2em;text-transform:uppercase;color:#d6b26d;font-size:.65rem}.main-menu{position:fixed;inset:0;display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,430px);align-items:center;padding:clamp(2rem,7vw,8rem);background:radial-gradient(circle at 70% 52%,transparent 0 10%,rgba(15,12,8,.2) 36%,rgba(9,8,6,.92) 80%),linear-gradient(115deg,#171b14,#42351e 45%,#987249 70%,#d0a06a);isolation:isolate}.main-menu:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.65;background:repeating-linear-gradient(106deg,transparent 0 46px,rgba(255,255,255,.025) 47px 48px),radial-gradient(ellipse at 72% 80%,#251b11 0 8%,transparent 9%),radial-gradient(ellipse at 60% 66%,#382617 0 6%,transparent 7%)}.main-menu:after{content:"";position:absolute;left:60%;bottom:7%;width:20vh;height:60vh;z-index:-1;opacity:.75;filter:drop-shadow(0 18px 18px #090705);background:linear-gradient(#2a2118 0 0) center 25%/35% 38% no-repeat,radial-gradient(circle,#bc8a5b 0 29%,#35271b 30% 52%,transparent 53%) center top/46% 18% no-repeat,linear-gradient(105deg,transparent 40%,#4b3422 41% 60%,transparent 61%) center 63%/100% 65% no-repeat}.brand-block{max-width:700px;text-shadow:0 3px 20px #000}.brand-block h1{margin:.7rem 0 .25rem;font:700 clamp(3.8rem,8vw,8rem)/.78 Cinzel,serif;letter-spacing:-.055em}.brand-block h1 span{color:#d8b56b}.brand-block>p{font:500 1.2rem Cinzel,serif;letter-spacing:.32em;text-transform:uppercase}.gold-rule{width:80px;height:1px;margin:2.5rem 0 1.4rem;background:#d8af62;box-shadow:30px 0 #d8af62}.brand-block h2{font:500 clamp(1.35rem,2vw,2.1rem) Cinzel,serif}.menu-actions{z-index:2;display:flex;flex-direction:column;gap:.55rem;padding:2rem;background:linear-gradient(130deg,#0f0d0ac7,#18130d59);border-left:1px solid rgba(226,194,126,.28);backdrop-filter:blur(14px)}.menu-actions button{text-align:left}.menu-actions .primary{display:flex;justify-content:space-between;align-items:center;padding:1.2rem}.menu-actions .primary b{font-size:.63rem;opacity:.7}.main-menu footer{position:absolute;bottom:1.2rem;left:clamp(2rem,7vw,8rem);color:#ffffff73;font-size:.67rem}.hud{--panel-opacity: .82;position:fixed;inset:0;pointer-events:none;z-index:5;text-shadow:0 2px 4px #000}.hud-panel{background:linear-gradient(110deg,rgba(13,12,10,var(--panel-opacity)),rgba(28,23,17,calc(var(--panel-opacity) * .55)));border:1px solid rgba(224,190,119,.22);backdrop-filter:blur(10px);box-shadow:0 8px 30px #00000047}.quest-tracker{position:absolute;top:2rem;left:2rem;width:min(340px,calc(100vw - 4rem));padding:1.15rem 1.3rem;border-left:2px solid #d9af61}.quest-tracker strong{display:block;margin:.35rem 0;font:600 1.08rem Cinzel,serif}.quest-tracker p{margin:.7rem 0 .45rem;font-size:.82rem}.quest-tracker>b{float:right;margin-top:-.85rem;color:#dbc17f;font-size:.73rem}.quest-progress{height:2px;width:82%;background:#ffffff26}.quest-progress span{display:block;height:100%;background:#e2bd6b;transition:width .4s}.compass{position:absolute;top:2rem;left:50%;transform:translate(-50%);padding:.5rem 2rem;border-bottom:1px solid #cda758;font-size:.65rem;letter-spacing:.28em;background:linear-gradient(90deg,transparent,rgba(0,0,0,.55),transparent)}.reticle{position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.65);border-radius:50%;transition:.2s}.reticle i{position:absolute;inset:7px;border-radius:50%;background:#fff}.reticle.action{width:28px;height:28px;border-color:#e0b557;box-shadow:0 0 18px #e0b55780}.interaction-prompt{position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%);padding:.65rem 1.1rem;background:#0a0907c7;border-bottom:1px solid #d5a94e;font-size:.76rem}.controls-hint{position:absolute;left:2rem;bottom:2rem;display:flex;gap:1.1rem;padding:.7rem 1rem;font-size:.64rem}kbd{color:#dfc27f;font-family:inherit;font-weight:700}.inventory{position:absolute;right:2rem;bottom:2rem;display:flex;align-items:center;gap:.8rem;padding:.8rem 1.1rem}.inventory .sling-icon{display:grid;place-items:center;width:42px;height:42px;color:#dfbd75;border:1px solid rgba(223,189,117,.4);border-radius:50%;font-size:2rem}.inventory strong{margin:0 .35rem;font:600 1.5rem Cinzel}.inventory span{color:#ffffff94;font-size:.66rem}.combat-callout{position:absolute;left:50%;bottom:7rem;transform:translate(-50%);text-align:center;color:#eee3ca;font-size:.75rem}.combat-callout strong{display:block;margin-top:.45rem;color:#e3bd6c;letter-spacing:.12em;text-transform:uppercase}.loading-screen{position:fixed;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle,#4b3821,#12100d 65%)}.loader-mark{display:grid;place-items:center;width:78px;height:78px;border:1px solid #c79c50;transform:rotate(45deg);font:700 1.2rem Cinzel;color:#dfbd75}.loader-mark:first-line{transform:rotate(-45deg)}.loading-screen h2{margin:3rem 0 .4rem;font:600 1.7rem Cinzel}.loading-screen p{opacity:.55}.loading-bar{width:280px;height:2px;margin-top:1rem;background:#ffffff21}.loading-bar span{display:block;height:100%;background:#d9af60;transition:width .25s}.modal,.scripture-dialogue,.cinematic-dialogue,.mission-result{position:fixed;z-index:30;background:linear-gradient(135deg,#120f0bf7,#251d13f0);border:1px solid rgba(222,183,105,.32);box-shadow:0 30px 100px #000000bf;backdrop-filter:blur(18px)}.modal{top:50%;left:50%;transform:translate(-50%,-50%);width:min(900px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;padding:2rem}.modal>header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid rgba(222,183,105,.2);margin-bottom:1.5rem}.modal h2{margin:.3rem 0 1.1rem;font:600 2rem Cinzel}.icon-button{border:0;background:transparent;font-size:1.7rem;padding:.2rem .5rem}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}fieldset{margin:0;padding:1.2rem;border:1px solid rgba(214,178,105,.2)}legend{padding:0 .5rem;color:#dfbb71;font:600 .85rem Cinzel}fieldset label{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin:1rem 0;color:#d7d0c4;font-size:.75rem}fieldset label input[type=range],fieldset label select{grid-column:1 / -1;width:100%;accent-color:#c4974c}fieldset select{color:#eee4d2;background:#211b13;border:1px solid #5f4929;padding:.45rem}fieldset label.check{display:flex;align-items:center}.settings-modal>footer{margin-top:1.4rem;text-align:right}.journal-modal article{margin:1rem 0;padding:1rem 1.2rem;border-left:2px solid rgba(210,169,87,.55);background:#ffffff09}.journal-modal article p{line-height:1.65;color:#ddd4c4}.about-modal{max-width:620px}.about-modal p{line-height:1.7;color:#d9d0c2}.pause-menu{width:min(420px,calc(100vw - 2rem));display:flex;flex-direction:column;gap:.65rem;text-align:center}.scripture-dialogue{--dialogue-scale: 1;left:50%;bottom:3vh;width:min(920px,calc(100vw - 3rem));transform:translate(-50%) scale(var(--dialogue-scale));transform-origin:bottom center;padding:1.5rem 1.7rem}.scripture-dialogue header{display:flex;justify-content:space-between;align-items:end}.scripture-dialogue header strong{display:block;font:600 1.2rem Cinzel;color:#e3c079}.scripture-dialogue header>span{color:#a89e8c;font-size:.65rem}.scripture-dialogue blockquote{margin:1rem 0;padding:.8rem 1rem;border-left:2px solid #c99a49;font:500 1rem/1.65 Cinzel,serif}.scripture-dialogue blockquote.concealed{filter:blur(8px);user-select:none}.recitation-progress{display:flex;gap:.4rem}.recitation-progress span{flex:1;height:2px;background:#ffffff26}.recitation-progress span.done{background:#d4aa59}.scripture-dialogue label{display:block;margin:.85rem 0 .4rem;color:#c6bda9;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.scripture-dialogue textarea{width:100%;height:72px;resize:none;padding:.75rem;color:#f4ead8;background:#00000047;border:1px solid rgba(221,183,107,.25)}.privacy-note{margin:.35rem 0;color:#8f8779;font-size:.6rem}.scripture-dialogue footer{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.8rem}.match-result{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .8rem;color:#e4ba8a;background:#82301829;font-size:.7rem}.match-result.success{color:#bcd18e;background:#45672a38}.error-text{color:#e4a87e;font-size:.7rem}.cinematic-dialogue{top:50%;left:50%;width:min(760px,calc(100vw - 3rem));transform:translate(-50%,-50%);padding:2rem;text-align:center}.cinematic-dialogue h2{font:600 2.2rem Cinzel}.cinematic-dialogue blockquote{display:grid;gap:.4rem;margin:1.2rem 0;font:500 1rem/1.65 Cinzel}.cinematic-dialogue blockquote b{color:#c9a45d;font:600 .65rem Inter}.mission-result{inset:0;display:grid;place-content:center;justify-items:center;padding:3rem;text-align:center;border:0;background:radial-gradient(circle at center,#503c20f0,#0b0a08fa 68%)}.mission-result h1{margin:.6rem 0;font:700 clamp(2.5rem,5vw,5rem) Cinzel}.seal{display:grid;place-items:center;width:60px;height:60px;margin:1rem;color:#161008;background:#d8b363;border-radius:50%;font-size:1.8rem}.ending-verse{max-width:820px;color:#d9cfbd;font:500 1rem/1.7 Cinzel}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);width:min(820px,90vw);margin:1.5rem 0;border-block:1px solid rgba(220,180,98,.3)}.result-grid div{padding:1.2rem;border-right:1px solid rgba(220,180,98,.18)}.result-grid span,.result-grid strong{display:block}.result-grid span{margin-bottom:.5rem;color:#988f80;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.result-grid strong{font:600 .95rem Cinzel}.mission-result footer{display:flex;gap:.6rem}.mobile-notice{position:fixed;z-index:60;left:50%;bottom:1rem;transform:translate(-50%);width:min(560px,calc(100vw - 2rem));padding:.8rem 1rem;background:#211a11;border:1px solid #aa8246;box-shadow:0 10px 40px #000;font-size:.72rem}.mobile-notice button{float:right;padding:.35rem .6rem}@media(max-width:820px){.main-menu{grid-template-columns:1fr;padding:2rem}.brand-block h1{font-size:3.6rem}.brand-block>p,.main-menu:after{display:none}.menu-actions{padding:1rem}.settings-grid{grid-template-columns:1fr}.controls-hint{display:none}.quest-tracker{top:1rem;left:1rem}.inventory{right:1rem;bottom:1rem}.scripture-dialogue{transform:translate(-50%);width:calc(100vw - 1rem);bottom:.5rem;max-height:calc(100vh - 1rem);overflow:auto}.scripture-dialogue footer,.mission-result footer{flex-direction:column}.result-grid{grid-template-columns:repeat(2,1fr)}}
