:root{--color-void: #10130f;--color-parchment: #e8ddc0;--color-gold: #b8923a;--color-crimson: #a3273a;--color-azure: #2f7a68;--color-mist: #182019;--color-ink: #8a8570;--color-trigram: #3a4a3e;--font-title: "Cinzel", "Songti SC", Georgia, serif;--font-body: "Noto Serif", "Songti SC", Georgia, serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--color-void);color:var(--color-parchment);font-family:var(--font-body);font-size:18px;line-height:1.72;overflow:hidden}#game-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#0a0c09;border-bottom:2px solid rgba(184,146,58,.35);height:54px;flex-shrink:0}#game-title{font-family:var(--font-title);font-size:1rem;letter-spacing:.18em;color:var(--color-gold);text-transform:uppercase}#trigrams-progress{display:flex;gap:7px;align-items:center}.trigrams-dot{width:9px;height:9px;border-radius:50%;background:#e8ddc026;border:1px solid rgba(232,221,192,.25);transition:background .6s,border-color .6s,box-shadow .6s;cursor:default}.trigrams-dot.active{background:#4a9a80;border-color:#6ab8a0;box-shadow:0 0 10px #4a9a80b3;animation:dot-pulse 2.5s ease-in-out infinite}.trigrams-dot.understood{background:#b8923a99;border-color:#b8923acc}@keyframes dot-pulse{0%,to{box-shadow:0 0 6px #4a9a8099}50%{box-shadow:0 0 16px #4a9a80e6,0 0 28px #4a9a804d}}#save-controls{display:flex;gap:8px}#save-controls button{font-family:var(--font-title);font-size:.68rem;letter-spacing:.06em;color:#e8ddc0cc;background:none;border:1px solid rgba(232,221,192,.3);border-radius:3px;padding:4px 10px;cursor:pointer;transition:color .2s,border-color .2s}#save-controls button:hover{color:var(--color-gold);border-color:#b8923a99}#game-main{display:grid;grid-template-columns:1fr 320px;height:calc(100vh - 54px);overflow:hidden}#scene-panel{display:flex;flex-direction:column;padding:24px 36px;overflow-y:auto;background:radial-gradient(ellipse at 50% 15%,rgba(58,74,62,.18) 0%,var(--color-void) 60%);position:relative}#scene-panel.trigram-active{background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--trigram-theme, #3a4a3e) 16%,var(--color-void)) 0%,var(--color-void) 60%)}#scene-header{display:flex;align-items:flex-start;gap:18px;margin-bottom:22px}#trigram-portrait{width:58px;height:58px;flex-shrink:0;border-radius:50%;border:1.5px solid rgba(74,154,128,.4);background:#182019;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:1.5rem;color:var(--color-gold);box-shadow:0 2px 12px #3a4a3e66,0 0 0 3px #10130fcc}.no-trigram{opacity:0}.trigram-sage{background:#1c2018;color:#e8ddc0;border-color:#6a7a5a}.trigram-sage:before{content:"易";font-size:1.2rem}.trigram-qian{background:#2e2408;color:#e8c878;border-color:#9c7818}.trigram-qian:before{content:"☰"}.trigram-kun{background:#241c10;color:#d8b878;border-color:#7a5c3a}.trigram-kun:before{content:"☷"}.trigram-zhen{background:#380a14;color:#e08098;border-color:#a3273a}.trigram-zhen:before{content:"☳"}.trigram-xun{background:#0a2a20;color:#60c8a8;border-color:#2f7a68}.trigram-xun:before{content:"☴"}.trigram-kan{background:#0a1c2a;color:#70a8c8;border-color:#1f4a6b}.trigram-kan:before{content:"☵"}.trigram-li{background:#2a1008;color:#e89860;border-color:#c9502f}.trigram-li:before{content:"☲"}.trigram-gen{background:#181e18;color:#a8b8a0;border-color:#5a6558}.trigram-gen:before{content:"☶"}.trigram-dui{background:#0a222a;color:#70c8d8;border-color:#2f8a9a}.trigram-dui:before{content:"☱"}#scene-title-block{flex:1}#level-label{font-family:var(--font-title);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-trigram);opacity:.9;margin-bottom:4px}#scene-title{font-family:var(--font-title);font-size:1.25rem;font-weight:400;color:#f2ead2;letter-spacing:.04em}#scene-art{margin:0 0 22px;border-radius:6px;overflow:hidden;border:1px solid rgba(74,154,128,.3);max-height:220px;display:flex;align-items:center;justify-content:center;background:#0a0c09;box-shadow:0 4px 20px #0006,0 0 0 4px #10130fcc}#scene-art-image{width:100%;max-height:220px;object-fit:cover;display:block}#scene-text{flex:1;cursor:pointer}#scene-text p{margin-bottom:1.1em;color:var(--color-parchment)}#scene-text em{color:#f2ead2;font-style:italic;font-weight:600}.typewriter-cursor{display:inline-block;width:2px;height:1em;background:var(--color-trigram);vertical-align:text-bottom;animation:blink .85s step-end infinite;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#context-note{margin:18px 0;padding:12px 18px;border-left:3px solid rgba(74,154,128,.55);background:#4a9a8014;font-style:italic;font-size:.88rem;color:#c8cbb8;border-radius:0 4px 4px 0;line-height:1.65}#choices{margin-top:22px;display:flex;flex-direction:column;gap:10px}.choice-btn{text-align:left;background:#4a9a800f;border:1px solid rgba(74,154,128,.28);border-radius:4px;color:var(--color-parchment);font-family:var(--font-body);font-size:1rem;padding:12px 16px;cursor:pointer;transition:background .2s,border-color .2s;line-height:1.5}.choice-btn:hover{background:#4a9a8024;border-color:#4a9a8099}.rebuke-text{padding:12px 16px;background:#a3273a1f;border-left:3px solid var(--color-crimson);border-radius:0 4px 4px 0;font-style:italic;color:#e8a0ac;font-size:.95rem;line-height:1.6}.rebuke-glow{box-shadow:0 0 12px #a3273a66;border-color:var(--color-crimson)!important}#codex-panel{background:var(--color-mist);border-left:1px solid rgba(184,146,58,.2);display:flex;flex-direction:column;overflow:hidden}#codex-header{padding:14px 16px 10px;border-bottom:1px solid rgba(184,146,58,.18);flex-shrink:0}#codex-title{font-family:var(--font-title);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-bottom:10px}#codex-search{width:100%;background:#0003;border:1px solid rgba(232,221,192,.2);border-radius:3px;color:var(--color-parchment);font-family:var(--font-body);font-size:.9rem;padding:6px 10px;margin-bottom:10px;outline:none}#codex-search:focus{border-color:#4a9a8080}#codex-tabs{display:flex;gap:4px}.codex-tab{font-family:var(--font-title);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;background:#00000026;border:1px solid rgba(232,221,192,.16);border-radius:3px;color:#e8ddc08c;padding:4px 8px;cursor:pointer;transition:color .2s,border-color .2s,background .2s;flex:1}.codex-tab:hover,.codex-tab.active{color:#a8e0c8;border-color:#4a9a8080;background:#4a9a8024}#codex-body{flex:1;overflow-y:auto;padding:12px}.codex-empty{font-style:italic;color:#e8ddc059;font-size:.88rem;text-align:center;margin-top:24px}.codex-item{padding:10px 12px;border-radius:4px;cursor:pointer;margin-bottom:6px;border:1px solid transparent;transition:background .2s,border-color .2s}.codex-item:hover{background:#4a9a801a;border-color:#4a9a804d}.codex-item.read .codex-item-title{color:#b8923a8c}.codex-item-title{font-family:var(--font-title);font-size:.82rem;color:var(--color-gold);margin-bottom:3px}.codex-item-short{font-size:.82rem;color:#e8ddc0a6;line-height:1.45}#codex-detail{padding:4px 0}#codex-detail-title{font-family:var(--font-title);font-size:1rem;color:var(--color-gold);margin-bottom:4px}#codex-detail-category{font-family:var(--font-title);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#4a9a80b3;margin-bottom:14px}#codex-detail-full{font-size:.9rem;line-height:1.72;color:var(--color-parchment)}#codex-detail-full p{margin-bottom:.9em}#codex-detail-full strong{color:#f2ead2;font-weight:600}.codex-comparisons,.codex-sources{margin-top:14px;padding-top:10px;border-top:1px solid rgba(232,221,192,.12)}.codex-comparisons h4,.codex-sources h4{font-family:var(--font-title);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-trigram);margin-bottom:8px}.codex-comparison-item{font-size:.85rem;margin-bottom:8px;color:#e8ddc0bf;line-height:1.55}.codex-sources ul{list-style:none;font-size:.82rem;color:#e8ddc08c}.codex-sources li{margin-bottom:3px}.codex-back-btn{display:inline-block;margin-top:16px;background:none;border:1px solid rgba(74,154,128,.35);border-radius:3px;color:#e8ddc0bf;font-family:var(--font-body);font-size:.85rem;padding:5px 12px;cursor:pointer}.codex-back-btn:hover{color:#a8e0c8;border-color:#4a9a80a6}.codex-unlock-toast{position:fixed;bottom:24px;right:340px;background:#182019;border:1px solid var(--color-gold);border-radius:4px;color:var(--color-gold);font-family:var(--font-title);font-size:.72rem;letter-spacing:.1em;padding:10px 18px;z-index:100;animation:toast-in .3s ease;transition:opacity .6s}.codex-unlock-toast.fade-out{opacity:0}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c09;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:200}#transition-overlay.active{opacity:1;pointer-events:all}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4a9a8040;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a9a8073}@media (max-width: 800px){#game-main{grid-template-columns:1fr;grid-template-rows:1fr auto}#codex-panel{border-left:none;border-top:1px solid rgba(184,146,58,.2);max-height:260px}.codex-unlock-toast{right:12px;bottom:270px}}