*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0608;--bg-surface: #100810;--bg-card: #150c10;--parchment: #c8b07a;--parchment-dim:#8a7254;--gold: #c9a84c;--gold-glow: rgba(201,168,76,.35);--blood: #8b1a1a;--blood-bright: #c23b3b;--ink: #3b1f2b;--border: rgba(201,168,76,.18);--border-dim: rgba(201,168,76,.08);--font-title: "Cinzel", serif;--font-body: "Crimson Text", serif;--hp-green: #4a8c4a;--hp-low: #8b3a1a}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--parchment);font-family:var(--font-body);font-size:16px;line-height:1.5}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.btn{font-family:var(--font-title);font-size:.75rem;letter-spacing:.15em;color:var(--gold);background:transparent;border:1px solid var(--border);padding:.55rem 1.4rem;cursor:pointer;transition:all .18s ease;text-transform:uppercase}.btn:hover{background:#c9a84c14;border-color:#c9a84c73}.btn:active{background:#c9a84c24}.btn.btn-primary{background:#c9a84c1f;border-color:#c9a84c80}.btn.btn-primary:hover{background:#c9a84c33}.btn.btn-danger{color:var(--blood-bright);border-color:#c23b3b4d}.btn.btn-danger:hover{background:#8b1a1a2e}.btn:disabled{opacity:.35;cursor:not-allowed}.hp-bar{height:5px;background:#00000080;border:1px solid rgba(255,255,255,.06);border-radius:2px;overflow:hidden}.hp-fill{height:100%;background:var(--hp-green);transition:width .4s ease}.hp-fill.low{background:var(--hp-low)}.portrait{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.scroll-y{overflow-y:auto;overflow-x:hidden}.scroll-y::-webkit-scrollbar{width:3px}.scroll-y::-webkit-scrollbar-track{background:transparent}.scroll-y::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.section-title{font-family:var(--font-title);font-size:.6rem;letter-spacing:.35em;color:var(--parchment-dim);text-transform:uppercase;margin-bottom:.8rem}.divider{height:1px;background:var(--border-dim);margin:1rem 0}.ink-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-title);font-size:.8rem;color:var(--blood-bright);padding:.25rem .6rem;border:1px solid rgba(139,26,26,.45);background:#8b1a1a1f}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#100810f2;border:1px solid var(--border);padding:.6rem 1.4rem;font-family:var(--font-body);font-style:italic;font-size:.95rem;color:var(--parchment);pointer-events:none;z-index:999}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.title-screen{display:flex;align-items:center;justify-content:center;background:var(--bg)}.title-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/camp.jpg);background-size:cover;background-position:center;opacity:.18;filter:sepia(.6) brightness(.5)}.title-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 20%,rgba(10,6,8,.92) 100%)}.title-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;max-width:480px;text-align:center}.title-logo-wrap{width:clamp(160px,28vw,260px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid rgba(201,168,76,.35);box-shadow:0 0 40px #c9a84c26,0 0 80px #8b1a1a26}.title-logo{width:100%;height:100%;object-fit:cover;object-position:center}.title-tagline{font-family:var(--font-body);font-style:italic;font-size:clamp(.9rem,2vw,1.1rem);color:var(--parchment-dim);line-height:1.6;max-width:360px}.title-buttons{display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:240px}.title-btn{width:100%;padding:.75rem 1rem;font-size:.72rem;letter-spacing:.25em}.title-warning{font-family:var(--font-title);font-size:.42rem;letter-spacing:.35em;color:#c8b48c2e;margin-top:1rem}.village-screen{background:var(--bg)}.village-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/camp.jpg);background-size:cover;background-position:center bottom;opacity:.12;filter:sepia(.5) brightness(.4)}.village-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0608d9,#0a060899 40%,#0a0608eb)}.village-header{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;padding:.9rem 1.4rem;border-bottom:1px solid var(--border-dim);flex-wrap:wrap}.village-title{font-family:var(--font-title);font-size:clamp(.75rem,2vw,1rem);letter-spacing:.2em;color:var(--gold);flex:1}.village-resources{display:flex;align-items:center;gap:1rem;font-family:var(--font-title);font-size:.6rem;letter-spacing:.1em}.village-ink{display:flex;align-items:center;gap:.4rem;color:var(--blood-bright)}.village-relics{color:var(--gold)}.village-bonds{color:#9cb4d8}.village-pages{color:var(--parchment-dim)}.ink-dot{width:8px;height:8px;border-radius:50%;background:var(--blood-bright);box-shadow:0 0 8px #c23b3b99}.village-journey-btn{font-size:.68rem;padding:.5rem 1.1rem}.village-tabs{position:relative;z-index:1;display:flex;border-bottom:1px solid var(--border-dim)}.village-tab{flex:1;background:transparent;border:none;font-family:var(--font-title);font-size:.58rem;letter-spacing:.25em;color:var(--parchment-dim);padding:.7rem;cursor:pointer;transition:all .18s ease;text-transform:uppercase;border-bottom:2px solid transparent;position:relative}.village-tab.active{color:var(--gold);border-bottom-color:var(--gold);background:#c9a84c0a}.village-tab:hover:not(.active){color:var(--parchment)}.tab-dot{position:absolute;top:6px;right:12px;width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.5}50%{opacity:1}}.village-body{position:relative;z-index:1;flex:1;padding:1.2rem 1.4rem}.village-party{display:flex;flex-direction:column;gap:.8rem}@media(min-width:600px){.village-party{flex-direction:row;flex-wrap:wrap}.village-hero-card{flex:1;min-width:200px;max-width:300px}}.village-hero-card{display:flex;gap:.9rem;background:var(--bg-card);border:1px solid var(--border-dim);padding:.9rem;transition:border-color .2s}.village-hero-card:hover{border-color:var(--border)}.village-hero-card.is-dead{opacity:.45;filter:grayscale(1)}.village-hero-card.has-points{border-color:#c9a84c66}.vhc-portrait-wrap{width:60px;height:80px;flex-shrink:0;overflow:hidden;border:1px solid var(--border-dim)}.vhc-portrait{width:100%;height:100%;object-fit:cover;object-position:top center}.vhc-portrait-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:1.5rem;color:var(--parchment-dim);background:var(--bg-surface)}.vhc-info{flex:1;display:flex;flex-direction:column;gap:.3rem}.vhc-name{font-family:var(--font-title);font-size:.68rem;letter-spacing:.1em;color:var(--gold)}.vhc-title{font-family:var(--font-body);font-style:italic;font-size:.75rem;color:var(--parchment-dim)}.vhc-hp-row{display:flex;align-items:center;gap:.5rem}.vhc-hp-num{font-family:var(--font-title);font-size:.55rem;color:var(--parchment-dim);white-space:nowrap}.vhc-stats{display:flex;gap:.6rem;font-family:var(--font-title);font-size:.55rem;color:var(--parchment-dim)}.vhc-xp-row{display:flex;align-items:center;gap:.5rem}.xp-bar{flex:1;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.xp-fill{height:100%;background:#c9a84c80;transition:width .4s ease}.vhc-xp-num{font-family:var(--font-title);font-size:.45rem;color:var(--parchment-dim);white-space:nowrap}.vhc-levelup{margin-top:.3rem;padding:.5rem;background:#c9a84c0f;border:1px solid rgba(201,168,76,.2)}.levelup-label{font-family:var(--font-title);font-size:.5rem;letter-spacing:.15em;color:var(--gold);margin-bottom:.4rem}.levelup-btns{display:flex;flex-wrap:wrap;gap:.3rem}.levelup-btn{font-size:.48rem!important;padding:.3rem .6rem!important}.vhc-scars{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}.scar-badge{font-family:var(--font-title);font-size:.44rem;letter-spacing:.1em;color:var(--blood-bright);border:1px solid rgba(194,59,59,.3);background:#8b1a1a1a;padding:2px 6px;border-radius:2px}.vhc-dead-label{font-family:var(--font-title);font-size:.5rem;letter-spacing:.3em;color:#c23b3bb3;margin-top:.2rem}.village-buildings{display:flex;flex-direction:column;gap:.8rem}.building-card{display:flex;gap:1rem;background:var(--bg-card);border:1px solid var(--border-dim);padding:1rem;align-items:flex-start}.building-card.built{border-color:#c9a84c26}.building-icon{font-size:1.4rem;flex-shrink:0;padding-top:.2rem}.building-info{flex:1;display:flex;flex-direction:column;gap:.4rem}.building-name{font-family:var(--font-title);font-size:.68rem;letter-spacing:.1em;color:var(--gold)}.building-desc{font-family:var(--font-body);font-style:italic;font-size:.85rem;color:var(--parchment-dim)}.building-action{margin-top:.4rem;font-size:.58rem;padding:.4rem .9rem;align-self:flex-start}.building-max{font-family:var(--font-title);font-size:.5rem;letter-spacing:.2em;color:var(--gold);margin-top:.3rem}.building-content{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem;padding:.6rem;background:#0003;border:1px solid var(--border-dim)}.building-empty{font-family:var(--font-body);font-style:italic;font-size:.8rem;color:var(--parchment-dim)}.relic-list{display:flex;flex-direction:column;gap:.4rem}.relic-item{display:flex;flex-wrap:wrap;gap:.3rem .6rem;align-items:baseline;padding:.3rem 0;border-bottom:1px solid var(--border-dim)}.relic-name{font-family:var(--font-title);font-size:.6rem;color:var(--gold);letter-spacing:.08em}.relic-stat{font-family:var(--font-title);font-size:.5rem;color:var(--hp-green)}.relic-desc{font-family:var(--font-body);font-style:italic;font-size:.75rem;color:var(--parchment-dim);width:100%}.relic-note{font-family:var(--font-body);font-size:.7rem;color:var(--parchment-dim);font-style:italic;margin-top:.3rem}.scar-hero-row{display:flex;flex-direction:column;gap:.25rem;padding:.4rem 0;border-bottom:1px solid var(--border-dim)}.scar-hero-name{font-family:var(--font-title);font-size:.6rem;color:var(--gold)}.scar-hero-count{font-family:var(--font-title);font-size:.45rem;color:var(--parchment-dim)}.scar-detail{display:flex;gap:.5rem;align-items:baseline;padding-left:.5rem}.scar-detail-name{font-family:var(--font-title);font-size:.5rem;color:var(--blood-bright)}.scar-detail-desc{font-family:var(--font-body);font-size:.75rem;color:var(--parchment-dim);font-style:italic}.altar-label{font-family:var(--font-title);font-size:.5rem;color:var(--parchment-dim);letter-spacing:.1em;margin-top:.3rem}.altar-sacrifice{font-size:.5rem!important;padding:.3rem .7rem!important}.village-faction{display:flex;flex-direction:column;gap:.8rem}.faction-intro{font-family:var(--font-body);font-style:italic;font-size:.95rem;color:var(--parchment-dim);margin-bottom:.4rem}.faction-row{background:var(--bg-card);border:1px solid var(--border-dim);padding:.9rem;display:flex;flex-direction:column;gap:.35rem}.faction-label{font-family:var(--font-title);font-size:.65rem;letter-spacing:.12em}.faction-desc{font-family:var(--font-body);font-style:italic;font-size:.8rem;color:var(--parchment-dim)}.faction-bar-wrap{display:flex;align-items:center;gap:.6rem}.faction-bar{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.faction-fill{height:100%;border-radius:2px;transition:width .5s ease}.faction-num{font-family:var(--font-title);font-size:.52rem;color:var(--parchment-dim);white-space:nowrap}.faction-status{font-family:var(--font-body);font-size:.72rem;font-style:italic}.faction-status.cooperation{color:var(--gold)}.faction-status.aggression{color:var(--blood-bright)}.faction-mem-title{margin-top:.5rem}.faction-no-mem{font-style:italic;font-size:.85rem;color:var(--parchment-dim)}.world-tags{display:flex;flex-wrap:wrap;gap:.4rem}.world-tag{font-family:var(--font-title);font-size:.46rem;letter-spacing:.15em;color:var(--parchment-dim);border:1px solid var(--border-dim);padding:2px 8px;background:#ffffff05}.faction-missions{font-family:var(--font-title);font-size:.55rem;color:var(--parchment-dim);letter-spacing:.1em;margin-top:.5rem}.worldmap-screen{background:var(--bg)}.worldmap-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/world.jpg);background-size:cover;background-position:center;opacity:.12;filter:sepia(.6) brightness(.4)}.worldmap-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0608cc,#0a060880 40%,#0a0608e6)}.worldmap-header{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;padding:.9rem 1.4rem;border-bottom:1px solid var(--border-dim)}.worldmap-back{font-size:.6rem;padding:.4rem .8rem}.worldmap-title{font-family:var(--font-title);font-size:clamp(.7rem,2vw,.9rem);letter-spacing:.2em;color:var(--gold);flex:1}.worldmap-missions{font-family:var(--font-title);font-size:.55rem;color:var(--parchment-dim);letter-spacing:.1em}.worldmap-body{position:relative;z-index:1;flex:1;padding:1.2rem 1.4rem}.worldmap-intro{font-family:var(--font-body);font-style:italic;font-size:.9rem;color:var(--parchment-dim);margin-bottom:1.2rem;line-height:1.5}.location-grid{display:flex;flex-direction:column;gap:.8rem}@media(min-width:600px){.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}}.location-card{background:var(--bg-card);border:1px solid var(--border-dim);overflow:hidden;cursor:pointer;transition:all .2s ease}.location-card:hover{border-color:var(--border);box-shadow:0 0 15px #c9a84c14}.location-card.locked{cursor:not-allowed;opacity:.5;filter:grayscale(.6)}.location-img-wrap{position:relative;width:100%;height:120px;overflow:hidden}.location-img{width:100%;height:100%;object-fit:cover;object-position:center;filter:sepia(.4) brightness(.6)}.location-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0608b3;font-family:var(--font-title);font-size:.55rem;letter-spacing:.2em;color:var(--parchment-dim);text-transform:uppercase}.location-info{padding:.9rem;display:flex;flex-direction:column;gap:.35rem}.location-region{font-family:var(--font-title);font-size:.45rem;letter-spacing:.35em;color:var(--parchment-dim);text-transform:uppercase}.location-name{font-family:var(--font-title);font-size:.8rem;color:var(--gold);letter-spacing:.1em}.location-desc{font-family:var(--font-body);font-style:italic;font-size:.85rem;color:var(--parchment-dim);line-height:1.5}.location-rewards{display:flex;gap:1rem;font-family:var(--font-title);font-size:.5rem;color:var(--parchment-dim);letter-spacing:.08em;margin-top:.3rem}.location-btn{align-self:flex-start;font-size:.6rem;padding:.45rem 1rem;margin-top:.4rem}.story-screen{background:var(--bg);display:flex;align-items:center;justify-content:center}.story-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.15;filter:sepia(.6) brightness(.4)}.story-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 80% at 50% 40%,transparent 15%,rgba(10,6,8,.95) 100%)}.story-content{position:relative;z-index:1;width:100%;max-width:520px;max-height:100vh;padding:1.5rem}.story-card{background:#100810d9;border:1px solid var(--border);padding:1.8rem 1.6rem;display:flex;flex-direction:column;gap:1rem}.story-region{font-family:var(--font-title);font-size:.5rem;letter-spacing:.4em;color:var(--parchment-dim);text-transform:uppercase}.story-title{font-family:var(--font-title);font-size:clamp(1rem,3vw,1.3rem);font-weight:600;color:var(--gold);letter-spacing:.08em;line-height:1.3}.story-text{display:flex;flex-direction:column;gap:.8rem}.story-text p{font-family:var(--font-body);font-size:.95rem;line-height:1.65;color:var(--parchment)}.story-divider{height:1px;background:var(--border-dim);margin:.5rem 0}.story-choices{display:flex;flex-direction:column;gap:.6rem}.story-choice-btn{width:100%;text-align:left;padding:.7rem 1rem;font-size:.7rem;letter-spacing:.12em;line-height:1.4}.story-consequence{display:flex;flex-direction:column;gap:1rem;align-items:center}.consequence-text{font-family:var(--font-body);font-style:italic;font-size:.95rem;color:var(--parchment);line-height:1.6;text-align:center}.story-continue-btn{font-size:.68rem;padding:.65rem 1.6rem}.story-loading{font-family:var(--font-body);font-style:italic;color:var(--parchment-dim)}.combat-screen{background:var(--bg);display:flex;flex-direction:column}.combat-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/camp.jpg);background-size:cover;background-position:center;opacity:.1;filter:sepia(.7) brightness(.3)}.combat-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0608b3,#0a060866,#0a0608d9)}.combat-loading{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-style:italic;color:var(--parchment-dim)}.initiative-bar{position:relative;z-index:1;display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-bottom:1px solid var(--border-dim);background:#0a060899}.ini-label{font-family:var(--font-title);font-size:.45rem;letter-spacing:.3em;color:var(--parchment-dim);text-transform:uppercase;flex-shrink:0}.ini-track{display:flex;gap:4px;overflow-x:auto}.ini-pip{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:.5rem;border:1px solid var(--border-dim);flex-shrink:0}.ini-pip.hero{color:var(--gold);border-color:#c9a84c4d}.ini-pip.enemy{color:var(--blood-bright);border-color:#c23b3b4d}.ini-pip.current{border-color:var(--gold);background:#c9a84c26;box-shadow:0 0 8px var(--gold-glow)}.combat-intro{position:relative;z-index:1;text-align:center;font-family:var(--font-body);font-style:italic;font-size:.9rem;color:var(--parchment-dim);padding:.6rem 1rem;line-height:1.5}.battlefield{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:.8rem;padding:.8rem 1rem;min-height:0}.zone{flex:1;display:flex;flex-direction:column;gap:.4rem;min-height:0}.zone-label{font-family:var(--font-title);font-size:.45rem;letter-spacing:.3em;color:var(--parchment-dim);text-transform:uppercase}.zone-units{display:flex;gap:.5rem;flex-wrap:wrap}.combat-unit{width:90px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:.5rem .4rem;background:var(--bg-card);border:1px solid var(--border-dim);cursor:default;transition:all .18s ease}.combat-unit.active{border-color:var(--gold);box-shadow:0 0 12px var(--gold-glow)}.combat-unit.targetable{cursor:pointer;border-color:var(--blood-bright);box-shadow:0 0 10px #c23b3b4d}.combat-unit.targetable:hover{background:#8b1a1a26;border-color:var(--blood-bright)}.combat-unit.hero.targetable{border-color:var(--gold);box-shadow:0 0 10px var(--gold-glow)}.cu-portrait-wrap{width:52px;height:52px;overflow:hidden;border:1px solid var(--border-dim)}.cu-portrait{width:100%;height:100%;object-fit:cover;object-position:top center}.cu-portrait-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:1.2rem;color:var(--parchment-dim);background:var(--bg-surface)}.cu-name{font-family:var(--font-title);font-size:.42rem;letter-spacing:.08em;color:var(--parchment);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cu-hp{width:100%}.cu-hp-num{font-family:var(--font-title);font-size:.4rem;color:var(--parchment-dim);text-align:center}.cu-buff{font-family:var(--font-title);font-size:.38rem;color:var(--gold);letter-spacing:.1em}.combat-ink{position:relative;z-index:1;display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;font-family:var(--font-title);font-size:.65rem;color:var(--blood-bright);letter-spacing:.1em}.skill-bar{position:relative;z-index:1;display:flex;gap:.4rem;padding:.4rem 1rem;overflow-x:auto}.skill-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem .8rem;min-width:80px;font-size:.55rem}.skill-btn.selected{background:#c9a84c26;border-color:var(--gold);box-shadow:0 0 8px var(--gold-glow)}.skill-btn.no-ink{opacity:.3}.skill-name{font-family:var(--font-title);font-size:.52rem;letter-spacing:.08em}.skill-cost{font-family:var(--font-body);font-size:.5rem;color:var(--blood-bright)}.combat-prompt{position:relative;z-index:1;padding:.3rem 1rem;font-family:var(--font-body);font-size:.85rem;color:var(--parchment)}.prompt-name{font-family:var(--font-title);font-size:.7rem;color:var(--gold);letter-spacing:.1em}.enemy-prompt .prompt-name{color:var(--blood-bright)}.prompt-text{font-style:italic;color:var(--parchment-dim)}.combat-log{position:relative;z-index:1;max-height:100px;padding:.5rem 1rem;border-top:1px solid var(--border-dim);background:#0a060880}.log-line{font-family:var(--font-body);font-size:.75rem;color:var(--parchment-dim);line-height:1.4;padding:1px 0}.log-line.latest{color:var(--parchment)}.combat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:#0a0608eb}.overlay-title{font-family:var(--font-title);font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase}.combat-overlay.victory .overlay-title{color:var(--gold)}.combat-overlay.defeat .overlay-title{color:var(--blood-bright)}.overlay-text{font-family:var(--font-body);font-style:italic;font-size:1rem;color:var(--parchment-dim);text-align:center;max-width:300px}@media(min-width:600px){.battlefield{flex-direction:row}.zone{flex:1}.combat-unit{width:100px}.cu-portrait-wrap{width:60px;height:60px}}.loot-screen{background:var(--bg);display:flex;align-items:center;justify-content:center}.loot-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/camp.jpg);background-size:cover;background-position:center;opacity:.1;filter:sepia(.6) brightness(.3)}.loot-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,transparent 20%,rgba(10,6,8,.95) 100%)}.loot-content{position:relative;z-index:1;width:100%;max-width:420px;padding:1.5rem}.loot-card{background:#100810e6;border:1px solid var(--border);padding:2rem 1.6rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}.loot-title{font-family:var(--font-title);font-size:clamp(1rem,3vw,1.4rem);font-weight:700;color:var(--gold);letter-spacing:.15em;text-transform:uppercase}.loot-subtitle{font-family:var(--font-body);font-style:italic;font-size:.9rem;color:var(--parchment-dim)}.loot-divider{width:60%;height:1px;background:var(--border-dim);margin:.4rem 0}.loot-items{display:flex;flex-direction:column;gap:.8rem;width:100%}.loot-item{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;background:#c9a84c0d;border:1px solid var(--border-dim)}.loot-icon{flex-shrink:0}.xp-icon{font-family:var(--font-title);font-size:.55rem;letter-spacing:.1em;color:var(--gold);background:#c9a84c26;border:1px solid rgba(201,168,76,.3);padding:2px 6px}.loot-label{font-family:var(--font-title);font-size:.65rem;letter-spacing:.1em;color:var(--parchment);flex:1}.loot-value{font-family:var(--font-title);font-size:.7rem;color:var(--gold);letter-spacing:.08em}.loot-party{width:100%;display:flex;flex-direction:column;gap:.4rem}.loot-hero{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;flex-wrap:wrap}.loot-hero.dead{opacity:.35}.loot-hero-name{font-family:var(--font-title);font-size:.6rem;letter-spacing:.08em;color:var(--parchment);flex:1}.loot-hero-level{font-family:var(--font-title);font-size:.5rem;color:var(--gold)}.loot-hero-hp{font-family:var(--font-title);font-size:.5rem;color:var(--parchment-dim)}.loot-hero-scars{width:100%;display:flex;gap:.3rem;padding-left:0}.loot-relic{background:#c9a84c1a!important;border-color:#c9a84c59!important;flex-direction:column;align-items:flex-start;gap:.4rem}.relic-icon{font-size:1.2rem;color:var(--gold)}.loot-relic-info{display:flex;flex-direction:column;gap:.2rem}.loot-relic-name{font-family:var(--font-title);font-size:.7rem;color:var(--gold);letter-spacing:.12em}.loot-relic-stat{font-family:var(--font-title);font-size:.55rem;color:var(--hp-green);letter-spacing:.08em}.loot-relic-desc{font-family:var(--font-body);font-style:italic;font-size:.8rem;color:var(--parchment-dim);line-height:1.4}.loot-hero-levelup{font-family:var(--font-title);font-size:.45rem;letter-spacing:.15em;color:var(--gold);border:1px solid rgba(201,168,76,.4);padding:1px 6px;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.6}50%{opacity:1}}.loot-return-btn{margin-top:.8rem;font-size:.68rem;padding:.65rem 1.8rem}.banter-screen{background:var(--bg);cursor:pointer}.banter-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/tavern.jpg);background-size:cover;background-position:center;opacity:.15;filter:sepia(.6) brightness(.4)}.banter-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0608d9,#0a060880 30%,#0a0608d9)}.banter-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:1.5rem;max-width:600px;margin:0 auto}.banter-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-dim)}.banter-location{font-family:var(--font-title);font-size:.5rem;letter-spacing:.4em;color:var(--parchment-dim);text-transform:uppercase;margin-bottom:.3rem}.banter-title{font-family:var(--font-title);font-size:1.1rem;color:var(--gold);letter-spacing:.15em}.banter-dialogue{flex:1;display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.banter-line{display:flex;flex-direction:column;gap:.3rem}.banter-speaker-row{display:flex;align-items:center;gap:.6rem}.banter-portrait-mini{width:28px;height:28px;border-radius:50%;overflow:hidden;border:1px solid var(--border);flex-shrink:0}.banter-portrait-mini img{width:100%;height:100%;object-fit:cover;filter:sepia(.3) brightness(.8)}.banter-portrait-mini span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-title);font-size:.6rem;color:var(--parchment-dim);background:var(--bg-card)}.banter-speaker{font-family:var(--font-title);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}.banter-text{font-family:var(--font-body);font-size:1rem;font-style:italic;color:var(--parchment);line-height:1.6;padding-left:2.4rem}.banter-footer{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding-top:1rem;border-top:1px solid var(--border-dim)}.banter-tap-hint{font-family:var(--font-body);font-style:italic;font-size:.85rem;color:var(--parchment-dim);animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.4}50%{opacity:.8}}.banter-btn{font-size:.7rem}.banter-bond-info{font-family:var(--font-title);font-size:.5rem;letter-spacing:.2em;color:var(--parchment-dim)}.bond-gain{color:var(--gold)}