@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=IM+Fell+English:ital@0;1&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-void: #0a0a0f;--color-parchment: #c8a96e;--color-gold: #d4af37;--color-crimson: #8b1a1a;--color-azure: #2a4a7f;--color-mist: #1e1e2e;--color-mist-light:#2a2a3e;--font-title: "Cinzel", Georgia, serif;--font-body: "IM Fell English", Georgia, serif;--transition-ms: 600}html,body{height:100%;background:var(--color-void);color:var(--color-parchment);font-family:var(--font-body);font-size:17px;line-height:1.7}body{display:grid;grid-template-rows:56px 1fr;height:100vh;overflow:hidden}#game-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:#0a0a0ff2;border-bottom:1px solid rgba(212,175,55,.25);position:relative;z-index:10}#game-title{font-family:var(--font-title);font-size:1.1rem;letter-spacing:.35em;color:var(--color-gold);text-transform:uppercase}#sphere-progress{display:flex;gap:10px;align-items:center}.sphere-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(212,175,55,.3);background:transparent;transition:all .4s ease;cursor:help;position:relative}.sphere-dot.active{border-color:var(--color-gold);background:var(--color-gold);box-shadow:0 0 8px var(--color-gold);animation:sphere-pulse 2s ease-in-out infinite}.sphere-dot.defeated{border-color:var(--color-parchment);background:#c8a96e66}@keyframes sphere-pulse{0%,to{box-shadow:0 0 6px var(--color-gold)}50%{box-shadow:0 0 14px var(--color-gold),0 0 24px #d4af374d}}#save-controls{display:flex;gap:8px}#save-controls button{font-family:var(--font-title);font-size:.65rem;letter-spacing:.1em;padding:4px 10px;border:1px solid rgba(212,175,55,.4);background:transparent;color:var(--color-parchment);cursor:pointer;transition:all .2s}#save-controls select{font-family:var(--font-title);font-size:.62rem;letter-spacing:.06em;padding:4px 8px;border:1px solid rgba(212,175,55,.4);background:#0a0a0ff5;color:var(--color-parchment);cursor:pointer}#save-controls button:hover{border-color:var(--color-gold);color:var(--color-gold);background:#d4af370d}#save-controls button:disabled,#save-controls select:disabled{opacity:.5;cursor:not-allowed}#save-controls button[aria-pressed=true]{border-color:var(--color-gold);color:var(--color-gold);background:#d4af371a}#game-main{display:grid;grid-template-columns:1fr 360px;overflow:hidden}#scene-panel{display:block;overflow-y:auto;padding:2rem 2.5rem;position:relative;background:radial-gradient(ellipse at 50% 30%,rgba(30,20,50,.8) 0%,var(--color-void) 70%);border-right:1px solid rgba(212,175,55,.1)}#scene-panel.archon-active{background:radial-gradient(ellipse at 50% 30%,var(--archon-theme, rgba(30, 20, 50, .8)) 0%,var(--color-void) 70%)}#scene-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.8rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(212,175,55,.15);min-height:80px;width:100%;max-width:980px;margin-left:auto;margin-right:auto}#archon-portrait{width:80px;height:80px;flex-shrink:0;border-radius:50%;background:var(--color-mist);position:relative;overflow:visible}#archon-portrait.no-archon{background:transparent;width:0}#scene-title-block{flex:1;padding-top:4px}#sphere-label{font-family:var(--font-title);font-size:.7rem;letter-spacing:.2em;color:var(--color-gold);text-transform:uppercase;margin-bottom:4px;opacity:.8}#scene-title{font-family:var(--font-title);font-size:1.4rem;font-weight:400;color:var(--color-parchment);line-height:1.3}#scene-art{width:min(100%,620px);margin:0 auto 1.25rem;border:1px solid rgba(212,175,55,.18);background:linear-gradient(180deg,#d4af370d,#0a0a0f33),#00000029;box-shadow:0 14px 36px #00000047,inset 0 0 0 1px #d4af370a;overflow:hidden;border-radius:2px}#scene-art[hidden]{display:none}#scene-art-image{display:block;width:100%;height:170px;object-fit:cover;object-position:center 40%;filter:saturate(.92) contrast(1.04)}#scene-text{display:block;cursor:pointer;width:100%;max-width:1060px;margin:0 auto;font-size:1.02rem;line-height:1.78;overflow:visible}#scene-text p{margin-bottom:1.18em}#scene-text p:last-child{margin-bottom:0}.typewriter-cursor{display:inline-block;width:2px;height:1em;background:var(--color-gold);margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#context-note{display:block;clear:both;margin:2rem auto 0;padding:.8rem 1rem .8rem 1.2rem;border-left:2px solid var(--color-gold);background:#d4af370f;font-style:italic;font-size:.9rem;color:#c8a96ed9;line-height:1.6;width:100%;max-width:980px}#context-note[hidden]{display:none}#choices{clear:both;margin:2rem auto 0;display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:860px}.choice-btn{display:block;width:100%;font-family:var(--font-body);font-size:1rem;font-style:italic;padding:.75rem 1.2rem;text-align:center;border:1px solid rgba(212,175,55,.3);background:#d4af3708;color:var(--color-parchment);cursor:pointer;transition:all .2s ease;line-height:1.5;max-width:420px;align-self:center}.choice-btn:hover{border-color:var(--color-gold);background:#d4af3714;color:var(--color-gold);transform:translate(4px)}.choice-btn.correct-glow{border-color:var(--color-gold);background:#d4af3714;animation:gnosis-flash .6s ease}.choice-btn.rebuke-glow{border-color:var(--color-crimson);animation:rebuke-flash .6s ease}@keyframes gnosis-flash{0%{background:#d4af3766;border-color:var(--color-gold)}to{background:#d4af3714}}@keyframes rebuke-flash{0%{background:#8b1a1a80;border-color:var(--color-crimson)}to{background:#d4af3708}}.rebuke-text{color:#c86464e6;font-style:italic;padding:.8rem 1rem;border-left:2px solid var(--color-crimson);background:#8b1a1a14;margin-top:1rem}#archon-portrait.archon-ialdabaoth{background:radial-gradient(circle at 50% 45%,#d4a020 25%,#8a5010 55%,#3a1a00);border-radius:50%;box-shadow:0 0 0 3px #c8a040,0 0 0 7px #4a2060cc,0 0 20px 8px #c8a04059,inset 0 -15px 20px #00000080}#archon-portrait.archon-ialdabaoth:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:transparent;box-shadow:-18px -6px 0 5px #c8962899,18px -6px 0 5px #c8962899,-20px 8px 0 4px #a06e1480,20px 8px 0 4px #a06e1480,0 -20px 0 4px #b4821e66}#archon-portrait.archon-iao{background:radial-gradient(circle,#304a38 30%,#0a1e10);border-radius:50%;box-shadow:0 0 0 2px #40a060,0 0 15px 5px #40a0604d;overflow:visible}#archon-portrait.archon-iao:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:transparent;box-shadow:0 -28px 0 4px #40a060b3,24px -14px 0 4px #40a060b3,24px 14px 0 4px #40a060b3,0 28px 0 4px #40a060b3,-24px 14px 0 4px #40a060b3,-24px -14px 0 4px #40a060b3,0 0 0 4px #40a060b3}#archon-portrait.archon-sabaoth{background:linear-gradient(160deg,#2a1040,#6040a0 60%,#c0a0ff);clip-path:polygon(50% 0%,93% 75%,7% 75%);border-radius:0;box-shadow:0 8px 24px #a080ff66}#archon-portrait.archon-adonaios{background:radial-gradient(circle,#fff8c0 20%,#d4a020 50%,#6a4000);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border-radius:0;box-shadow:0 0 30px 10px #d4af3780}#archon-portrait.archon-elaios{background:linear-gradient(135deg,#6a0a0a,#c03030,#400000);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border-radius:0;box-shadow:0 0 20px 8px #c0303066}#archon-portrait.archon-astaphanos{background:linear-gradient(180deg,#d4af37,#0a2a6a 40%,#040d24);clip-path:polygon(15% 40%,35% 0%,65% 0%,85% 40%,100% 100%,0% 100%);border-radius:0;box-shadow:0 0 20px 6px #4060c866}#archon-portrait.archon-iaoth{background:radial-gradient(circle at 50% 55%,#304050 30%,#101820);border-radius:50%;box-shadow:0 0 0 2px #607080,0 0 15px 5px #6070804d}#archon-portrait.archon-iaoth:before{content:"";position:absolute;top:50%;left:50%;width:120px;height:30px;transform:translate(-50%,-50%) rotate(-20deg);border:3px solid rgba(96,112,128,.7);border-radius:50%;pointer-events:none}#codex-panel{display:flex;flex-direction:column;background:var(--color-mist);border-left:1px solid rgba(212,175,55,.1);overflow:hidden;transition:box-shadow .4s ease}#codex-panel.unlocked-flash{box-shadow:inset 0 0 20px #d4af3733,0 0 0 1px var(--color-gold);animation:codex-flash 1s ease forwards}@keyframes codex-flash{0%{box-shadow:inset 0 0 20px #d4af3766,0 0 0 2px var(--color-gold)}to{box-shadow:inset 0 0 0 transparent,0 0 0 0 transparent}}#codex-header{padding:1rem 1rem 0;border-bottom:1px solid rgba(212,175,55,.1);flex-shrink:0}#codex-title{font-family:var(--font-title);font-size:.8rem;letter-spacing:.3em;color:var(--color-gold);text-transform:uppercase;margin-bottom:.6rem}#codex-about{margin-bottom:.85rem;padding:.7rem .8rem;border:1px solid rgba(212,175,55,.12);background:linear-gradient(180deg,#d4af370f,#ffffff03);color:#c8a96ec7;font-size:.8rem;line-height:1.55}#codex-search{width:100%;background:#ffffff08;border:1px solid rgba(212,175,55,.2);color:var(--color-parchment);padding:6px 10px;font-family:var(--font-body);font-size:.85rem;outline:none;margin-bottom:.7rem}#codex-search:focus{border-color:#d4af3780}#codex-search::placeholder{color:#c8a96e66}#codex-tabs{display:flex;gap:2px;margin:0 -1rem;padding:0 1rem}.codex-tab{font-family:var(--font-title);font-size:.6rem;letter-spacing:.08em;padding:5px 8px;border:none;border-bottom:2px solid transparent;background:transparent;color:#c8a96e80;cursor:pointer;text-transform:uppercase;transition:all .2s;flex:1;text-align:center}.codex-tab:hover{color:var(--color-parchment)}.codex-tab.active{color:var(--color-gold);border-bottom-color:var(--color-gold)}#codex-body{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}#codex-list{flex:1;overflow-y:auto;padding:.5rem 0}.codex-entry-item{padding:.6rem 1rem;cursor:pointer;border-bottom:1px solid rgba(212,175,55,.05);transition:all .2s;animation:entry-appear .4s ease}@keyframes entry-appear{0%{opacity:0;transform:translate(-8px);background:#d4af3726}to{opacity:1;transform:translate(0)}}.codex-entry-item:hover{background:#d4af370d}.codex-entry-item.selected{background:#d4af3714;border-left:2px solid var(--color-gold)}.codex-entry-title{font-family:var(--font-title);font-size:.8rem;color:var(--color-gold);margin-bottom:2px}.codex-entry-short{font-size:.78rem;color:#c8a96eb3;line-height:1.4}.codex-empty{padding:2rem 1rem;text-align:center;font-style:italic;color:#c8a96e66;font-size:.85rem}#codex-detail{border-top:1px solid rgba(212,175,55,.15);padding:1rem;overflow-y:auto;max-height:55%;background:#0003}#codex-detail[hidden]{display:none}#codex-detail-title{font-family:var(--font-title);font-size:1rem;color:var(--color-gold);margin-bottom:.3rem}#codex-detail-category{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#c8a96e80;margin-bottom:.8rem}#codex-detail-full{font-size:.88rem;line-height:1.65;margin-bottom:.8rem;color:#c8a96ee6}#codex-detail-full p{margin-bottom:.6em}.codex-comparison{margin-top:.5rem;padding:.5rem .7rem;background:#2a4a7f26;border-left:2px solid var(--color-azure);margin-bottom:.4rem}.codex-comparison-tradition{font-family:var(--font-title);font-size:.7rem;letter-spacing:.1em;color:#6496dccc;text-transform:uppercase;margin-bottom:3px}.codex-comparison-note{font-size:.82rem;color:#c8a96ebf;line-height:1.5}.codex-sources{margin-top:.6rem;font-size:.75rem;color:#c8a96e80;font-style:italic}#transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-void);opacity:0;pointer-events:none;z-index:100;transition:opacity .3s ease}#transition-overlay.active{opacity:1;pointer-events:all}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4af3733;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4af3766}@media (max-width: 768px){body{grid-template-rows:50px 1fr}#game-main{grid-template-columns:1fr;grid-template-rows:1fr auto}#codex-panel{max-height:35vh;border-left:none;border-top:1px solid rgba(212,175,55,.2)}#scene-panel{padding:1.2rem}#scene-header,#scene-text,#context-note,#choices,#scene-art{max-width:100%}#scene-art{width:100%;margin-bottom:1rem}#scene-art-image{height:180px}#save-controls{display:none}}