:root{--bg-primary: #070b16;--bg-secondary: #0d1527;--bg-card: rgba(16, 26, 48, .85);--bg-parchment: #f4ecd8;--text-parchment: #2b1f14;--text-primary: #f0f4fc;--text-secondary: #a9bad4;--text-muted: #6b7f9d;--gold-primary: #d4af37;--gold-light: #fbeea4;--gold-glow: rgba(212, 175, 55, .35);--gold-border: rgba(212, 175, 55, .4);--cyan-accent: #6ee7b7;--crimson-seal: #8f1d22;--crimson-seal-dark: #631014;--danger: #ef4444;--success: #10b981;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-gold: 0 0 20px rgba(212, 175, 55, .25);--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .6);--font-serif: "Cormorant Garamond", "Cinzel", Georgia, serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;position:relative}body{display:flex;flex-direction:column;background:radial-gradient(circle at 50% 10%,#15203d,#070b16 70%,#04060b);background-attachment:fixed}#star-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.85}#app{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:900px;margin:0 auto;padding:16px}@media (max-width: 600px){#app{padding:12px}}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--gold-light);font-weight:600;letter-spacing:.04em;text-shadow:0 0 12px var(--gold-glow)}h1{font-size:clamp(1.8rem,4vw,2.6rem);text-align:center;margin-bottom:12px}h2{font-size:clamp(1.4rem,3.2vw,2rem);margin-bottom:10px}h3{font-size:1.25rem;margin-bottom:8px}p{margin-bottom:12px;color:var(--text-secondary);font-size:clamp(.95rem,2vw,1.05rem)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-height:48px;font-family:var(--font-serif);font-size:1.1rem;font-weight:600;letter-spacing:.05em;border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--gold-border);background:linear-gradient(135deg,#d4af3740,#0d1527e6);color:var(--gold-light);box-shadow:0 4px 15px #0006,inset 0 0 10px #d4af3733;transition:all var(--transition-smooth);-webkit-user-select:none;user-select:none}.btn:hover{background:linear-gradient(135deg,#d4af3773,#14203af2);border-color:var(--gold-primary);box-shadow:0 0 20px var(--gold-glow),0 4px 20px #0009;transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn-secondary{background:#0d1527b3;border-color:#a9bad44d;color:var(--text-secondary)}.btn-secondary:hover{background:#162340d9;border-color:var(--text-secondary);color:var(--text-primary);box-shadow:0 0 12px #a9bad433}.btn-danger{border-color:#ef444480;background:#7814144d;color:#fca5a5}.btn-danger:hover{background:#b41e1e99;border-color:var(--danger);box-shadow:0 0 15px #ef444466}.btn-gold-pulse{animation:pulseGold 2.5s infinite}@keyframes pulseGold{0%,to{box-shadow:0 0 15px var(--gold-glow);border-color:var(--gold-border)}50%{box-shadow:0 0 30px #d4af3799;border-color:var(--gold-primary)}}.parchment{background-color:var(--bg-parchment);color:var(--text-parchment);border-radius:var(--radius-sm);padding:24px 28px;box-shadow:0 12px 35px #000000b3,inset 0 0 40px #aa801240;border:1px solid #d5c39b;position:relative;font-family:var(--font-serif);font-size:1.15rem;line-height:1.7}.parchment:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid rgba(138,98,30,.35);pointer-events:none}.glass-card{background:var(--bg-card);border:1px solid var(--gold-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (max-width: 600px){.glass-card{padding:16px;border-radius:var(--radius-md)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.header-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#0a101fd9;border:1px solid var(--gold-border);border-radius:var(--radius-md);margin-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:100;box-shadow:0 4px 20px #0006}.header-title-box{display:flex;flex-direction:column}.header-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;color:var(--gold-light);letter-spacing:.05em}.header-chapter{font-size:.85rem;color:var(--cyan-accent)}.header-controls{display:flex;align-items:center;gap:10px}.icon-btn{background:#15203ab3;border:1px solid var(--gold-border);border-radius:var(--radius-sm);color:var(--gold-light);padding:8px 12px;min-height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-smooth);font-size:1rem}.icon-btn:hover{background:#283c64e6;border-color:var(--gold-primary);box-shadow:0 0 10px var(--gold-glow)}.volume-slider-container{display:flex;align-items:center;gap:6px}.volume-slider{width:70px;accent-color:var(--gold-primary);cursor:pointer}@media (max-width: 600px){.header-bar{padding:8px 12px}.header-title{font-size:.95rem}.header-chapter{font-size:.75rem}.volume-slider-container{display:none}.icon-btn{padding:6px 10px;min-height:36px;min-width:36px;font-size:.9rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#04070fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity var(--transition-smooth)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-window{width:100%;max-width:550px;max-height:85vh;background:var(--bg-card);border:1px solid var(--gold-primary);border-radius:var(--radius-lg);padding:24px;box-shadow:0 20px 50px #000c,0 0 30px var(--gold-glow);display:flex;flex-direction:column;transform:translateY(20px);transition:transform var(--transition-smooth);overflow-y:auto}.modal-overlay.active .modal-window{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(212,175,55,.25);padding-bottom:10px}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:4px 8px}.modal-close:hover{color:var(--gold-light)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:12px}.inventory-card{background:#080e1bcc;border:1px solid var(--gold-border);border-radius:var(--radius-sm);padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all var(--transition-smooth)}.inventory-card:hover{border-color:var(--gold-primary);box-shadow:0 0 12px var(--gold-glow);transform:translateY(-2px)}.inventory-icon{font-size:2rem}.inventory-name{font-size:.9rem;font-weight:600;color:var(--gold-light)}.inventory-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.3}.clue-list{display:flex;flex-direction:column;gap:12px}.clue-item{background:#0e1628d9;border-left:3px solid var(--gold-primary);padding:12px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.clue-title{color:var(--gold-light);font-weight:600;font-size:1rem;margin-bottom:4px}.clue-text{font-size:.9rem;color:var(--text-secondary);margin-bottom:4px}.clue-meta{font-size:.75rem;color:var(--text-muted)}.hint-step-box{background:#0f172ae6;border:1px dashed var(--gold-border);border-radius:var(--radius-md);padding:16px;margin-bottom:14px}.hint-step-header{font-weight:600;color:var(--cyan-accent);margin-bottom:6px;display:flex;align-items:center;gap:8px}.hint-badge{background:#6ee7b726;border:1px solid var(--cyan-accent);border-radius:12px;padding:2px 8px;font-size:.75rem}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#0e182ef2;border:1px solid var(--gold-primary);color:var(--gold-light);padding:12px 20px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0009,0 0 15px var(--gold-glow);font-family:var(--font-serif);font-size:1rem;display:flex;align-items:center;gap:10px;transform:translateY(20px);opacity:0;transition:all var(--transition-smooth)}.toast.show{transform:translateY(0);opacity:1}.chapter-container{display:flex;flex-direction:column;gap:20px;animation:fadeInChapter .6s ease-out}@keyframes fadeInChapter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chapter-badge{display:inline-block;align-self:flex-start;font-family:var(--font-serif);font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold-light);background:#d4af3726;border:1px solid var(--gold-border);padding:4px 12px;border-radius:20px;margin-bottom:8px}.envelope-wrapper{display:flex;flex-direction:column;align-items:center;margin:20px 0}.wax-seal-btn{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#b91c1c,var(--crimson-seal) 60%,var(--crimson-seal-dark) 100%);border:3px solid #f87171;box-shadow:0 0 25px #b91c1c99,inset 0 2px 5px #fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-serif);font-size:1.6rem;font-weight:700;transition:all var(--transition-smooth);animation:pulseSeal 2s infinite ease-in-out;-webkit-user-select:none;user-select:none}.wax-seal-btn:hover{transform:scale(1.08);box-shadow:0 0 35px #ef4444cc}@keyframes pulseSeal{0%,to{box-shadow:0 0 20px #b91c1c80}50%{box-shadow:0 0 35px #ef4444d9}}.forest-scene{background:linear-gradient(180deg,#060b18,#0d1e38);border:1px solid var(--gold-border);border-radius:var(--radius-md);padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:20px}.wisps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%}.wisp-card{background:#0e1930b3;border:1px solid rgba(110,231,183,.3);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:all var(--transition-smooth)}.wisp-card.active{border-color:var(--cyan-accent);box-shadow:0 0 20px #6ee7b766}.wisp-orb{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#a7f3d0 0%,#10b981 50%,transparent 70%);box-shadow:0 0 25px #6ee7b7;animation:floatWisp 3s infinite ease-in-out alternate}@keyframes floatWisp{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.symbol-picker-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.symbol-chip{padding:6px 14px;border-radius:20px;border:1px solid var(--gold-border);background:#14203acc;color:var(--gold-light);cursor:pointer;font-size:.9rem;transition:all var(--transition-smooth)}.symbol-chip.selected{background:var(--gold-primary);color:#070b16;font-weight:700;box-shadow:0 0 12px var(--gold-glow)}.portraits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.portrait-card{background:#0c1426d9;border:1px solid var(--gold-border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;cursor:pointer;transition:all var(--transition-smooth)}.portrait-card:hover{border-color:var(--gold-primary);transform:translateY(-3px);box-shadow:0 0 15px var(--gold-glow)}.portrait-card.selected{border-color:var(--gold-primary);background:#1e3055e6;box-shadow:0 0 25px var(--gold-glow)}.portrait-avatar{width:64px;height:64px;border-radius:50%;border:2px solid var(--gold-light);display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#152340e6;box-shadow:inset 0 0 10px #00000080}.portrait-name{font-family:var(--font-serif);font-weight:600;color:var(--gold-light);font-size:1.05rem}.portrait-role{font-size:.75rem;color:var(--cyan-accent)}.portrait-testimony{font-size:.8rem;color:var(--text-secondary);font-style:italic;line-height:1.4}.cipher-disk-container{display:flex;flex-direction:column;align-items:center;gap:16px;margin:16px 0}.tome-excerpt{background:#f4ecd8f2;color:#2a1e12;border-left:4px solid var(--gold-primary);padding:16px 20px;border-radius:var(--radius-sm);font-family:var(--font-serif);font-size:1.15rem;line-height:1.8;box-shadow:0 6px 20px #00000080}.acrostic-letter{font-weight:800;color:#991b1b;font-size:1.3rem;text-decoration:underline}.input-cipher-box{display:flex;gap:10px;width:100%;max-width:400px}.cipher-input{flex:1;background:#0e182ee6;border:1px solid var(--gold-border);border-radius:var(--radius-sm);padding:10px 14px;font-size:1.1rem;color:var(--gold-light);font-family:var(--font-serif);letter-spacing:.1em;text-transform:uppercase}.cipher-input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 15px var(--gold-glow)}.tumbler-rack{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0}.tumbler-dial{display:flex;flex-direction:column;align-items:center;background:#101c34e6;border:1px solid var(--gold-border);border-radius:var(--radius-sm);padding:8px;gap:6px;width:48px;box-shadow:0 4px 10px #0006}.tumbler-btn{background:transparent;border:none;color:var(--gold-light);cursor:pointer;font-size:1rem;padding:2px 6px;transition:transform .15s}.tumbler-btn:hover{transform:scale(1.2);color:var(--cyan-accent)}.tumbler-val{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--gold-light)}.tumbler-label{font-size:.7rem;color:var(--text-muted)}.bridge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:360px;margin:20px auto}.bridge-stone{aspect-ratio:1;background:radial-gradient(circle at 40% 40%,#1e293b,#0f172a);border:2px solid #334155;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-smooth);color:var(--text-secondary);font-size:1.6rem;box-shadow:0 6px 15px #00000080;position:relative}.bridge-stone:hover{border-color:var(--cyan-accent);transform:translateY(-2px)}.bridge-stone.stepped{border-color:var(--gold-primary);background:radial-gradient(circle at 40% 40%,#2e3a59,#172554);color:var(--gold-light);box-shadow:0 0 20px var(--gold-glow)}.bridge-stone.mist-shake{animation:shakeStone .4s ease-in-out;border-color:var(--danger)}@keyframes shakeStone{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.castle-gate-portal{display:flex;flex-direction:column;align-items:center;gap:16px;margin:16px 0}.seals-ring{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:440px}.seal-socket{width:50px;height:50px;border-radius:50%;border:2px dashed var(--gold-border);display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#0a101f99;cursor:pointer;transition:all var(--transition-smooth)}.seal-socket.placed{border-style:solid;border-color:var(--gold-primary);background:radial-gradient(circle,#3b2b10,#161208);box-shadow:0 0 15px var(--gold-glow)}.constellation-board{position:relative;width:100%;max-width:460px;height:320px;margin:16px auto;background:radial-gradient(ellipse at center,#111d38,#060913 80%);border:1px solid var(--gold-border);border-radius:var(--radius-lg);box-shadow:inset 0 0 40px #000c,0 0 25px var(--gold-glow);overflow:hidden}.constellation-svg{position:absolute;top:0;left:0;width:100%;height:100%}.star-point{position:absolute;width:30px;height:30px;margin-left:-15px;margin-top:-15px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#fde047 40%,transparent 70%);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #fef08a;transition:transform .2s}.star-point:hover{transform:scale(1.3)}.star-point.connected{background:radial-gradient(circle,#fff 0%,#6ee7b7 50%,transparent 70%);box-shadow:0 0 20px #6ee7b7}.ceremony-hall{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;animation:grandAppear 1.2s ease-out}@keyframes grandAppear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.restored-star{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffffff 0%,#fef08a 35%,#eab308 70%,transparent 100%);box-shadow:0 0 60px #fde047d9,0 0 100px #eab30880;animation:shineStar 3s infinite ease-in-out alternate;margin-bottom:10px}@keyframes shineStar{0%{transform:scale(1);box-shadow:0 0 50px #fde047b3}to{transform:scale(1.12);box-shadow:0 0 80px #fde047,0 0 120px #eab308b3}}.proposal-box{margin-top:15px;padding:24px;background:linear-gradient(135deg,#1c294ae6,#0d1527f2);border:2px solid var(--gold-primary);border-radius:var(--radius-lg);box-shadow:0 0 40px var(--gold-glow);width:100%}.proposal-question{font-family:var(--font-serif);font-size:clamp(1.6rem,4vw,2.3rem);color:#fff;text-shadow:0 0 20px rgba(253,224,71,.8);margin-bottom:24px}.proposal-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px;margin:0 auto}.invitation-card{margin-top:20px;background:#101b31f2;border:1px solid var(--gold-primary);border-radius:var(--radius-md);padding:20px;width:100%;text-align:left}.invitation-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed rgba(212,175,55,.25);font-size:.95rem}.invitation-label{color:var(--cyan-accent)}.invitation-val{color:var(--gold-light);font-weight:600;text-align:right}