#char-avatar{width:83px;height:83px;border-radius:50%;border:2px solid var(--gold-dark);box-shadow:0 0 12px #e0c97f66;flex-shrink:0;background-color:#0a0800;image-rendering:pixelated}#char-avatar-btn{position:absolute;bottom:2px;right:2px;background:#0009;border:1px solid var(--gold-dark);border-radius:50%;color:#f5c518;font-size:1.27em;width:33px;height:33px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .15s,transform .15s;text-shadow:0 0 6px rgba(255,200,0,.8);line-height:1}#char-avatar-btn:hover{background:#8b691480;transform:scale(1.15)}#hero-detail-modal{position:fixed;inset:0;background:#000000d1;z-index:8100;display:flex;align-items:center;justify-content:center}#hero-detail-modal.hidden{display:none!important}#hero-detail-box{position:relative;background:linear-gradient(180deg,#1c1408,#231a08 40%,#1a1206);border:2px solid #7a5a18;border-radius:14px;padding:18px 18px 16px;width:min(320px,92vw);box-shadow:0 0 60px #000000f2,0 0 0 1px #dcb4321a,inset 0 1px #ffdc5012;display:flex;flex-direction:column;gap:10px}.hd-close-btn{display:none;position:absolute;top:10px;right:10px;background:#00000080;border:1px solid #5a4210;border-radius:50%;color:#a08030;font-size:.75em;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;padding:0;line-height:1}.hd-close-btn:hover{background:#b4640066;color:#e8c060}#hd-header{text-align:center;padding-right:24px}#hd-name{font-family:Cinzel,serif;color:#f0d878;font-size:1.15em;letter-spacing:2px;margin:0 0 4px;text-shadow:0 0 12px rgba(240,216,120,.4)}#hd-power-row{display:inline-flex;align-items:center;gap:5px;background:#00000059;border:1px solid #4a3810;border-radius:20px;padding:3px 12px}#hd-power-icon{font-size:1em}#hd-power-val{font-family:Cinzel,serif;font-size:1em;font-weight:700;color:#fff;letter-spacing:1px}#hd-art-zone{display:flex;flex-direction:column;align-items:center;gap:6px;background:radial-gradient(ellipse 80% 90% at 50% 55%,#2a1e08,#0e0a02);border:1px solid #3a2a0a;border-radius:10px;padding:12px 8px 8px;min-height:180px}.hd-art-img{max-height:170px;max-width:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 12px rgba(0,0,0,.7))}.hd-art-portrait{max-height:110px;border-radius:8px}#hd-stars-row{font-size:1.1em;letter-spacing:2px;filter:drop-shadow(0 0 4px rgba(255,200,0,.5));min-height:1.2em}#hd-progress-section{display:flex;align-items:center;gap:7px;background:#0000004d;border:1px solid #3a2a0a;border-radius:8px;padding:6px 8px}#hd-mini-portrait{width:34px;height:34px;border-radius:50%;border:2px solid #7a5a18;background-size:cover;background-position:center top;image-rendering:pixelated;flex-shrink:0}#hd-progress-wrap{flex:1;height:10px;background:#1a1206;border-radius:5px;border:1px solid #3a2a08;overflow:hidden}#hd-progress-fill{height:100%;background:linear-gradient(90deg,#c87820,#f5a820);border-radius:5px;transition:width .4s ease;box-shadow:0 0 6px #f5a82080}#hd-progress-count{font-family:Cinzel,serif;font-size:.62em;color:#d4a030;font-weight:700;white-space:nowrap}#hd-progress-plus{font-size:.85em;filter:drop-shadow(0 0 3px rgba(255,200,0,.5))}#hd-star-bonuses{display:flex;flex-direction:column;gap:4px}.hd-star-tier{display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:6px;background:#00000040;border:1px solid #2a2008;font-size:.68em;color:#7a7566}.hd-star-tier-earned{background:#f5a8201f;border-color:#7a5a18;color:#f0d9a8}.hd-star-tier-star{font-weight:700;white-space:nowrap;color:#d4a030}.hd-star-tier:not(.hd-star-tier-earned) .hd-star-tier-star{color:#555}#hd-stats-section{background:linear-gradient(180deg,#d4b87a,#c8a860);border:2px solid #9a7830;border-radius:10px;padding:10px 14px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}#hd-level-badge{background:linear-gradient(180deg,#5a3e14,#3a2808);border:2px solid #8a6020;border-radius:20px;color:#f0d878;font-family:Cinzel,serif;font-size:.75em;font-weight:700;padding:3px 14px;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.7);position:absolute;top:-13px;left:50%;transform:translate(-50%);white-space:nowrap}#hd-bonus-row{display:flex;align-items:center;gap:5px;margin-top:6px;color:#3a2808;font-family:Cinzel,serif;font-size:.7em;font-weight:600}.hd-up-arrow{color:#c87820;font-size:1.1em}#hd-base-stats{display:flex;gap:24px;align-items:center}.hd-stat-block{display:flex;align-items:center;gap:5px}.hd-stat-icon{font-size:1.1em}.hd-stat-val{font-family:Cinzel,serif;font-size:1em;font-weight:900;color:#1a0e00}#hd-upgrade-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;background:linear-gradient(180deg,#3ec84a,#28a035,#1e8028);border:none;border-radius:10px;padding:10px 14px;cursor:pointer;box-shadow:0 4px #186020,0 6px 14px #0006;transition:transform .1s,box-shadow .1s,filter .15s;text-align:center}#hd-upgrade-btn:not(:disabled):hover{filter:brightness(1.1)}#hd-upgrade-btn:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #186020,0 3px 8px #0006}.hd-upgrade-label{font-family:Cinzel,serif;font-size:.85em;font-weight:900;color:#fff;letter-spacing:2px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.hd-upgrade-cost-row{font-family:Cinzel,serif;font-size:.9em;font-weight:700;color:#fff8c0;text-shadow:0 1px 3px rgba(0,0,0,.4)}#hd-upgrade-btn.hd-btn-disabled{background:linear-gradient(180deg,#4a4a4a,var(--border));box-shadow:none;cursor:not-allowed;opacity:.5}#hd-upgrade-btn.hd-btn-nogold{background:linear-gradient(180deg,#8a5a18,#5a3808);box-shadow:0 4px #3a2408}@keyframes hd-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.hd-shake{animation:hd-shake .4s ease}#hd-activate-btn{display:none;width:100%;background:transparent;border:1px solid #5a4010;border-radius:8px;color:#d4a030;font-family:Cinzel,serif;font-size:.7em;padding:7px 14px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;letter-spacing:1px}#hd-activate-btn:not(:disabled):hover{border-color:var(--gold);color:var(--gold);background:#e0b43214}#hd-activate-btn.hd-btn-active{color:#f5c518;border-color:#f5c518;opacity:.6;cursor:default}#hero-modal{position:fixed;inset:0;background:#000000e0;z-index:8000;display:flex;align-items:center;justify-content:center}#hero-modal.hidden{display:none!important}#hero-modal-box{background:linear-gradient(175deg,#140f02,#1e1604,#110e02);border:2px solid #8a6a20;border-radius:12px;padding:20px 20px 68px;max-width:520px;width:94%;box-shadow:0 0 60px #000000f2,0 0 0 1px #e0b4321f,inset 0 1px #ffdc5014}#hero-modal-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:3px}#hero-modal-header h3{font-family:Cinzel,serif;color:var(--gold);font-size:1.05em;letter-spacing:2px;margin:0;text-shadow:0 0 14px rgba(224,180,50,.5)}.hero-modal-star{font-size:.95em;filter:drop-shadow(0 0 5px rgba(255,200,0,.7))}#hero-modal-subtitle{text-align:center;color:#6a5a22;font-size:.6em;font-style:italic;margin:0 0 16px;letter-spacing:.5px}#hero-collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.hc-card{display:flex;flex-direction:column;border-radius:9px;overflow:hidden;border:2px solid #5a3e12;background:linear-gradient(180deg,#2a1c06,#1a1004);box-shadow:0 4px 14px #0009,inset 0 0 0 1px #ffc8500f;transition:transform .18s,box-shadow .18s,border-color .18s;cursor:default}.hc-card.hc-unlocked:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 26px #000000b3,0 0 0 1px #e0b4324d;border-color:#c8961e;cursor:pointer}.hc-card.hc-active{border-color:#f5c518;box-shadow:0 0 22px #f5c51873,0 0 44px #f5c5181f,inset 0 0 0 1px #f5c51826}.hc-card.hc-locked{opacity:.82}.hc-banner{background:linear-gradient(180deg,#3a2608,#241604);border-bottom:1px solid #6a4818;color:#e8c060;font-family:Cinzel,serif;font-size:.68em;font-weight:700;text-align:center;padding:5px 6px 4px;letter-spacing:.8px;text-shadow:0 1px 4px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-card.hc-locked .hc-banner{color:#6a5020}.hc-portrait{position:relative;width:100%;aspect-ratio:1 / 1;background-size:cover;background-position:center top;image-rendering:pixelated;overflow:hidden}.hc-card.hc-locked .hc-portrait{filter:grayscale(100%) brightness(.42)}.hc-lvl-badge{position:absolute;top:5px;left:5px;background:linear-gradient(135deg,#d4820a,#f5a623);border:1px solid #f5c518;border-radius:5px;padding:2px 5px 2px 4px;display:flex;flex-direction:column;align-items:center;line-height:1.1;box-shadow:0 2px 6px #0009;min-width:26px}.hc-lvl-label{font-family:Cinzel,serif;font-size:.42em;color:#3a1a00;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.hc-lvl-val{font-family:Cinzel,serif;font-size:.72em;color:#1a0800;font-weight:900;line-height:1}.hc-check-badge{position:absolute;top:5px;right:5px;background:#22c55e;color:#fff;font-size:.75em;font-weight:900;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #16a34a;box-shadow:0 2px 6px #0000008c;line-height:1}.hc-lock-badge{position:absolute;top:4px;right:4px;font-size:1em;line-height:1;filter:drop-shadow(0 1px 4px rgba(0,0,0,.9))}.hc-footer{display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(180deg,#2a1c06,#1a1004);border-top:1px solid #5a3e12;padding:5px 6px 4px;min-height:24px}.hc-footer-arrow{font-size:.75em;color:#f5a623;line-height:1;filter:drop-shadow(0 0 3px rgba(245,166,35,.6))}.hc-footer-txt{font-family:Cinzel,serif;font-size:.6em;color:#d4a030;letter-spacing:.5px;font-weight:700}.hc-card.hc-active .hc-footer-txt{color:#f5c518;text-shadow:0 0 6px rgba(245,197,24,.5)}#hero-close-btn{display:block;margin:0 auto;background:transparent;border:1px solid #3a2e00;border-radius:4px;color:#7a6200;font-size:.75em;padding:6px 20px;cursor:pointer;font-family:Cinzel,serif;transition:border-color .15s,color .15s}#dialogue-overlay{position:fixed;inset:0;background:#00000080;z-index:7000;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}#dialogue-box{width:min(680px,94vw);position:relative;height:min(74vh,640px);background:#0c0c0c;border:2px solid var(--gold-dark);box-shadow:0 0 60px #000000e6;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}#dialogue-scene-wrap{position:absolute;inset:0;overflow:hidden}#dialogue-scene-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;image-rendering:pixelated;image-rendering:crisp-edges}#dialogue-scene-vignette{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.65) 100%);pointer-events:none}#dialogue-sign-badge{position:absolute;top:12px;right:12px;width:96px;height:96px;z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 0 10px rgba(224,201,127,.55)) drop-shadow(0 2px 6px #000);animation:sign-badge-pop .5s cubic-bezier(.2,1.4,.4,1) both}#dialogue-sign-badge.hidden{display:none}#dialogue-sign-badge img{width:96px;height:96px;object-fit:contain}#dialogue-sign-badge-caption{display:none}@keyframes sign-badge-pop{0%{transform:scale(.2) rotate(-12deg);opacity:0}60%{opacity:1}to{transform:scale(1) rotate(0);opacity:1}}#dialogue-sign-badge.sign-badge-featured{top:50%;left:50%;right:auto;width:auto;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 0 22px rgba(255,140,40,.85)) drop-shadow(0 0 8px rgba(255,70,20,.7)) drop-shadow(0 4px 10px #000);animation:sign-badge-impact .6s cubic-bezier(.2,1.5,.3,1) both}#dialogue-sign-badge.sign-badge-featured img{width:192px;height:192px}#dialogue-sign-badge.sign-badge-featured #dialogue-sign-badge-caption{display:block;margin-top:12px;max-width:280px;text-align:center;font-style:italic;font-size:.95em;line-height:1.35;color:#ffd9a0;text-shadow:0 2px 6px #000,0 0 12px rgba(224,120,40,.6);background:#140c0899;padding:7px 12px;border-radius:10px}@keyframes sign-badge-impact{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}50%{transform:translate(-50%,-50%) scale(1.25);opacity:1}70%{transform:translate(-50%,-50%) scale(.92)}85%{transform:translate(-50%,-50%) scale(1.06)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media(max-width:600px){#dialogue-sign-badge{width:68px;height:68px;top:8px;right:8px}#dialogue-sign-badge img{width:68px;height:68px}#dialogue-sign-badge.sign-badge-featured img{width:148px;height:148px}#dialogue-sign-badge.sign-badge-featured #dialogue-sign-badge-caption{max-width:220px;font-size:.88em}}#dialogue-body{position:relative;z-index:2;padding:46px 18px 16px;background:linear-gradient(to top,rgba(6,5,3,.94) 0%,rgba(6,5,3,.86) 42%,rgba(6,5,3,.35) 78%,transparent 100%)}#dialogue-npc-badge{display:inline-block;font-family:Cinzel,serif;font-size:1em;font-weight:700;color:var(--gold);background:#0a08058c;border:1px solid var(--gold-dark);padding:4px 14px;margin-bottom:10px;letter-spacing:1.5px;border-radius:2px}#dialogue-text-area{min-height:56px;color:#ece3cc;font-family:Cinzel,serif;font-size:.88em;line-height:1.7;background:transparent;padding:2px 2px 6px;text-shadow:0 1px 4px #000,0 0 10px rgba(0,0,0,.85);cursor:pointer}#dialogue-cursor-blink{display:inline;color:var(--gold);font-size:.95em;animation:dlgBlink .65s infinite}@keyframes dlgBlink{0%,to{opacity:1}50%{opacity:0}}#dialogue-choices{display:flex;flex-direction:column;gap:7px;margin-top:12px}.dialogue-choice-btn{background:#0000008c;border:1px solid var(--gold-dark);color:#c8b870;font-family:Cinzel,serif;font-size:.85em;padding:10px 16px 10px 20px;cursor:pointer;text-align:left;transition:background .18s,border-color .18s,color .18s,padding-left .15s;border-radius:2px;letter-spacing:.4px;position:relative}.dialogue-choice-btn:before{content:"▶";position:absolute;left:8px;opacity:.5;font-size:.7em;top:50%;transform:translateY(-50%);transition:opacity .15s}.dialogue-choice-btn:hover{background:#e0c97f1f;border-color:var(--gold);color:#fff;padding-left:26px}.dialogue-choice-btn:hover:before{opacity:1}#hero-close-btn:hover{border-color:var(--gold-dark);color:var(--gold)}.dialogue-name-row{display:flex;gap:8px;align-items:stretch}.dialogue-name-input{flex:1;min-width:0;background:#080603d9;border:1px solid var(--gold-dark);color:#f0e0b0;font-family:Cinzel,serif;font-size:.9em;letter-spacing:.4px;padding:10px 14px;border-radius:2px;outline:none}.dialogue-name-input:focus{border-color:var(--gold);background:#140f06e6}.dialogue-name-input::placeholder{color:#8a7f66}.dialogue-name-ok{flex:0 0 auto;text-align:center;padding:10px 18px}.dialogue-name-ok:disabled{opacity:.6;cursor:progress}.dialogue-name-error{color:#e8a0a0;font-size:.82em;line-height:1.35;margin-top:6px;text-shadow:0 1px 2px #000}.dialogue-name-error:empty{display:none}.dialogue-name-ok:before{content:none}.dialogue-name-ok:hover{padding-left:18px}