.forging-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e6;display:flex;align-items:center;justify-content:center;animation:forging-fade-in .5s ease-out}@keyframes forging-fade-in{0%{opacity:0}to{opacity:1}}.forging-container{width:100%;max-width:400px;text-align:center;position:relative}.forging-gathering,.forging-shaping,.forging-reveal{display:none}.stage-gathering .forging-gathering,.stage-shaping .forging-shaping,.stage-revealing .forging-reveal,.stage-complete .forging-reveal{display:block}.ink-particles{position:relative;width:120px;height:120px;margin:0 auto 24px}.ink-particle{position:absolute;width:8px;height:8px;background:#c8a96e;border-radius:50%;top:50%;left:50%;animation:ink-orbit 1.5s ease-in-out infinite;animation-delay:calc(var(--i) * .125s)}@keyframes ink-orbit{0%{transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translate(50px);opacity:.3}50%{transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg + 180deg)) translate(20px);opacity:1}to{transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg + 360deg)) translate(50px);opacity:.3}}.forging-status{color:#c8a96e;font-size:16px;animation:text-pulse 1.5s ease-in-out infinite}@keyframes text-pulse{0%,to{opacity:.5}50%{opacity:1}}.forging-card-blank{width:200px;height:280px;margin:0 auto 24px;border:2px solid #c8a96e;border-radius:12px;position:relative;overflow:hidden;animation:card-materialize 1.2s ease-out}@keyframes card-materialize{0%{transform:scale(.3) rotateY(180deg);opacity:0;border-color:transparent}to{transform:scale(1) rotateY(0);opacity:1;border-color:#c8a96e}}.forging-card-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,transparent,rgba(200,169,110,.3),transparent);animation:glow-sweep 1.2s ease-in-out}@keyframes glow-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.forging-card{width:220px;margin:0 auto 16px;border-radius:12px;overflow:hidden;animation:card-flip .8s ease-out;box-shadow:0 4px 24px #c8a96e4d}@keyframes card-flip{0%{transform:perspective(600px) rotateY(90deg);opacity:0}to{transform:perspective(600px) rotateY(0);opacity:1}}.forging-card-inner{background:#1a1410;position:relative;padding:12px}.card-type-attack .forging-card-inner{border:2px solid #c44}.card-type-defense .forging-card-inner{border:2px solid #48a}.card-type-skill .forging-card-inner{border:2px solid #8a4}.forging-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.forging-card-cost{width:28px;height:28px;border-radius:50%;background:#2a2018;border:2px solid #c8a96e;display:flex;align-items:center;justify-content:center;color:#c8a96e;font-weight:700;font-size:14px;flex-shrink:0}.forging-card-name{flex:1;color:#e8d5b0;font-size:16px;font-weight:700;text-align:center}.forging-card-type{font-size:11px;color:#8a7a5a;flex-shrink:0}.forging-card-art{width:100%;height:140px;background:#0d0a08;border-radius:6px;overflow:hidden;position:relative;margin-bottom:8px}.art-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.art-shimmer{width:60%;height:4px;background:linear-gradient(90deg,transparent,#c8a96e,transparent);border-radius:2px;animation:shimmer 1s ease-in-out infinite}.art-loading-text{color:#c8a96e;font-size:11px;animation:text-pulse 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.forging-card-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in}.forging-card-image.loaded{opacity:1}.art-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#1a1410,#2a2018);position:relative;overflow:hidden}.art-placeholder-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(200,169,110,.08) 45%,rgba(200,169,110,.15) 50%,rgba(200,169,110,.08) 55%,transparent 60%);animation:placeholder-sweep 2.5s ease-in-out infinite}@keyframes placeholder-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.art-placeholder-icon{font-size:36px;opacity:.35;position:relative;z-index:1}.art-placeholder-hint{font-size:10px;color:#8a7a5a;position:relative;z-index:1;animation:text-pulse 1.5s ease-in-out infinite}.forging-card-info{text-align:left}.forging-card-desc{color:#c8b890;font-size:13px;margin:0 0 6px;line-height:1.4}.forging-card-flavor{color:#8a7a5a;font-size:11px;font-style:italic;margin:0;line-height:1.4}.forging-card-seal{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c8a96e,#a08040);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #c8a96e66}.seal-text{color:#1a1410;font-size:12px;font-weight:700}.forging-memory{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.moment-badge{background:#c8a96e;color:#1a1410;font-size:12px;font-weight:700;padding:2px 10px;border-radius:10px}.battle-summary{color:#8a7a5a;font-size:12px}.forging-dismiss{background:linear-gradient(135deg,#c8a96e,#a08040);color:#1a1410;border:none;padding:10px 32px;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;animation:dismiss-appear .5s ease-out}.forging-dismiss:hover{transform:scale(1.05);box-shadow:0 4px 16px #c8a96e66}@keyframes dismiss-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dialogue-toggle-btn{position:fixed;bottom:16px;right:16px;z-index:100;width:44px;height:44px;border-radius:50%;border:2px solid #c8a96e;background:#1a1410e6;color:#c8a96e;font-size:20px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.dialogue-toggle-btn:hover{transform:scale(1.1);box-shadow:0 2px 12px #c8a96e66}.dialogue-panel{position:fixed;bottom:16px;right:16px;z-index:200;width:320px;max-height:400px;background:#1a1410f2;border:1px solid #c8a96e;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 4px 24px #0009;animation:dialogue-slide-in .3s ease-out}@keyframes dialogue-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialogue-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(200,169,110,.3)}.dialogue-title{color:#c8a96e;font-size:13px;font-weight:700}.dialogue-close{background:none;border:none;color:#8a7a5a;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px}.dialogue-close:hover{color:#c8a96e;background:#c8a96e1a}.dialogue-history{flex:1;overflow-y:auto;padding:8px 12px;min-height:120px;max-height:260px}.dialogue-empty{color:#5a4a3a;font-size:12px;text-align:center;margin:20px 0;font-style:italic}.dialogue-entry{margin-bottom:8px;display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.dialogue-speaker{font-size:11px;font-weight:700;min-width:28px}.dialogue-entry.player .dialogue-speaker{color:#8ab}.dialogue-entry.spirit .dialogue-speaker{color:#c8a96e}.dialogue-text{color:#d8c8a8;font-size:13px;line-height:1.4;flex:1}.dialogue-thinking{color:#8a7a5a;font-size:12px;font-style:italic;animation:text-pulse 1.5s ease-in-out infinite}.dialogue-action-badge{font-size:10px;background:#c8a96e33;color:#c8a96e;padding:1px 6px;border-radius:8px;margin-left:4px}.dialogue-input-row{display:flex;gap:6px;padding:8px 12px;border-top:1px solid rgba(200,169,110,.3)}.dialogue-input{flex:1;background:#0000004d;border:1px solid rgba(200,169,110,.3);border-radius:8px;padding:6px 10px;color:#d8c8a8;font-size:13px;outline:none}.dialogue-input:focus{border-color:#c8a96e}.dialogue-input::placeholder{color:#5a4a3a}.dialogue-input:disabled{opacity:.5}.dialogue-send{width:32px;height:32px;border-radius:50%;border:1px solid #c8a96e;background:#c8a96e26;color:#c8a96e;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.dialogue-send:hover:not(:disabled){background:#c8a96e4d}.dialogue-send:disabled{opacity:.3;cursor:default}.dialogue-history::-webkit-scrollbar{width:4px}.dialogue-history::-webkit-scrollbar-track{background:transparent}.dialogue-history::-webkit-scrollbar-thumb{background:#c8a96e4d;border-radius:2px}.proposal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:forging-fade-in .4s ease-out}.proposal-panel{width:90%;max-width:480px;background:#1a1410f2;border:1px solid #c8a96e;border-radius:16px;padding:20px;text-align:center}.proposal-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.proposal-icon{font-size:24px}.proposal-title{color:#c8a96e;font-size:18px;font-weight:700}.proposal-subtitle{color:#8a7a5a;font-size:13px;margin:0 0 16px}.proposal-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.proposal-card{background:#c8a96e14;border:1px solid rgba(200,169,110,.3);border-radius:10px;padding:12px;cursor:pointer;transition:all .2s;text-align:left}.proposal-card:hover{background:#c8a96e26;border-color:#c8a96e;transform:translateY(-2px);box-shadow:0 4px 12px #c8a96e33}.proposal-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.proposal-name{color:#e8d5b0;font-size:15px;font-weight:700}.proposal-cost{color:#c44;font-size:12px;background:#cc444426;padding:2px 8px;border-radius:8px}.proposal-desc{color:#c8b890;font-size:13px;margin:0 0 8px;line-height:1.4}.proposal-effect-badge{display:inline-block;font-size:11px;color:#8ab;background:#88aabb26;padding:2px 8px;border-radius:8px}.proposal-reject{background:none;border:1px solid rgba(200,169,110,.3);color:#8a7a5a;padding:8px 24px;border-radius:16px;font-size:14px;cursor:pointer;transition:all .2s}.proposal-reject:hover{border-color:#c8a96e;color:#c8a96e}:root{--parchment: #F5E6D0;--cream: #FFF8E7;--ink: #1a1a2e;--ink-light: #16213e;--gold: #c9a961;--gold-bright: #e6c77a;--crimson: #8b2500;--emerald: #2d5a3f;--magic-blue: #4a9eff;--purple: #9b59b6;--brown: #3e2723;--brown-light: #5d4037;--dark-purple: #2d1b4e;--font-main: "Noto Serif SC", "Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", "STSong", "SimSun", serif;--font-title: "Ma Shan Zheng", "STKaiti", "Kaiti SC", "KaiTi", "BiauKai", serif;--font-mono: "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0a0a0f;font-family:var(--font-main);color:var(--ink)}.book-frame{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--parchment);background-image:radial-gradient(ellipse at 20% 50%,rgba(255,248,231,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(255,248,231,.2) 0%,transparent 50%);border:4px solid var(--brown);box-shadow:inset 0 0 60px #3e272326,0 0 40px #00000080,0 0 0 2px var(--gold)}.book-frame:before{content:"";position:absolute;top:0;left:50%;width:3px;height:100%;background:linear-gradient(to bottom,var(--brown) 0%,var(--brown-light) 20%,var(--brown) 50%,var(--brown-light) 80%,var(--brown) 100%);transform:translate(-50%);opacity:.3;pointer-events:none;z-index:1}.book-header{text-align:center;padding:12px 20px 8px;border-bottom:2px solid rgba(62,39,35,.2);background:linear-gradient(to bottom,rgba(201,169,97,.1),transparent);position:relative;z-index:2}.book-header h2{font-family:var(--font-title);font-size:1.4em;color:var(--brown);letter-spacing:4px}.book-content{flex:1;overflow-y:auto;padding:16px 24px;position:relative;z-index:2}.book-footer{padding:8px 20px 12px;border-top:2px solid rgba(62,39,35,.2);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to top,rgba(201,169,97,.1),transparent);position:relative;z-index:2}.spirit-bar{text-align:center;padding:8px 20px;font-style:italic;font-size:.95em;color:var(--ink-light);min-height:40px;transition:all .5s ease;position:relative;z-index:2}.spirit-bar.mood-warm{color:#6d4c00;text-shadow:0 0 10px rgba(201,169,97,.3)}.spirit-bar.mood-cold{color:#1a3a5c;text-shadow:0 0 10px rgba(74,158,255,.2)}.spirit-bar.mood-excited{color:var(--crimson);text-shadow:0 0 10px rgba(139,37,0,.3);animation:pulse-text 1.5s infinite}.spirit-bar.mood-melancholy{color:#5c3d7a;text-shadow:0 0 10px rgba(155,89,182,.3)}.card{width:120px;min-height:200px;border-radius:8px;cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}.card:hover:not(.card-disabled):not(.card-no-energy){transform:translateY(-15px) scale(1.08);z-index:10}.card-disabled{filter:grayscale(.6) brightness(.7);cursor:not-allowed;opacity:.6}.card-no-energy{filter:grayscale(.5) brightness(.65);opacity:.55;cursor:not-allowed}.card-no-energy:hover{transform:none!important;z-index:auto}.card-cost{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--magic-blue);color:#fff;font-size:.75em;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d;cursor:help;z-index:5}.card-normal{background:var(--cream);border:2px solid var(--brown);box-shadow:2px 3px 8px #0000004d}.card-story{background:linear-gradient(135deg,#fff8e7,#f5e6d0);border:2px solid var(--gold);box-shadow:0 0 15px #c9a96180,2px 3px 8px #0000004d;animation:story-glow 2s ease-in-out infinite}.card-art{width:100%;height:80px;position:relative;overflow:hidden;border-bottom:1px solid rgba(62,39,35,.2);background:linear-gradient(135deg,var(--parchment),#e8d5b7)}.card-art-img{width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .3s ease}.card-art-img.img-error{opacity:0}.card-art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2em;background:linear-gradient(135deg,var(--parchment),#e8d5b7)}.card-name{font-size:.75em;font-weight:700;text-align:center;padding:4px 4px 2px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{font-size:.55em;text-align:center;padding:2px 6px;color:var(--ink-light);line-height:1.3;max-height:50px;overflow:hidden;word-break:normal;overflow-wrap:break-word;flex-shrink:0}.card-value{font-size:.85em;font-weight:900;text-align:center;padding:2px}.card-value.attack{color:var(--crimson)}.card-value.defense{color:var(--emerald)}.card-value.skill{color:var(--magic-blue)}.card-upgraded:after{content:"★";position:absolute;top:2px;right:4px;color:var(--gold);font-size:.8em}.hand-cards{display:flex;justify-content:center;align-items:flex-end;padding:10px 0;min-height:230px;gap:0;perspective:800px}.hand-cards .card{margin:0 -8px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.monster-display{text-align:center;padding:10px 0;position:relative}.monster-portrait{width:200px;height:260px;margin:0 auto 8px;border-radius:12px;object-fit:cover;border:3px solid var(--brown);box-shadow:0 4px 20px #0000004d;background:linear-gradient(135deg,#1a1a2e,#2d1b4e);opacity:1;transition:opacity .4s ease}.monster-portrait.img-error{opacity:0}.monster-portrait-placeholder{display:flex;align-items:center;justify-content:center;opacity:1;background:radial-gradient(ellipse at center,#2d1b4e,#1a1a2e 70%);position:relative;overflow:hidden}.monster-portrait-placeholder:before{content:"";position:absolute;width:150%;height:150%;background:radial-gradient(circle,rgba(139,37,0,.15) 0%,transparent 60%);animation:monster-aura 3s ease-in-out infinite}.monster-silhouette{font-size:4em;filter:drop-shadow(0 0 20px rgba(139,37,0,.4));opacity:.6;z-index:1}.monster-portrait.tier-elite{border-color:var(--purple);box-shadow:0 0 20px #9b59b666}.monster-portrait.tier-boss{border-color:var(--crimson);box-shadow:0 0 25px #8b250080;animation:boss-pulse 2s infinite}.monster-name{font-family:var(--font-title);font-size:1.3em;color:var(--ink);margin-bottom:4px}.monster-desc{font-size:.8em;color:var(--ink-light);font-style:italic;margin-bottom:8px}.monster-intent{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#1a1a2e1a;font-size:.85em}.monster-intent.attack{color:var(--crimson)}.monster-intent.defend{color:var(--emerald)}.monster-intent.special{color:var(--purple)}.monster-intent.charge{color:#ff6b35;background:#ff6b3526;animation:charge-pulse 1s ease-in-out infinite}@keyframes charge-pulse{0%,to{box-shadow:0 0 4px #ff6b354d}50%{box-shadow:0 0 16px #ff6b3599}}.monster-hit{animation:shake .3s ease}.hp-bar-container{width:100%;height:18px;background:#1a1a2e26;border-radius:9px;overflow:hidden;position:relative;border:1px solid rgba(62,39,35,.3)}.hp-bar-fill{height:100%;border-radius:9px;transition:width .5s ease,background .5s;position:relative}.hp-bar-fill.hp-high{background:linear-gradient(90deg,#4caf50,#66bb6a)}.hp-bar-fill.hp-mid{background:linear-gradient(90deg,#ff9800,#ffa726)}.hp-bar-fill.hp-low{background:linear-gradient(90deg,#f44336,#ef5350)}.hp-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7em;font-weight:700;color:var(--ink);text-shadow:0 0 3px rgba(255,255,255,.8)}.hp-bar-armor{position:absolute;top:0;right:0;height:100%;background:#4a9eff66;border-radius:9px;transition:width .3s}.energy-orbs{display:flex;gap:6px;align-items:center}.energy-orb{width:24px;height:24px;border-radius:50%;border:2px solid var(--gold);transition:all .3s}.energy-orb.filled{background:radial-gradient(circle at 35% 35%,var(--gold-bright),var(--gold));box-shadow:0 0 8px #c9a96199}.energy-orb.empty{background:#c9a96126}.ink-marks{display:flex;gap:4px;align-items:center}.ink-mark{width:10px;height:10px;border-radius:50%;transition:all .3s}.ink-mark.filled{background:var(--ink);box-shadow:0 0 4px #1a1a2e80}.ink-mark.empty{background:#1a1a2e26}.battle-log{max-height:80px;overflow-y:auto;padding:6px 12px;margin:8px 0;background:#1a1a2e0d;border-radius:8px;border:1px solid rgba(62,39,35,.1)}.battle-log-entry{font-size:.8em;padding:2px 0;border-bottom:1px solid rgba(62,39,35,.05);animation:fadeIn .3s ease}.battle-log-entry.type-player{color:var(--magic-blue)}.battle-log-entry.type-monster{color:var(--crimson)}.battle-log-entry.type-system{color:var(--ink-light);font-style:italic}.battle-log-entry.type-spirit{color:var(--purple);font-style:italic}.btn{padding:8px 20px;border:2px solid var(--brown);background:var(--cream);color:var(--ink);font-family:var(--font-main);font-size:.9em;border-radius:6px;cursor:pointer;transition:all .2s}.btn:hover{background:var(--gold);color:#fff;border-color:var(--gold);transform:translateY(-1px);box-shadow:0 3px 10px #c9a9614d}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gold);color:#fff;border-color:var(--gold)}.btn-primary:hover{background:var(--gold-bright);box-shadow:0 3px 15px #c9a96180}.btn-danger{border-color:var(--crimson);color:var(--crimson)}.btn-danger:hover{background:var(--crimson);color:#fff}.btn-danger-active{background:var(--crimson);color:#fff;box-shadow:0 0 12px #8b250080;animation:pulse-border 1.5s infinite}.card-tear-mode{animation:tear-hover .8s ease-in-out infinite alternate}.btn-small{padding:4px 12px;font-size:.8em}.title-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f);position:relative;overflow:hidden}.title-book{width:280px;height:380px;background:linear-gradient(135deg,var(--brown) 0%,var(--brown-light) 50%,var(--brown) 100%);border-radius:4px 16px 16px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:-4px 0 #2a1810,-6px 0 #1a0f0a,0 10px 40px #0009,0 0 60px #c9a96126;cursor:pointer;transition:transform .3s,box-shadow .3s;position:relative}.title-book:hover{transform:scale(1.03) rotateY(-3deg);box-shadow:-4px 0 #2a1810,-6px 0 #1a0f0a,0 15px 50px #000000b3,0 0 80px #c9a96140}.title-book-title{font-family:var(--font-title);font-size:2.5em;color:var(--gold);text-shadow:0 2px 10px rgba(201,169,97,.5);letter-spacing:8px;margin-bottom:8px}.title-book-subtitle{font-size:.9em;color:#c9a96199;letter-spacing:2px}.title-quote{margin-top:30px;font-style:italic;color:#f5e6d080;font-size:.9em}.title-start-hint{margin-top:16px;color:var(--gold);font-size:.85em;animation:pulse-text 2s infinite}.title-directory{margin-top:24px;color:#f5e6d066;font-size:.8em;text-align:center;max-width:300px}.event-scene{width:100%;max-height:200px;object-fit:cover;border-radius:8px;margin-bottom:12px;border:2px solid rgba(62,39,35,.2);opacity:1;transition:opacity .4s ease}.event-scene.img-error{opacity:0}.event-scene-placeholder{height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;opacity:1}.event-scene-placeholder:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 50%);animation:scene-shimmer 4s ease-in-out infinite}.event-scene-icon{font-size:3em;opacity:.5;z-index:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.event-narrative{font-size:1em;line-height:1.8;margin-bottom:16px;color:var(--ink)}.typewriter-cursor{animation:blink-cursor .8s step-end infinite;color:var(--gold);font-weight:700;margin-left:1px}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.event-choices{display:flex;flex-direction:column;gap:8px}.event-choice{padding:12px 16px;border:2px solid rgba(62,39,35,.2);border-radius:8px;background:var(--cream);cursor:pointer;transition:all .2s}.event-choice:hover{border-color:var(--gold);background:#c9a9611a;transform:translate(4px)}.event-choice-text{font-weight:700;margin-bottom:4px}.event-choice-hint{font-size:.8em;color:var(--ink-light);font-style:italic}.event-result{padding:16px;border-radius:8px;background:#c9a9611a;border:1px solid var(--gold);margin-top:12px;font-size:.95em;line-height:1.6}.map-progress{display:flex;align-items:center;justify-content:center;gap:4px;padding:20px 0;flex-wrap:wrap}.map-node{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3em;border:2px solid var(--brown);transition:all .3s}.map-node.done{background:var(--gold);color:#fff;border-color:var(--gold)}.map-node.current{background:var(--cream);border-color:var(--gold);box-shadow:0 0 15px #c9a96180;animation:pulse-border 1.5s infinite}.map-node.future{background:#3e27231a;color:#3e27234d}.map-connector{width:24px;height:2px;background:var(--brown);opacity:.3}.map-connector.done{opacity:1;background:var(--gold)}.reward-cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:20px 0}.reward-cards .card{width:140px;height:200px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.reward-cards .card:hover{transform:translateY(-20px) scale(1.12)}.shop-items{display:flex;flex-direction:column;gap:10px}.shop-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:2px solid rgba(62,39,35,.2);border-radius:8px;background:var(--cream)}.shop-item-info{flex:1}.shop-item-name{font-weight:700;margin-bottom:2px}.shop-item-desc{font-size:.8em;color:var(--ink-light)}.shop-item-cost{font-weight:900;color:var(--gold);margin-right:12px;font-size:1.1em}.ending-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f);padding:40px}.ending-text{max-width:600px;color:var(--parchment);font-size:1.1em;line-height:2;text-align:center;font-family:var(--font-title);letter-spacing:2px}.ending-stats{margin-top:24px;color:#f5e6d080;font-size:.85em;text-align:center}.ending-victory{color:var(--gold);font-family:var(--font-title);font-size:2em;margin-bottom:20px;text-shadow:0 0 20px rgba(201,169,97,.5)}.ending-defeat{color:var(--crimson);font-family:var(--font-title);font-size:2em;margin-bottom:20px;text-shadow:0 0 20px rgba(139,37,0,.5)}.chapter-transition{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--parchment);animation:page-flip-in .8s ease}.chapter-number{font-family:var(--font-title);font-size:1.2em;color:var(--gold);letter-spacing:6px;margin-bottom:8px}.chapter-title{font-family:var(--font-title);font-size:2.5em;color:var(--ink);letter-spacing:8px;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.chapter-desc{font-size:.95em;color:var(--ink-light);font-style:italic;max-width:400px;text-align:center;line-height:1.8}.tutorial-hint{position:absolute;background:#c9a961f2;color:var(--ink);padding:8px 14px;border-radius:8px;font-size:.85em;font-weight:700;box-shadow:0 3px 15px #0003;z-index:100;animation:bounce-hint 1s infinite;pointer-events:none}.tutorial-hint:after{content:"▼";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);color:#c9a961f2;font-size:.8em}.tutorial-highlight{position:fixed;border:3px solid var(--gold);border-radius:12px;box-shadow:0 0 0 9999px #0a0a0fa6,0 0 20px #c9a96166;z-index:999;pointer-events:none;transition:all .4s ease;animation:tutorial-pulse 2s ease-in-out infinite}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 9999px #0a0a0fa6,0 0 20px #c9a96166}50%{box-shadow:0 0 0 9999px #0a0a0fa6,0 0 30px #c9a96199}}.battle-actions{display:flex;gap:10px;justify-content:center;margin-top:8px}.gold-display{display:flex;align-items:center;gap:4px;color:var(--gold);font-weight:700}.status-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#3e27230d;border-radius:3px}::-webkit-scrollbar-thumb{background:#3e272333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3e272366}@keyframes story-glow{0%,to{box-shadow:0 0 15px #c9a96180,2px 3px 8px #0000004d}50%{box-shadow:0 0 25px #c9a961cc,2px 3px 8px #0000004d}}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-border{0%,to{box-shadow:0 0 10px #c9a96166}50%{box-shadow:0 0 20px #c9a961b3}}@keyframes boss-pulse{0%,to{box-shadow:0 0 25px #8b250080}50%{box-shadow:0 0 40px #8b2500cc}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes screen-shake-light{0%,to{transform:translate(0)}10%{transform:translate(-2px,1px)}20%{transform:translate(3px,-1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(2px,-2px)}50%{transform:translate(-2px)}60%{transform:translate(1px,1px)}70%{transform:translate(-1px,-1px)}80%{transform:translate(2px)}90%{transform:translateY(1px)}}@keyframes screen-shake-heavy{0%,to{transform:translate(0)}10%{transform:translate(-5px,3px)}20%{transform:translate(6px,-4px)}30%{transform:translate(-4px,5px)}40%{transform:translate(5px,-3px)}50%{transform:translate(-6px,2px)}60%{transform:translate(3px,-5px)}70%{transform:translate(-3px,4px)}80%{transform:translate(4px,-2px)}90%{transform:translate(-2px,3px)}}.screen-shake-light{animation:screen-shake-light .3s ease-out}.screen-shake-heavy{animation:screen-shake-heavy .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes page-flip-in{0%{opacity:0;transform:perspective(800px) rotateY(-15deg)}to{opacity:1;transform:perspective(800px) rotateY(0)}}@keyframes bounce-hint{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tear-hover{0%{box-shadow:0 0 8px #8b250066,2px 3px 8px #0000004d}to{box-shadow:0 0 18px #8b2500b3,2px 3px 8px #0000004d}}@keyframes ink-form{0%{opacity:0;filter:blur(10px);transform:scale(.8)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes monster-aura{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(180deg);opacity:.8}}@keyframes scene-shimmer{0%,to{transform:translate(-25%,-25%) rotate(0)}50%{transform:translate(-25%,-25%) rotate(180deg)}}@keyframes damage-number{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(.8)}}.ink-forming{animation:ink-form .8s ease-out}.damage-number{position:absolute;font-weight:900;font-size:1.5em;animation:damage-number .8s ease-out forwards;pointer-events:none;z-index:50;text-shadow:0 1px 3px rgba(0,0,0,.3)}.damage-number.damage{color:var(--crimson)}.damage-number.armor{color:var(--magic-blue)}.damage-number.heal{color:var(--emerald)}.damage-number.crit{font-size:2.2em;color:#f44;text-shadow:0 0 10px rgba(255,68,68,.6),0 2px 4px rgba(0,0,0,.4);animation:damage-number-crit .9s ease-out forwards}.player-damage-flash{top:-8px;right:0;left:auto;font-size:1.2em;transform:none}@keyframes damage-number-crit{0%{opacity:1;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-10px) scale(1.4)}50%{opacity:1;transform:translateY(-25px) scale(1.1)}to{opacity:0;transform:translateY(-50px) scale(.8)}}.mute-btn{position:fixed;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(201,169,97,.3);background:#1a1a2e99;color:var(--parchment);font-size:1.1em;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{max-width:90vw;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.codex-card{transition:all .2s ease}.codex-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.codex-card-art{width:100%;height:100px;border-radius:4px;overflow:hidden;background:linear-gradient(135deg,var(--parchment),#e8d5b7);margin-bottom:6px}.codex-card-art-img{width:100%;height:100%;object-fit:cover}.codex-card-art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5em;background:linear-gradient(135deg,#c9a9611a,#3e27230d)}.mute-btn:hover{background:#1a1a2ecc;border-color:var(--gold)}.access-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 30%,#1a1a2e,#0a0a0f 70%)}.access-gate-card{width:100%;max-width:420px;padding:34px 30px;border:1px solid var(--gold);border-radius:6px;background:linear-gradient(160deg,#f5e6d0f7,#fff8e7f0);box-shadow:0 18px 50px #0009;text-align:center;color:var(--brown)}.access-gate-card h1{font-family:var(--font-title);font-size:2.1em;color:var(--brown);margin-bottom:6px}.access-gate-subtitle{font-size:.9em;color:var(--crimson);margin-bottom:22px}.access-gate-card form{display:flex;flex-direction:column;gap:10px;text-align:left}.access-gate-card label{font-size:.85em;font-weight:700;color:var(--brown-light)}.access-gate-card input{padding:11px 13px;border:1px solid var(--brown-light);border-radius:4px;background:#ffffffbf;font-family:var(--font-main);font-size:1em;color:var(--ink)}.access-gate-card input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.access-gate-card button{margin-top:6px;padding:11px 16px;border:1px solid var(--gold);border-radius:4px;background:linear-gradient(135deg,var(--brown),var(--brown-light));color:var(--cream);font-family:var(--font-main);font-size:1em;font-weight:700;cursor:pointer;transition:filter .18s ease}.access-gate-card button:hover:not(:disabled){filter:brightness(1.18)}.access-gate-card button:disabled{opacity:.55;cursor:not-allowed}.access-gate-note{margin-top:16px;font-size:.85em;color:var(--crimson)}.access-gate-hint{margin-top:12px;font-size:.8em;line-height:1.65;color:var(--brown-light);text-align:left}.disclaimer-link{position:absolute;bottom:18px;left:50%;transform:translate(-50%);padding:8px 14px;border:0;background:none;color:#f5e6d08c;font-family:var(--font-main);font-size:.8em;letter-spacing:.05em;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}.disclaimer-link:hover,.disclaimer-link:focus-visible{color:#f5e6d0e6}.disclaimer-link:focus-visible{outline:2px solid rgba(201,169,97,.8);outline-offset:2px}.disclaimer-dialog{margin:auto;width:min(520px,calc(100vw - 32px));padding:24px 26px 20px;border:1px solid rgba(201,169,97,.6);border-radius:10px;background:#f5e6d0;color:#3a2a1a;font-family:var(--font-main);line-height:1.7;box-shadow:0 18px 50px #00000073}.disclaimer-dialog::backdrop{background:#0a060299}.disclaimer-dialog h2{margin:0 0 10px;font-family:var(--font-title);font-size:1.5em}.disclaimer-dialog ul{margin:0 0 16px;padding-left:1.2em}.disclaimer-dialog li{margin-bottom:6px}.disclaimer-dialog form{display:flex;justify-content:flex-end}