@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@300;400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Outfit:wght@100..900&display=swap";:root{--bg-dark:#0a0a0c;--bg-darker:#050506;--bg-panel:#141419b3;--primary:#c22929;--primary-hover:#e63946;--primary-glow:#c2292980;--text-main:#e2e2e2;--text-muted:#8b8b99;--text-accent:#d4af37;--secondary:#4db8ff;--secondary-hover:#69c5ff;--secondary-glow:#4db8ff4d;--border-color:#ffffff1a;--border-glow:#d4af374d;--font-heading:"Cinzel", serif;--font-body:"Josefin Sans", sans-serif;--transition:all .3s cubic-bezier(.25, .5, .25, 1);--glass-bg:#0f0f1299;--glass-border:1px solid #ffffff0d;--glass-shadow:0 8px 32px 0 #00000080;--modal-small:450px;--modal-medium:600px;--modal-large:750px;--modal-xlarge:850px;--modal-xxlarge:1000px;--modal-xxxlarge:1150px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-darker);width:100%;height:100%;color:var(--text-main);font-family:var(--font-body);overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#c229290d 0%,#0000 60%),radial-gradient(circle at 100% 0,#d4af3708 0%,#0000 40%);width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:1px;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary);box-shadow:0 0 5px var(--primary-glow);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.flex-auto-keep{flex:none}.flex-auto-fill{flex:auto}.icon-a-armor-vest{background-image:url(/icons/a-armor-vest.png)}.icon-a-armored-pants{background-image:url(/icons/a-armored-pants.png)}.icon-a-bandana{background-image:url(/icons/a-bandana.png)}.icon-a-barbute{background-image:url(/icons/a-barbute.png)}.icon-a-belt-gloves{background-image:url(/icons/a-belt-gloves.png)}.icon-a-boots{background-image:url(/icons/a-boots.png)}.icon-a-bracer{background-image:url(/icons/a-bracer.png)}.icon-a-bracers{background-image:url(/icons/a-bracers.png)}.icon-a-breastplate{background-image:url(/icons/a-breastplate.png)}.icon-a-brutal-helm{background-image:url(/icons/a-brutal-helm.png)}.icon-a-cape-armor{background-image:url(/icons/a-cape-armor.png)}.icon-a-chain-fist{background-image:url(/icons/a-chain-fist.png)}.icon-a-closed-barbute{background-image:url(/icons/a-closed-barbute.png)}.icon-a-cloth-chest{background-image:url(/icons/a-cloth-chest.png)}.icon-a-cloth-shirt{background-image:url(/icons/a-cloth-shirt.png)}.icon-a-cracked-helm{background-image:url(/icons/a-cracked-helm.png)}.icon-a-crested-helmet{background-image:url(/icons/a-crested-helmet.png)}.icon-a-dwarf-helmet{background-image:url(/icons/a-dwarf-helmet.png)}.icon-a-elf-helmet{background-image:url(/icons/a-elf-helmet.png)}.icon-a-fedora{background-image:url(/icons/a-fedora.png)}.icon-a-fist{background-image:url(/icons/a-fist.png)}.icon-a-frog-mouth-helm{background-image:url(/icons/a-frog-mouth-helm.png)}.icon-a-fur-boot{background-image:url(/icons/a-fur-boot.png)}.icon-a-gauntlet{background-image:url(/icons/a-gauntlet.png)}.icon-a-gloves{background-image:url(/icons/a-gloves.png)}.icon-a-greaves{background-image:url(/icons/a-greaves.png)}.icon-a-hand-bandage{background-image:url(/icons/a-hand-bandage.png)}.icon-a-heart-armor{background-image:url(/icons/a-heart-armor.png)}.icon-a-heavy-helm{background-image:url(/icons/a-heavy-helm.png)}.icon-a-hood{background-image:url(/icons/a-hood.png)}.icon-a-horned-helm{background-image:url(/icons/a-horned-helm.png)}.icon-a-iron-fist{background-image:url(/icons/a-iron-fist.png)}.icon-a-iron-helmet{background-image:url(/icons/a-iron-helmet.png)}.icon-a-jester-hat{background-image:url(/icons/a-jester-hat.png)}.icon-a-kevlar{background-image:url(/icons/a-kevlar.png)}.icon-a-lamellar{background-image:url(/icons/a-lamellar.png)}.icon-a-leather-armor{background-image:url(/icons/a-leather-armor.png)}.icon-a-leather-boot{background-image:url(/icons/a-leather-boot.png)}.icon-a-leather-fists{background-image:url(/icons/a-leather-fists.png)}.icon-a-leather-helmet{background-image:url(/icons/a-leather-helmet.png)}.icon-a-leather-vest{background-image:url(/icons/a-leather-vest.png)}.icon-a-leg-armor{background-image:url(/icons/a-leg-armor.png)}.icon-a-light-helm{background-image:url(/icons/a-light-helm.png)}.icon-a-loincloth{background-image:url(/icons/a-loincloth.png)}.icon-a-long-boots{background-image:url(/icons/a-long-boots.png)}.icon-a-long-fist{background-image:url(/icons/a-long-fist.png)}.icon-a-long-ropes{background-image:url(/icons/a-long-ropes.png)}.icon-a-mail-helm{background-image:url(/icons/a-mail-helm.png)}.icon-a-mail-shirt{background-image:url(/icons/a-mail-shirt.png)}.icon-a-metal-boot{background-image:url(/icons/a-metal-boot.png)}.icon-a-metal-hand{background-image:url(/icons/a-metal-hand.png)}.icon-a-metal-skirt{background-image:url(/icons/a-metal-skirt.png)}.icon-a-ninja-armor{background-image:url(/icons/a-ninja-armor.png)}.icon-a-overlord-helm{background-image:url(/icons/a-overlord-helm.png)}.icon-a-pilgrim-hat{background-image:url(/icons/a-pilgrim-hat.png)}.icon-a-plastron{background-image:url(/icons/a-plastron.png)}.icon-a-pointy-hat{background-image:url(/icons/a-pointy-hat.png)}.icon-a-pteruges{background-image:url(/icons/a-pteruges.png)}.icon-a-relic-gloves{background-image:url(/icons/a-relic-gloves.png)}.icon-a-relic-ropes{background-image:url(/icons/a-relic-ropes.png)}.icon-a-ribcage{background-image:url(/icons/a-ribcage.png)}.icon-a-robe{background-image:url(/icons/a-robe.png)}.icon-a-round-hood{background-image:url(/icons/a-round-hood.png)}.icon-a-sacred-helmet{background-image:url(/icons/a-sacred-helmet.png)}.icon-a-sandals{background-image:url(/icons/a-sandals.png)}.icon-a-scale-mail{background-image:url(/icons/a-scale-mail.png)}.icon-a-sharp-crown{background-image:url(/icons/a-sharp-crown.png)}.icon-a-shoulder-armor{background-image:url(/icons/a-shoulder-armor.png)}.icon-a-skeletal-boots{background-image:url(/icons/a-skeletal-boots.png)}.icon-a-skeletal-hand{background-image:url(/icons/a-skeletal-hand.png)}.icon-a-sonic-shoes{background-image:url(/icons/a-sonic-shoes.png)}.icon-a-spike-guantlet{background-image:url(/icons/a-spike-guantlet.png)}.icon-a-steel-armor{background-image:url(/icons/a-steel-armor.png)}.icon-a-steeltoe-boots{background-image:url(/icons/a-steeltoe-boots.png)}.icon-a-stomp-boots{background-image:url(/icons/a-stomp-boots.png)}.icon-a-swallow{background-image:url(/icons/a-swallow.png)}.icon-a-tabi-boots{background-image:url(/icons/a-tabi-boots.png)}.icon-a-tiara{background-image:url(/icons/a-tiara.png)}.icon-a-tread{background-image:url(/icons/a-tread.png)}.icon-a-visored-helm{background-image:url(/icons/a-visored-helm.png)}.icon-a-walking-boot{background-image:url(/icons/a-walking-boot.png)}.icon-a-warlock-hood{background-image:url(/icons/a-warlock-hood.png)}.icon-a-warlord-armor{background-image:url(/icons/a-warlord-armor.png)}.icon-a-warlord-helmet{background-image:url(/icons/a-warlord-helmet.png)}.icon-a-wing-cloak{background-image:url(/icons/a-wing-cloak.png)}.icon-a-wingfoot{background-image:url(/icons/a-wingfoot.png)}.icon-a-wooden-clogs{background-image:url(/icons/a-wooden-clogs.png)}.icon-a-wooden-helmet{background-image:url(/icons/a-wooden-helmet.png)}.icon-a-wooden-mask{background-image:url(/icons/a-wooden-mask.png)}.icon-ac-cowled{background-image:url(/icons/ac-cowled.png)}.icon-ac-crown-coin{background-image:url(/icons/ac-crown-coin.png)}.icon-ac-crown-of-thorns{background-image:url(/icons/ac-crown-of-thorns.png)}.icon-ac-crystal-ball{background-image:url(/icons/ac-crystal-ball.png)}.icon-ac-crystal-growth{background-image:url(/icons/ac-crystal-growth.png)}.icon-ac-dragon-amulet{background-image:url(/icons/ac-dragon-amulet.png)}.icon-ac-eyeball{background-image:url(/icons/ac-eyeball.png)}.icon-ac-freedom-dove{background-image:url(/icons/ac-freedom-dove.png)}.icon-ac-frozen-orb{background-image:url(/icons/ac-frozen-orb.png)}.icon-ac-gem-necklace{background-image:url(/icons/ac-gem-necklace.png)}.icon-ac-gem-pendant{background-image:url(/icons/ac-gem-pendant.png)}.icon-ac-glass-heart{background-image:url(/icons/ac-glass-heart.png)}.icon-ac-goblin-ear{background-image:url(/icons/ac-goblin-ear.png)}.icon-ac-hydra{background-image:url(/icons/ac-hydra.png)}.icon-ac-jeweled-chalice{background-image:url(/icons/ac-jeweled-chalice.png)}.icon-ac-metal-disc{background-image:url(/icons/ac-metal-disc.png)}.icon-ac-moebius-triangle{background-image:url(/icons/ac-moebius-triangle.png)}.icon-ac-ouroboros{background-image:url(/icons/ac-ouroboros.png)}.icon-ac-primitive-necklace{background-image:url(/icons/ac-primitive-necklace.png)}.icon-ac-queen-crown{background-image:url(/icons/ac-queen-crown.png)}.icon-ac-rune-stone{background-image:url(/icons/ac-rune-stone.png)}.icon-ac-saphir{background-image:url(/icons/ac-saphir.png)}.icon-ac-sea-dragon{background-image:url(/icons/ac-sea-dragon.png)}.icon-ac-sheikah-eye{background-image:url(/icons/ac-sheikah-eye.png)}.icon-ac-skull-ring{background-image:url(/icons/ac-skull-ring.png)}.icon-ac-skull-signet{background-image:url(/icons/ac-skull-signet.png)}.icon-ac-spinal-coil{background-image:url(/icons/ac-spinal-coil.png)}.icon-ac-stone-tablet{background-image:url(/icons/ac-stone-tablet.png)}.icon-angel-wings{background-image:url(/icons/angel-wings.png)}.icon-arrow-cluster{background-image:url(/icons/arrow-cluster.png)}.icon-axe-swing{background-image:url(/icons/axe-swing.png)}.icon-back-pain{background-image:url(/icons/back-pain.png)}.icon-backup{background-image:url(/icons/backup.png)}.icon-bear-head{background-image:url(/icons/bear-head.png)}.icon-beast-eye{background-image:url(/icons/beast-eye.png)}.icon-blade-bite{background-image:url(/icons/blade-bite.png)}.icon-bleeding-eye{background-image:url(/icons/bleeding-eye.png)}.icon-bleeding-heart{background-image:url(/icons/bleeding-heart.png)}.icon-book-cover{background-image:url(/icons/book-cover.png)}.icon-broken-shield{background-image:url(/icons/broken-shield.png)}.icon-c-bandage-roll{background-image:url(/icons/c-bandage-roll.png)}.icon-c-beer-stein{background-image:url(/icons/c-beer-stein.png)}.icon-c-chicken-leg{background-image:url(/icons/c-chicken-leg.png)}.icon-c-compass{background-image:url(/icons/c-compass.png)}.icon-c-crystalize{background-image:url(/icons/c-crystalize.png)}.icon-c-dinosaur-egg{background-image:url(/icons/c-dinosaur-egg.png)}.icon-c-embryo{background-image:url(/icons/c-embryo.png)}.icon-c-emerald{background-image:url(/icons/c-emerald.png)}.icon-c-fish-cooked{background-image:url(/icons/c-fish-cooked.png)}.icon-c-fish-smoking{background-image:url(/icons/c-fish-smoking.png)}.icon-c-fishbone{background-image:url(/icons/c-fishbone.png)}.icon-c-ham-shank{background-image:url(/icons/c-ham-shank.png)}.icon-c-heart-organ{background-image:url(/icons/c-heart-organ.png)}.icon-c-hot-meal{background-image:url(/icons/c-hot-meal.png)}.icon-c-hunting-horn{background-image:url(/icons/c-hunting-horn.png)}.icon-c-lock-pick{background-image:url(/icons/c-lock-pick.png)}.icon-c-meat{background-image:url(/icons/c-meat.png)}.icon-c-mirror-mirror{background-image:url(/icons/c-mirror-mirror.png)}.icon-c-mushroom-gills{background-image:url(/icons/c-mushroom-gills.png)}.icon-c-primitive-torch{background-image:url(/icons/c-primitive-torch.png)}.icon-c-rope-coil{background-image:url(/icons/c-rope-coil.png)}.icon-c-stone-pile{background-image:url(/icons/c-stone-pile.png)}.icon-c-super-mushroom{background-image:url(/icons/c-super-mushroom.png)}.icon-c-treasure-map{background-image:url(/icons/c-treasure-map.png)}.icon-c-turd{background-image:url(/icons/c-turd.png)}.icon-c-vial-0{background-image:url(/icons/c-vial-0.png)}.icon-c-vial-1{background-image:url(/icons/c-vial-1.png)}.icon-c-vial-10{background-image:url(/icons/c-vial-10.png)}.icon-c-vial-11{background-image:url(/icons/c-vial-11.png)}.icon-c-vial-12{background-image:url(/icons/c-vial-12.png)}.icon-c-vial-13{background-image:url(/icons/c-vial-13.png)}.icon-c-vial-14{background-image:url(/icons/c-vial-14.png)}.icon-c-vial-15{background-image:url(/icons/c-vial-15.png)}.icon-c-vial-16{background-image:url(/icons/c-vial-16.png)}.icon-c-vial-17{background-image:url(/icons/c-vial-17.png)}.icon-c-vial-18{background-image:url(/icons/c-vial-18.png)}.icon-c-vial-19{background-image:url(/icons/c-vial-19.png)}.icon-c-vial-2{background-image:url(/icons/c-vial-2.png)}.icon-c-vial-20{background-image:url(/icons/c-vial-20.png)}.icon-c-vial-21{background-image:url(/icons/c-vial-21.png)}.icon-c-vial-22{background-image:url(/icons/c-vial-22.png)}.icon-c-vial-3{background-image:url(/icons/c-vial-3.png)}.icon-c-vial-4{background-image:url(/icons/c-vial-4.png)}.icon-c-vial-5{background-image:url(/icons/c-vial-5.png)}.icon-c-vial-6{background-image:url(/icons/c-vial-6.png)}.icon-c-vial-7{background-image:url(/icons/c-vial-7.png)}.icon-c-vial-8{background-image:url(/icons/c-vial-8.png)}.icon-c-vial-9{background-image:url(/icons/c-vial-9.png)}.icon-cash{background-image:url(/icons/cash.png)}.icon-crawl{background-image:url(/icons/crawl.png)}.icon-curling-vines{background-image:url(/icons/curling-vines.png)}.icon-dark-squad{background-image:url(/icons/dark-squad.png)}.icon-dead-eye{background-image:url(/icons/dead-eye.png)}.icon-dodging{background-image:url(/icons/dodging.png)}.icon-dripping-blade{background-image:url(/icons/dripping-blade.png)}.icon-embrassed-energy{background-image:url(/icons/embrassed-energy.png)}.icon-explosion-rays{background-image:url(/icons/explosion-rays.png)}.icon-extra-lucid{background-image:url(/icons/extra-lucid.png)}.icon-eye-shield{background-image:url(/icons/eye-shield.png)}.icon-fission{background-image:url(/icons/fission.png)}.icon-fluffy-swirl{background-image:url(/icons/fluffy-swirl.png)}.icon-fulguro-punch{background-image:url(/icons/fulguro-punch.png)}.icon-gaze{background-image:url(/icons/gaze.png)}.icon-gears{background-image:url(/icons/gears.png)}.icon-gluttonous-smile{background-image:url(/icons/gluttonous-smile.png)}.icon-grab{background-image:url(/icons/grab.png)}.icon-half-heart{background-image:url(/icons/half-heart.png)}.icon-headshot{background-image:url(/icons/headshot.png)}.icon-hidden{background-image:url(/icons/hidden.png)}.icon-holy-symbol{background-image:url(/icons/holy-symbol.png)}.icon-hypersonic-bolt{background-image:url(/icons/hypersonic-bolt.png)}.icon-internal-injury{background-image:url(/icons/internal-injury.png)}.icon-invisible{background-image:url(/icons/invisible.png)}.icon-justice-star{background-image:url(/icons/justice-star.png)}.icon-knapsack{background-image:url(/icons/knapsack.png)}.icon-life-support{background-image:url(/icons/life-support.png)}.icon-lightning-storm{background-image:url(/icons/lightning-storm.png)}.icon-locked-chest{background-image:url(/icons/locked-chest.png)}.icon-magic-palm{background-image:url(/icons/magic-palm.png)}.icon-magic-swirl{background-image:url(/icons/magic-swirl.png)}.icon-magnifying-glass{background-image:url(/icons/magnifying-glass.png)}.icon-medal{background-image:url(/icons/medal.png)}.icon-mixed-swords{background-image:url(/icons/mixed-swords.png)}.icon-one-eyed{background-image:url(/icons/one-eyed.png)}.icon-perspective-dice-six-faces-one{background-image:url(/icons/perspective-dice-six-faces-one.png)}.icon-poison-gas{background-image:url(/icons/poison-gas.png)}.icon-public-speaker{background-image:url(/icons/public-speaker.png)}.icon-quicksand{background-image:url(/icons/quicksand.png)}.icon-saber-tooth{background-image:url(/icons/saber-tooth.png)}.icon-screaming{background-image:url(/icons/screaming.png)}.icon-shaking-hands{background-image:url(/icons/shaking-hands.png)}.icon-sharp-smile{background-image:url(/icons/sharp-smile.png)}.icon-shield-bash{background-image:url(/icons/shield-bash.png)}.icon-shield-reflect{background-image:url(/icons/shield-reflect.png)}.icon-skull-shield{background-image:url(/icons/skull-shield.png)}.icon-small-fire{background-image:url(/icons/small-fire.png)}.icon-snatch{background-image:url(/icons/snatch.png)}.icon-sonic-shout{background-image:url(/icons/sonic-shout.png)}.icon-spinning-blades{background-image:url(/icons/spinning-blades.png)}.icon-sprint{background-image:url(/icons/sprint.png)}.icon-stone-throne{background-image:url(/icons/stone-throne.png)}.icon-strong{background-image:url(/icons/strong.png)}.icon-sunbeams{background-image:url(/icons/sunbeams.png)}.icon-surrounded-shield{background-image:url(/icons/surrounded-shield.png)}.icon-suspicious{background-image:url(/icons/suspicious.png)}.icon-swap-bag{background-image:url(/icons/swap-bag.png)}.icon-sword-clash{background-image:url(/icons/sword-clash.png)}.icon-sword-smithing{background-image:url(/icons/sword-smithing.png)}.icon-target-dummy{background-image:url(/icons/target-dummy.png)}.icon-tear-tracks{background-image:url(/icons/tear-tracks.png)}.icon-terror{background-image:url(/icons/terror.png)}.icon-tyre{background-image:url(/icons/tyre.png)}.icon-vine-flower{background-image:url(/icons/vine-flower.png)}.icon-w-armored-boomerang{background-image:url(/icons/w-armored-boomerang.png)}.icon-w-bat-blade{background-image:url(/icons/w-bat-blade.png)}.icon-w-battered-axe{background-image:url(/icons/w-battered-axe.png)}.icon-w-battle-axe{background-image:url(/icons/w-battle-axe.png)}.icon-w-bone-knife{background-image:url(/icons/w-bone-knife.png)}.icon-w-boomerang{background-image:url(/icons/w-boomerang.png)}.icon-w-bowie-knife{background-image:url(/icons/w-bowie-knife.png)}.icon-w-broadsword{background-image:url(/icons/w-broadsword.png)}.icon-w-burning-book{background-image:url(/icons/w-burning-book.png)}.icon-w-chain-maze{background-image:url(/icons/w-chain-maze.png)}.icon-w-cracked-saber{background-image:url(/icons/w-cracked-saber.png)}.icon-w-cracked-shield{background-image:url(/icons/w-cracked-shield.png)}.icon-w-crenulated-shield{background-image:url(/icons/w-crenulated-shield.png)}.icon-w-crescent-blade{background-image:url(/icons/w-crescent-blade.png)}.icon-w-croc-sword{background-image:url(/icons/w-croc-sword.png)}.icon-w-crossbow{background-image:url(/icons/w-crossbow.png)}.icon-w-crossed-axes{background-image:url(/icons/w-crossed-axes.png)}.icon-w-crossed-daggers{background-image:url(/icons/w-crossed-daggers.png)}.icon-w-crystal-wand{background-image:url(/icons/w-crystal-wand.png)}.icon-w-curvy-knife{background-image:url(/icons/w-curvy-knife.png)}.icon-w-dervish-swords{background-image:url(/icons/w-dervish-swords.png)}.icon-w-double-shot{background-image:url(/icons/w-double-shot.png)}.icon-w-dripping-sword{background-image:url(/icons/w-dripping-sword.png)}.icon-w-energy-shield{background-image:url(/icons/w-energy-shield.png)}.icon-w-fairy-wand{background-image:url(/icons/w-fairy-wand.png)}.icon-w-fern-staff{background-image:url(/icons/w-fern-staff.png)}.icon-w-fire-axe{background-image:url(/icons/w-fire-axe.png)}.icon-w-fire-shield{background-image:url(/icons/w-fire-shield.png)}.icon-w-flat-hammer{background-image:url(/icons/w-flat-hammer.png)}.icon-w-gavel{background-image:url(/icons/w-gavel.png)}.icon-w-halberd{background-image:url(/icons/w-halberd.png)}.icon-w-harpoon-trident{background-image:url(/icons/w-harpoon-trident.png)}.icon-w-heavy-arrow{background-image:url(/icons/w-heavy-arrow.png)}.icon-w-high-shot{background-image:url(/icons/w-high-shot.png)}.icon-w-knife-thrust{background-image:url(/icons/w-knife-thrust.png)}.icon-w-lightning-bow{background-image:url(/icons/w-lightning-bow.png)}.icon-w-mace-head{background-image:url(/icons/w-mace-head.png)}.icon-w-mailed-fist{background-image:url(/icons/w-mailed-fist.png)}.icon-w-monarch-maze{background-image:url(/icons/w-monarch-maze.png)}.icon-w-mordred-daggers{background-image:url(/icons/w-mordred-daggers.png)}.icon-w-morningstar-holy-knight{background-image:url(/icons/w-morningstar-holy-knight.png)}.icon-w-orb-wand{background-image:url(/icons/w-orb-wand.png)}.icon-w-plain-dagger{background-image:url(/icons/w-plain-dagger.png)}.icon-w-pocket-bow{background-image:url(/icons/w-pocket-bow.png)}.icon-w-punch{background-image:url(/icons/w-punch.png)}.icon-w-reaper-scythe{background-image:url(/icons/w-reaper-scythe.png)}.icon-w-relic-blade{background-image:url(/icons/w-relic-blade.png)}.icon-w-round-shield{background-image:url(/icons/w-round-shield.png)}.icon-w-rune-sword{background-image:url(/icons/w-rune-sword.png)}.icon-w-sacrificial-dagger{background-image:url(/icons/w-sacrificial-dagger.png)}.icon-w-scythe{background-image:url(/icons/w-scythe.png)}.icon-w-shard-sword{background-image:url(/icons/w-shard-sword.png)}.icon-w-skull-staff{background-image:url(/icons/w-skull-staff.png)}.icon-w-sparkling-sabre{background-image:url(/icons/w-sparkling-sabre.png)}.icon-w-spiked-mace{background-image:url(/icons/w-spiked-mace.png)}.icon-w-spoon{background-image:url(/icons/w-spoon.png)}.icon-w-steel-claws{background-image:url(/icons/w-steel-claws.png)}.icon-w-stiletto{background-image:url(/icons/w-stiletto.png)}.icon-w-stone-spear{background-image:url(/icons/w-stone-spear.png)}.icon-w-sun-staff{background-image:url(/icons/w-sun-staff.png)}.icon-w-thor-fist{background-image:url(/icons/w-thor-fist.png)}.icon-w-turtle-shell{background-image:url(/icons/w-turtle-shell.png)}.icon-w-war-axe{background-image:url(/icons/w-war-axe.png)}.icon-w-winged-shield{background-image:url(/icons/w-winged-shield.png)}.icon-w-winged-sword{background-image:url(/icons/w-winged-sword.png)}.icon-w-wizard-staff{background-image:url(/icons/w-wizard-staff.png)}.icon-w-zeus-sword{background-image:url(/icons/w-zeus-sword.png)}.icon-wave-strike{background-image:url(/icons/wave-strike.png)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.main-menu-container{flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:800px;animation:1s ease-out fadeIn;display:flex}.title-section{text-align:center;margin-bottom:1rem}.main-title{color:var(--text-main);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px var(--primary-glow);margin-bottom:.5rem;font-size:4rem}.subtitle{color:var(--text-accent);letter-spacing:2px;font-size:2rem;font-style:italic}.menu-options{flex-direction:column;gap:1.5rem;width:100%;max-width:400px;display:flex}.menu-separator{background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.4;height:1px;box-shadow:0 0 10px var(--primary-glow);margin:.5rem 0}.menu-btn{background:var(--glass-bg);border:var(--glass-border);color:var(--text-main);font-size:1.1rem;font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;transition:var(--transition);box-shadow:var(--glass-shadow);border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:1.2rem 2rem;display:flex;position:relative;overflow:hidden}.menu-btn:before{content:"";width:100%;height:100%;transition:var(--transition);background:linear-gradient(90deg,#0000,#ffffff1a,#0000);position:absolute;top:0;left:-100%}.menu-btn:hover{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);color:#fff;transform:translateY(-2px)}.menu-btn:hover:before{transition:all .7s;left:100%}.menu-btn:active{transform:translateY(0)}.resume-btn{background:linear-gradient(135deg,#d4af370d 0%,#0006 100%);border-color:#d4af3766;box-shadow:0 0 15px #d4af371a}.resume-btn:hover{border-color:#d4af37;box-shadow:0 0 20px #d4af374d}.manual-btn{background:linear-gradient(135deg,#3b82f60d 0%,#0006 100%);border-color:#3b82f666;box-shadow:0 0 15px #3b82f61a}.manual-btn:hover{border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.btn-icon{color:var(--primary);transition:var(--transition);font-size:1.4rem}.menu-btn:hover .btn-icon{color:var(--text-accent)}:root{--border-opacity:.7;--glow-opacity:.3;--color-guerrero:rgba(0, 238, 255, var(--border-opacity));--color-guerrero-glow:rgba(0, 238, 255, var(--glow-opacity));--color-picaro:rgba(34, 197, 94, var(--border-opacity));--color-picaro-glow:rgba(34, 197, 94, var(--glow-opacity));--color-mago:rgba(168, 85, 247, var(--border-opacity));--color-mago-glow:rgba(168, 85, 247, var(--glow-opacity));--color-cazador:rgba(255, 125, 0, var(--border-opacity));--color-cazador-glow:rgba(255, 125, 0, var(--glow-opacity));--color-druida:rgba(37, 99, 235, var(--border-opacity));--color-druida-glow:rgba(37, 99, 235, var(--glow-opacity));--color-monje:rgba(212, 212, 216, var(--border-opacity));--color-monje-glow:rgba(212, 212, 216, var(--glow-opacity));--color-nigromante:rgba(220, 38, 38, var(--border-opacity));--color-nigromante-glow:rgba(220, 38, 38, var(--glow-opacity));--color-paladin:rgba(253, 224, 81, var(--border-opacity));--color-paladin-glow:rgba(253, 224, 81, var(--glow-opacity));--color-barbaro:rgba(253, 0, 171, var(--border-opacity));--color-barbaro-glow:rgba(253, 0, 171, var(--glow-opacity))}.class-guerrero{--class-color:var(--color-guerrero);--class-color-glow:var(--color-guerrero-glow)}.class-picaro{--class-color:var(--color-picaro);--class-color-glow:var(--color-picaro-glow)}.class-mago{--class-color:var(--color-mago);--class-color-glow:var(--color-mago-glow)}.class-cazador{--class-color:var(--color-cazador);--class-color-glow:var(--color-cazador-glow)}.class-druida{--class-color:var(--color-druida);--class-color-glow:var(--color-druida-glow)}.class-monje{--class-color:var(--color-monje);--class-color-glow:var(--color-monje-glow)}.class-nigromante{--class-color:var(--color-nigromante);--class-color-glow:var(--color-nigromante-glow)}.class-paladin{--class-color:var(--color-paladin);--class-color-glow:var(--color-paladin-glow)}.class-barbaro{--class-color:var(--color-barbaro);--class-color-glow:var(--color-barbaro-glow)}.draft-cards-group [class*=class-],.draft-cards-group .hero-card[class*=class-]{background:linear-gradient(180deg, rgba(var(--class-color-rgb), .15) 0%, #0006 100%);position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.main-title{letter-spacing:2px;font-size:2.5rem}.subtitle{font-size:1.35rem}.main-menu-container{gap:2rem;padding:1rem}.menu-btn{padding:1rem;font-size:1rem}}.dice-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:1rem;display:grid}.dice-grid.d6{grid-template-columns:repeat(6,1fr)}.dice-grid.d8{grid-template-columns:repeat(4,1fr)}.dice-grid.d12{grid-template-columns:repeat(6,1fr)}.dice-grid.d20{grid-template-columns:repeat(5,1fr)}.dice-button{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.dice-button:hover{transform:scale(1.15)rotate(3deg)}.dice-button:active{transform:scale(.95)}.dice-face{background:#1e1e22;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex;position:relative;box-shadow:0 8px 20px #00000080,inset 0 2px 4px #ffffff0d,inset 0 -4px 6px #0000004d}.dice-number{font-family:var(--font-heading);color:#d4af37;text-shadow:0 0 10px #d4af3766;font-size:2.25rem;font-weight:700;line-height:1}.sandbox-container{color:#e2e8f0;background:#0f0f17;flex-direction:column;width:100vw;height:100vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.sandbox-header{background:#0f0f17f2;border-bottom:1px solid #2d2d3f;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;box-shadow:0 4px 12px #0006}.sandbox-title{color:var(--text-accent,#d4af37);text-shadow:0 0 15px #d4af3740;font-size:1.4rem;font-family:var(--font-heading,"Cinzel", serif);letter-spacing:1.5px;margin:0;font-weight:700}.sandbox-body{flex:1;gap:1rem;padding:1rem;display:flex;overflow:hidden}.sandbox-left{background:#16162299;border:1px solid #2d2d3f;border-radius:10px;flex-direction:column;flex:1.4;gap:.5rem;padding:1.25rem;display:flex}.grid-header{justify-content:space-between;align-items:center;display:flex}.grid-title{color:#94a3b8;font-size:1.1rem;font-weight:600;font-family:var(--font-heading,"Cinzel", serif)}.sandbox-grid-6x3{background:#09090e;border:1px solid #27273a;border-radius:8px;flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(6,1fr);gap:8px;padding:12px;display:grid}.sandbox-tile{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e1e2eb3;border:1px dashed #3f3f5a;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:110px;padding:6px;transition:all .2s;display:flex;position:relative}.sandbox-tile:hover{background:#2d2d44e6;border-color:#6366f1}.sandbox-tile.selected-tile{border:2px solid #fbbf24;box-shadow:0 0 12px #fbbf2466}.tile-coord{color:#64748b;font-size:.65rem;position:absolute;top:4px;left:4px}.sandbox-card{border-radius:4px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:4px;display:flex}.sandbox-card.hero-card{background:#10b98126;border:1px solid #10b981}.sandbox-card.enemy-card{background:#ef444426;border:1px solid #ef4444}.card-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.85rem;font-weight:700;overflow:hidden}.card-stats-col{color:#cbd5e1;text-shadow:0 1px 2px #000c;flex-direction:column;align-items:center;margin:2px 0;font-size:.75rem;font-weight:600;line-height:1.15;display:flex}.hero-card .card-name{color:#34d399}.enemy-card .card-name{color:#f87171}.card-hp-bar{background:#1e1e2d;border:1px solid #334155;border-radius:5px;width:100%;height:10px;position:relative;overflow:hidden}.card-hp-fill{background:linear-gradient(90deg,#ef4444,#10b981);height:100%;transition:width .3s}.card-hp-text{color:#fff;text-shadow:0 0 2px #000;justify-content:center;align-items:center;width:100%;height:100%;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.card-resource-bar{background:#1e1e2d;border:1px solid #334155;border-radius:4px;width:100%;height:9px;margin-top:2px;position:relative;overflow:hidden}.card-resource-fill{height:100%;transition:width .3s}.card-resource-text{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.card-status-list{flex-wrap:wrap;justify-content:center;gap:2px;margin-top:2px;display:flex}.card-status-badge{color:#fbbf24;background:#334155;border-radius:3px;padding:1px 4px;font-size:.6rem;font-weight:600}.card-mastery-list{flex-wrap:wrap;justify-content:center;gap:2px;margin-top:2px;display:flex}.card-mastery-badge{color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf2466;border-radius:3px;padding:1px 4px;font-size:.6rem;font-weight:600}.d6-btn-group{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:4px;display:grid}.d6-btn{color:#cbd5e1;cursor:pointer;background:#1e1e2d;border:1px solid #3f3f5a;border-radius:5px;padding:.45rem .5rem;font-size:.75rem;font-weight:700;transition:all .2s}.d6-btn:hover{color:#fff;background:#2d2d3f;border-color:#fbbf24}.d6-btn.d6-miss{color:#f87171;border-color:#ef444480}.d6-btn.d6-blocked{color:#fbbf24;border-color:#f59e0b80}.d6-btn.d6-hit{color:#34d399;border-color:#10b98180}.d6-btn.d6-crit{color:#c084fc;border-color:#a855f780}.sandbox-right{flex-direction:column;flex:1;gap:1rem;display:flex;overflow-y:auto}.sandbox-panel{background:#161622b3;border:1px solid #2d2d3f;border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.panel-title{color:#cbd5e1;font-size:1rem;font-weight:700;font-family:var(--font-heading,"Cinzel", serif);border-bottom:1px solid #334155;justify-content:space-between;align-items:center;display:flex}.palette-section{flex-direction:column;gap:.5rem;display:flex}.palette-group{flex-wrap:wrap;gap:6px;display:flex}.palette-btn{cursor:pointer;border:1px solid #334155;border-radius:5px;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.palette-btn.hero-btn{color:#34d399;background:#10b9811a;border-color:#10b98166}.palette-btn.hero-btn:hover{background:#10b9814d;border-color:#10b981}.palette-btn.enemy-btn{color:#f87171;background:#ef44441a;border-color:#ef444466}.palette-btn.enemy-btn:hover{background:#ef44444d;border-color:#ef4444}.control-form{flex-direction:column;gap:.75rem;display:flex}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-label{color:#94a3b8;font-size:.75rem;font-weight:600}.form-select{color:#f8fafc;background:#0f0f17;border:1px solid #3f3f5a;border-radius:6px;outline:none;padding:.45rem .75rem;font-size:.85rem}.form-select:focus{border-color:#6366f1}.exec-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:.65rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #d977064d}.exec-btn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b66}.exec-btn:disabled{opacity:.5;cursor:not-allowed}.reset-btn{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:5px;padding:.4rem .8rem;font-size:.75rem;font-weight:600}.reset-btn:hover{background:#ef44444d}.log-panel{background:#09090e;border:1px solid #27273a;border-radius:8px;flex-direction:column;flex:1;gap:4px;height:100%;padding:.75rem;font-family:Consolas,Courier New,monospace;font-size:.8rem;display:flex;overflow-y:auto}.log-entry{line-height:1.3}.log-entry.info{color:#94a3b8}.log-entry.success{color:#34d399}.log-entry.damage{color:#f87171}.log-entry.action{color:#fbbf24;font-weight:700}.db-creator-container{background-color:var(--bg-darker,#050506);width:100vw;height:100vh;color:var(--text-main,#e2e2e2);font-family:var(--font-body,"Josefin Sans", sans-serif);flex-direction:column;animation:.4s ease-out fadeIn;display:flex;position:relative;overflow:hidden}.scrollbar-premium::-webkit-scrollbar-track{background:#0003;border-radius:4px}.scrollbar-premium::-webkit-scrollbar-thumb{background:#ffffff14;border:1px solid #ffffff05;border-radius:4px;transition:all .3s}.scrollbar-premium::-webkit-scrollbar-thumb:hover{background:var(--text-accent,#d4af3766);box-shadow:0 0 8px #d4af3733}.creator-top-bar{z-index:10;background:#0a0a0cf2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;box-shadow:0 4px 20px #0009}.dirty-indicator{color:#ef4444;letter-spacing:.5px;text-transform:uppercase;background:#ef444426;border:1px solid #ef44444d;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.btn-bar-action{font-size:.8rem;font-family:var(--font-heading,"Cinzel", serif);letter-spacing:1px;color:#e2e2e2;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-bar-action.primary{color:#fff;background:linear-gradient(135deg,#10b98140 0%,#0006 100%);border-color:#10b981}.btn-bar-action.primary:hover{background:linear-gradient(135deg,#10b98173 0%,#0009 100%);border-color:#34d399;box-shadow:0 0 15px #10b98173}.btn-bar-action.danger{color:#fca5a5;background:linear-gradient(135deg,#ef444426 0%,#0006 100%);border-color:#ef444480}.btn-bar-action.danger:hover{color:#fff;background:linear-gradient(135deg,#ef44444d 0%,#0009 100%);border-color:#ef4444;box-shadow:0 0 12px #ef444459}.creator-workspace{background:radial-gradient(circle,#0f0f15 0%,#050506 100%);flex:1;display:flex;position:relative;overflow:hidden}.creator-sidebar-left{background:#08080afa;border-right:1px solid #ffffff14;flex-direction:column;width:320px;min-width:320px;height:100%;display:flex;overflow:hidden}.collection-list-item{cursor:pointer;background:#ffffff03;border:1px solid #ffffff0a;border-radius:6px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.collection-list-item:hover{background:#ffffff08;border-color:#ffffff1f;transform:translate(3px)}.collection-list-item.active{border-color:var(--text-accent,#d4af37);box-shadow:inset 3px 0 0 var(--text-accent,#d4af37);background:linear-gradient(90deg,#d4af371a 0%,#ffffff05 100%)}.collection-icon{filter:drop-shadow(0 2px 5px #00000080);font-size:1.4rem}.collection-info{flex-direction:column;gap:.15rem;display:flex}.collection-name{color:#fff;font-size:.9rem;font-weight:600;transition:all .2s}.collection-list-item:hover .collection-name{color:var(--text-accent,#d4af37)}.collection-count{color:#8b8b99;font-size:.75rem}.list-panel{background:0 0;border-right:1px solid #ffffff14;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.list-filters-bar{background:#08080a66;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.85rem 1.25rem;display:flex}.search-box-wrapper{flex:1;min-width:200px;position:relative}.search-input-db{color:#fff;background:#0006;border:1px solid #ffffff1f;border-radius:4px;width:100%;padding:.55rem 2.2rem .55rem .85rem;font-family:inherit;font-size:.85rem;transition:all .3s}.search-input-db:focus{border-color:var(--text-accent,#d4af37);background:#0009;outline:none;box-shadow:0 0 10px #d4af3726}.btn-clear-search{color:#8b8b99;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:.85rem;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.btn-clear-search:hover{color:#fff;background:#ffffff1a}.tier-filter-selector{align-items:center;gap:.5rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.8px;color:#8b8b99;font-size:.75rem;font-weight:700}.tier-buttons{background:#0000004d;border:1px solid #ffffff14;border-radius:4px;padding:2px;display:flex}.tier-btn{color:#8b8b99;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.35rem .7rem;font-size:.75rem;transition:all .2s}.tier-btn:hover{color:#fff;background:#ffffff0d}.tier-btn.active{color:#fff;background:#d4af3733;border:1px solid #d4af374d;font-weight:700}.sorting-bar{align-items:center;gap:.5rem;display:flex}.sort-select{color:#fff;cursor:pointer;background:#000c;border:1px solid #ffffff1f;border-radius:4px;outline:none;padding:.4rem .6rem;font-family:inherit;font-size:.8rem}.sort-select:focus{border-color:var(--text-accent,#d4af37)}.btn-sort-dir{color:#e2e2e2;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;padding:.4rem .6rem;font-size:.75rem;transition:all .2s}.btn-sort-dir:hover{border-color:var(--text-accent,#d4af37);color:#fff;background:#ffffff0f}.list-items-box{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.btn-add-record{color:var(--text-accent,#d4af37);cursor:pointer;background:linear-gradient(135deg,#d4af3714 0%,#d4af3705 100%);border:1px dashed #d4af3759;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.btn-add-record:hover{border-style:solid;border-color:var(--text-accent,#d4af37);background:linear-gradient(135deg,#d4af3726 0%,#d4af370a 100%);box-shadow:0 0 15px #d4af3726}.db-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.db-item-card{cursor:pointer;background:#0f0f14cc;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:.75rem;padding:1rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.db-item-card:hover{background:#14141cf2;border-color:#ffffff26;transform:translateY(-3px);box-shadow:0 6px 16px #0006}.db-item-card.tier-0{border-left:3px solid #f97316cc}.db-item-card.tier-0:hover{box-shadow:0 0 12px #f9731633}.db-item-card.tier-0.selected{border-color:#f97316cc;box-shadow:inset 0 0 0 1px #f9731699,0 0 15px #f973164d}.db-item-card.tier-1{border-left:3px solid #78787880}.db-item-card.tier-1:hover{box-shadow:0 0 12px #78787826}.db-item-card.tier-1.selected{border-color:#78787899;box-shadow:inset 0 0 0 1px #78787866,0 0 15px #d4af3726}.db-item-card.tier-2{border-left:3px solid #22c55ecc}.db-item-card.tier-2:hover{box-shadow:0 0 12px #22c55e33}.db-item-card.tier-2.selected{border-color:#22c55ecc;box-shadow:inset 0 0 0 1px #22c55e99,0 0 15px #22c55e4d}.db-item-card.tier-3{border-left:3px solid #3b82f6cc}.db-item-card.tier-3:hover{box-shadow:0 0 12px #3b82f633}.db-item-card.tier-3.selected{border-color:#3b82f6cc;box-shadow:inset 0 0 0 1px #3b82f699,0 0 15px #3b82f64d}.db-item-card.tier-4{border-left:3px solid #a855f7cc}.db-item-card.tier-4:hover{box-shadow:0 0 12px #a855f733}.db-item-card.tier-4.selected{border-color:#a855f7cc;box-shadow:inset 0 0 0 1px #a855f799,0 0 15px #a855f766}.card-header-db{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.item-id-badge{color:#e2e2e2;letter-spacing:.5px;background:#0006;border:1px solid #ffffff0d;border-radius:3px;padding:.2rem .5rem;font-family:monospace}.item-tier-badge{text-transform:uppercase;border-radius:3px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.item-tier-badge.tier-0{color:#fb923c;background:#f9731626}.item-tier-badge.tier-1{color:#c4c4cd;background:#78787826}.item-tier-badge.tier-2{color:#4ade80;background:#22c55e26}.item-tier-badge.tier-3{color:#60a5fa;background:#3b82f626}.item-tier-badge.tier-4{color:#c084fc;background:#a855f726}.item-card-title{color:#fff;margin:0;font-size:.95rem;font-weight:700;line-height:1.3}.item-card-desc{color:#8b8b99;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.2em;margin:0;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-footer-db{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.6rem;display:flex}.item-price-tag{color:#fbbf24;font-size:.8rem;font-weight:600}.item-category-tag{color:#8b8b99;letter-spacing:.5px;background:#ffffff0a;border-radius:3px;padding:.15rem .4rem;font-size:.7rem}.card-actions-quick{gap:.4rem;display:flex}.btn-quick-clone{color:#60a5fa;cursor:pointer;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:3px;padding:.25rem .5rem;font-size:.7rem;font-weight:700;transition:all .2s}.btn-quick-clone:hover{color:#fff;background:#3b82f6;box-shadow:0 0 8px #3b82f666}.btn-quick-delete{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:3px;padding:.25rem .4rem;font-size:.7rem;transition:all .2s}.btn-quick-delete:hover{color:#fff;background:#ef4444;box-shadow:0 0 8px #ef444466}.editing-sheet{background:#08080afa;border-left:1px solid #ffffff14;flex-direction:column;width:440px;min-width:440px;height:100%;display:flex;overflow:hidden}.panel-title{color:var(--text-accent,#d4af37);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #d4af3733;margin-bottom:.5rem;padding-bottom:.35rem;font-size:.9rem}.form-group{flex-direction:column;gap:.4rem;width:100%;min-width:0;display:flex}.form-group label{color:#8b8b99;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{color:#fff;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:#000000b3;border:1px solid #ffffff1f;border-radius:4px;width:100%;min-width:0;max-width:100%;padding:.55rem .75rem;font-family:inherit;font-size:.85rem;transition:all .2s;overflow:hidden}.form-group select option{color:#fff;background:#111116}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--text-accent,#d4af37);background:#000000b3;outline:none;box-shadow:0 0 8px #d4af3726}.form-group textarea{resize:vertical;white-space:pre-wrap}.form-row-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;width:100%;min-width:0;display:grid}.form-row-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:.75rem;width:100%;min-width:0;display:grid}.checkbox-group{flex-direction:row;justify-content:space-between;align-items:center;height:100%}.checkbox-group label{cursor:pointer;margin:0}.toggle-switch-wrapper{width:48px;height:24px;position:relative}.toggle-switch-wrapper input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff26;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#8b8b99;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch-wrapper input:checked+.toggle-slider{background-color:#10b98133;border-color:#10b981}.toggle-switch-wrapper input:checked+.toggle-slider:before{background-color:#10b981;transform:translate(24px);box-shadow:0 0 8px #10b98199}.stat-offsets-editor-grid{background:#0003;border:1px solid #ffffff0d;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:.75rem;display:grid}.mini-stat-field{background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:.25rem;padding:.35rem}.stat-label-mini{font-weight:800;color:var(--text-accent,#d4af37)!important;font-size:.68rem!important}.mini-stat-field input{text-align:center;width:100%;border-radius:3px!important;padding:.2rem .4rem!important;font-size:.8rem!important}.inner-editor-list{flex-direction:column;gap:.75rem;display:flex}.inner-editor-card-title{color:#e2e2e2;text-transform:uppercase;font-size:.75rem;font-weight:700}.no-item-selected{color:#8b8b99;text-align:center;background:#0000001a;justify-content:center;align-items:center;height:100%;padding:2rem;font-size:.9rem;display:flex}.no-item-selected p{max-width:250px;line-height:1.5}.card-name-row{align-items:center;gap:.55rem;display:flex}.db-card-icon{filter:drop-shadow(0 1px 3px #000000b3);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:28px;height:28px;display:inline-block}.db-details-table-wrapper{border:1px solid #ffffff0f;border-radius:6px;overflow-x:auto}.db-details-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.8rem}.db-details-table thead tr{background:#00000080;border-bottom:1px solid #ffffff14}.db-details-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:#8b8b99;padding:.6rem .85rem;font-size:.7rem;font-weight:700}.db-detail-row{cursor:pointer;border-bottom:1px solid #ffffff08;border-left:3px solid #0000;transition:background .15s}.db-detail-row td{vertical-align:middle;color:#e2e2e2;padding:.5rem .85rem}.db-detail-row:hover{background:#ffffff08}.db-detail-row.selected{background:#d4af370f}.db-detail-row.tier-0{border-left-color:#f97316b3}.db-detail-row.tier-1{border-left-color:#78787866}.db-detail-row.tier-2{border-left-color:#22c55eb3}.db-detail-row.tier-3{border-left-color:#3b82f6b3}.db-detail-row.tier-4{border-left-color:#a855f7b3}.db-detail-row.selected.tier-0{background:#f973160f}.db-detail-row.selected.tier-2{background:#22c55e0f}.db-detail-row.selected.tier-3{background:#3b82f60f}.db-detail-row.selected.tier-4{background:#a855f70f}.detail-icon-cell{text-align:center;width:36px}.detail-id{color:#a0a0b0;background:#0000004d;border-radius:3px;padding:.1rem .35rem;font-family:monospace;font-size:.75rem}.detail-name{color:#fff;min-width:140px;font-weight:600}.detail-price{color:#fbbf24;font-weight:600}.detail-desc{color:#8b8b99;text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.detail-no-icon{color:#555;font-size:.75rem}.detail-actions{justify-content:flex-end;gap:.3rem;display:flex}.form-group.has-error input.input-error{background:#ef44440d;box-shadow:0 0 8px #ef44444d;border-color:#ef4444!important}.field-error-msg{color:#f87171;align-items:center;gap:.3rem;font-size:.72rem;animation:.2s ease-out fadeIn;display:flex}.duplicate-ids-banner{color:#f87171;background:#ef444414;border:1px solid #ef44444d;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.78rem;animation:.2s ease-out fadeIn;display:flex}.dup-id-chip{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:3px;padding:.1rem .45rem;font-family:monospace;font-size:.72rem}.dup-hint{color:#f87171;opacity:.7;margin-left:auto;font-style:italic}.db-item-card.dupe-warning{box-shadow:inset 3px 0 #ef4444,0 0 10px #ef444426;border-color:#ef444480!important}.db-item-card.dupe-warning .item-id-badge{color:#f87171;border-color:#ef444466}.db-detail-row.dupe-warning{background:#ef44440a;border-left-color:#ef4444!important}.db-detail-row.dupe-warning .detail-id{color:#f87171}.arc-events-chips-list{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:6px;flex-direction:column;gap:.5rem;max-height:220px;margin-bottom:.5rem;padding:.2rem;display:flex;overflow-y:auto}.no-events-placeholder{color:#8b8b99;text-align:center;padding:1rem;font-size:.8rem;font-style:italic}.arc-event-chip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:.6rem;padding:.4rem .6rem;transition:all .2s;display:flex}.arc-event-chip:hover{background:#ffffff14;border-color:#3b82f64d}.chip-index{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f666;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex}.chip-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.chip-id{color:#3b82f6;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.72rem;overflow:hidden}.chip-title{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.btn-remove-chip{color:#ef4444;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:3px;padding:.1rem .3rem;font-size:.85rem;line-height:1;transition:all .2s}.btn-remove-chip:hover{opacity:1;background:#ef444426;transform:scale(1.1)}.select-add-event{cursor:pointer;width:100%;transition:all .2s;color:#fff!important;background:#000000b3!important;border:1px solid #ffffff26!important;border-radius:4px!important;padding:.45rem .6rem!important;font-size:.8rem!important}.select-add-event:focus{outline:none;box-shadow:0 0 8px #3b82f640;border-color:#3b82f6!important}.encounter-container{background:var(--bg-darker);flex-direction:column;width:100%;height:-webkit-fill-available;display:flex;position:relative;overflow:hidden}.roster-toggle-btn{background:var(--glass-bg);border:1px solid var(--text-accent);cursor:pointer;transition:var(--transition);border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;display:none}.roster-toggle-btn:hover{background:#d4af371a;box-shadow:0 0 10px #d4af3733}.roster-toggle-icon{background-size:cover;width:1.5rem;height:1.5rem}.left-panel-sidebar-content{flex-direction:column;gap:1rem;padding:1rem;display:flex}.embers-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.turn-header-left{flex-direction:column;gap:1rem;display:flex}.turn-tabs{border:1px solid var(--border-color);background:#0006;border-radius:4px;padding:.5rem;display:flex}.tab-btn{font-family:var(--font-heading);color:var(--text-muted);transition:var(--transition);cursor:pointer;border-radius:3px;flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:.6rem 1.2rem;font-size:.9rem;display:flex}.tab-icon{background-size:cover;width:1.5rem;height:1.5rem;display:none}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 0 10px var(--primary-glow)}.turn-equipment-section{width:100%}.turn-equipment-list{flex-direction:column;gap:.4rem;display:flex}.equipment-detailed{align-items:center;gap:1rem;display:flex}.item-details{flex-direction:column;flex:1;gap:.2rem;display:flex}.item-stats-mini{gap:.8rem;display:flex}.stat-tag{color:var(--text-accent);font-size:.75rem;font-family:var(--font-heading);background:#d4af371a;border:1px solid #d4af3733;border-radius:4px;padding:2px 6px}.turn-secondary-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}.turn-secondary-col{flex-direction:column;gap:.5rem;display:flex}.panel-subtitle.small{margin-bottom:.2rem;font-size:1rem}.turn-status-list{flex-direction:column;gap:.4rem;display:flex}.turn-list-item{-webkit-user-select:none;user-select:none;-o-user-select:none;background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:.5rem;width:100%;padding:.3rem;transition:all .2s;display:flex}.turn-list-item.status{width:auto}.item-slot-header{justify-content:space-between;align-items:center;width:100%;display:flex}.slot-label{color:var(--text-muted);letter-spacing:.5px;font-size:.6rem;font-weight:700}.active-badge{background:var(--text-accent);color:#000;border-radius:2px;padding:0 4px;font-size:.55rem;font-weight:900;line-height:1.2}.dual-weapon-selector{background:#0003;border:1px solid #ffffff0d;border-radius:6px;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;padding:.5rem;display:grid}.weapon-select-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:.5rem;transition:all .2s;display:flex}.weapon-select-btn:hover:not(:disabled){border-color:var(--text-accent);background:#ffffff14}.weapon-select-btn.active{border-color:var(--text-accent);background:#d4af3726;box-shadow:0 0 10px #d4af371a}.weapon-select-btn .w-label{color:var(--text-muted);letter-spacing:.5px;font-size:.55rem;font-weight:700}.weapon-select-btn .w-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:600;overflow:hidden}.weapon-select-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.turn-list-item:hover{border-color:var(--text-accent);background:#ffffff14}.item-slot.mini{background:#0000004d;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;display:flex}.turn-list-item.clickable{cursor:pointer}.turn-list-item.add-btn{cursor:pointer;color:var(--text-accent);background:#d4af370d;border:1px dashed #d4af3733}.turn-list-item.add-btn:hover{border-color:var(--text-accent);background:#d4af371a}.item-slot.dashed{color:var(--text-accent);background:0 0;border:1px dashed #fff3}.item-name-text{letter-spacing:.04rem;color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;text-wrap-mode:wrap;font-size:.7rem;font-weight:700}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}.turn-list-item[draggable=true]:hover{border-color:var(--text-accent);background:#ffffff1a}.empty-slot{border-style:dashed!important}.empty-slot .item-name-text{color:var(--text-muted)}.inventory-drop-zones{gap:.5rem;margin-top:1rem;display:flex}.drop-zone{cursor:default;border:2px dashed #ffffff1a;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:1rem;transition:all .3s;display:flex}.drop-icon{font-size:1.2rem}.drop-text{letter-spacing:1px;font-size:.65rem;font-weight:800}.discard-zone{background:#e639460d;border-color:#e639464d;animation:2s infinite pulse-discard}.discard-zone .drop-text{color:#e63946}.discard-zone:hover{background:#e6394626;border-color:#e63946;box-shadow:0 0 15px #e6394633}.sell-zone{background:#d4af370d;border-color:#d4af374d;animation:2s infinite pulse-sell}.sell-zone .drop-text{color:var(--text-accent)}.sell-zone:hover{border-color:var(--text-accent);background:#d4af3726;box-shadow:0 0 15px #d4af3733}@keyframes pulse-discard{0%,to{border-color:#e639464d}50%{border-color:#e6394699}}@keyframes pulse-sell{0%,to{border-color:#d4af374d}50%{border-color:#d4af3799}}.add-btn .item-name-text{color:var(--text-accent);font-size:.7rem}.mini-slot{width:32px!important;height:32px!important}.mini-slot .item-icon{font-size:1.2rem!important}.backpack-item{opacity:.8}.backpack-item:hover{opacity:1}.empty-text{color:#fff3;padding-left:.5rem;font-size:.9rem;font-style:italic}.active-tab-panel{background:var(--glass-bg);border:var(--glass-border);border-radius:6px;padding:2rem;overflow-y:auto}.exploration-hint{color:var(--text-muted);margin-bottom:2rem}.exploration-controls{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.direction-label{color:var(--text-accent);text-transform:uppercase;letter-spacing:2px;font-size:.8rem}.direction-grid{flex-direction:column;align-items:center;gap:10px;display:flex}.mid-dirs{align-items:center;gap:10px;display:flex}.center-tile{border:1px dashed var(--primary);width:105px;height:105px;font-family:var(--font-heading);color:var(--primary);background:#c229291a;border-radius:4px;justify-content:center;align-items:center;font-size:1rem;display:flex}.btn-dir{border:1px solid var(--border-color);color:#fff;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:4px;min-width:105px;padding:1rem 1.5rem;font-size:.9rem}.btn-dir:hover:not(:disabled){border-color:var(--text-accent);background:#d4af371a;box-shadow:0 0 10px #d4af3733}.btn-dir:disabled{opacity:.2;cursor:not-allowed;filter:grayscale();border-style:dashed}.hero-card-actions{align-items:center;gap:.5rem;display:flex}.btn-actions-trigger{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:var(--transition);background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.btn-actions-trigger:hover{color:#fff;border-color:var(--text-accent);background:#ffffff26}.hero-actions-inline{justify-content:center;align-items:center;padding:10px 0;display:flex}.btn-resurrect-inline{border:1px solid var(--text-accent);color:var(--text-accent);font-family:var(--font-heading);letter-spacing:1px;cursor:pointer;transition:var(--transition);text-shadow:0 0 5px #d4af374d;background:#d4af371a;border-radius:6px;width:100%;padding:10px 15px;font-size:.8rem}.btn-resurrect-inline:hover:not(:disabled){background:var(--text-accent);color:#000;box-shadow:0 0 15px #d4af3766}.btn-resurrect-inline:disabled{opacity:.3;cursor:not-allowed;border-style:dashed}.buff-slot.has-status{border:1px solid #ffffff1a;font-size:1.1rem;box-shadow:inset 0 0 10px #d4af371a}.buff-icon{z-index:1;background-size:cover;width:100%;height:100%}.discovery-header{margin-bottom:1rem}.discovery-tag{color:var(--text-accent);text-transform:uppercase;letter-spacing:2px;font-size:.7rem;font-weight:700}.discovery-name{color:#fff;text-shadow:0 2px 4px #000;margin-top:.3rem;font-size:1.8rem}.discovery-desc{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.discovery-enemies{border-left:3px solid var(--primary);background:#c229291a;border-radius:4px;flex-direction:column;gap:.5rem;height:250px;margin-bottom:1rem;padding:1rem;display:flex;overflow-y:scroll}.enemy-label{color:var(--primary);text-transform:uppercase;font-size:.8rem;font-weight:700}.enemy-count{color:#fff;font-size:1.2rem;font-weight:700}.discovery-instruction{color:var(--text-accent);font-size:.8rem;font-style:italic}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.movement-grid-container{flex-direction:column;align-items:center;gap:2rem;margin-top:2rem;display:flex}.tile-grid-3x3{border:1px solid var(--border-color);background:#0006;border-radius:6px;grid-template-rows:repeat(3,80px);grid-template-columns:repeat(3,80px);gap:8px;padding:12px;display:grid;box-shadow:0 0 30px #00000080}.grid-cell{color:#fff3;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:relative}.grid-cell:hover{border-color:var(--primary);color:#fff;background:#ffffff1a}.grid-cell.cell-wall{cursor:default;opacity:.8;background:#000 repeating-linear-gradient(45deg,#0000,#0000 5px,#ffffff08 5px 10px);border-color:#ffffff0d}.grid-cell.cell-wall .cell-icon{filter:grayscale()brightness(.5);font-size:1.2rem}.grid-cell.active{border:2px solid var(--primary);color:#fff;background:#c2292926;box-shadow:inset 0 0 15px #c2292933}.hero-marker{filter:drop-shadow(0 0 5px var(--primary));font-size:2rem;animation:2s ease-in-out infinite bounce;position:absolute}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.movement-stats{text-align:center;background:#0000004d;border:1px solid #ffffff0d;border-radius:6px;min-width:250px;padding:1.5rem 2rem}.pos-info{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}.pos-label{color:var(--text-muted);letter-spacing:2px;font-size:.7rem}.pos-value{color:var(--text-accent);font-size:2rem;font-family:var(--font-heading);font-weight:700}.pos-note{color:var(--text-muted);font-size:.85rem;font-style:italic}.buff-header{justify-content:space-between;align-items:center;display:flex}.pos-badge{color:var(--text-accent);background:#d4af371a;border:1px solid #d4af374d;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.world-map-grid{border:1px solid var(--border-color);background:#0006;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:20px;display:flex;overflow-y:hidden}.map-row{gap:.5rem;display:flex}.map-tile-slot{width:90px;height:90px;transition:var(--transition);cursor:default;opacity:.35;background:#b9b9b90d;border:1px dashed #ffffff1a;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.map-tile-slot.has-tile{border:1px solid var(--primary);cursor:pointer;opacity:1;background:#c229290d;box-shadow:0 4px 10px #0000004d}.map-tile-slot.has-tile:hover{box-shadow:0 0 10px var(--primary-glow);background:#c2292933;transform:translateY(-2px)}.map-tile-slot.hero-here{border-color:var(--text-accent);box-shadow:0 0 10px #d4af374d}.tile-name-mini{color:#fff;text-align:center;text-transform:uppercase;padding:4px;font-size:.6rem;font-weight:700}.coord-label{color:#ffffff1a;font-size:.6rem}.heroes-on-tile{gap:2px;margin-top:4px;display:flex}.heroes-on-tile span{filter:drop-shadow(0 0 2px var(--primary));font-size:.8rem}.btn-back-map{border:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:4px;margin-bottom:1.5rem;padding:.6rem 1rem;font-size:.8rem}.btn-back-map:hover{color:#fff;background:#ffffff1a}.tile-detail-header{margin-bottom:1rem}.tile-occupants-mini{gap:4px;font-size:.75rem;display:flex;position:absolute;bottom:4px;right:4px}.cell-occupants{flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:8px;right:8px}.occ-badge{background:#0009;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:2px;padding:2px 6px;font-size:.85rem;font-weight:700;display:flex}.hero-occ{color:#4caf50;border-color:#4caf504d}.enemy-occ{color:var(--primary);border-color:#c229294d}.hoguera-occ{color:#f60;text-shadow:0 0 5px #f606;border-color:#ff660080;background:#ff66001a!important}.occ-count{text-shadow:0 0 5px #000c}.cell-num{opacity:.3;font-size:.7rem;position:absolute;top:5px;left:5px}.embers-modal-content{background:var(--bg-dark);border:1px solid var(--primary);text-align:center;width:100%;max-width:var(--modal-small);border-radius:6px;padding:2rem;box-shadow:0 0 30px #c2292966}.embers-modal-content h3{color:var(--text-accent);margin-bottom:1rem;font-size:1.5rem}.embers-modal-content p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.embers-input{border:1px solid var(--border-color);color:#fff;text-align:center;width:100%;font-size:1.5rem;font-family:var(--font-heading);background:#00000080;border-radius:4px;outline:none;margin:1.5rem 0;padding:1rem}.embers-input:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.btn-cancel{border:1px solid var(--border-color);color:var(--text-muted);font-weight:700;font-family:var(--font-heading);background:0 0;border-radius:4px;flex:1;padding:1rem}.btn-cancel:hover{color:#fff;background:#ffffff1a}.btn-confirm,.btn-accent{background:var(--primary);color:#fff;font-weight:700;font-family:var(--font-heading);border:none;border-radius:4px;flex:1;padding:1rem;font-size:1.2rem}.btn-accent{background:var(--text-accent);color:var(--bg-dark)}.btn-confirm:hover{background:var(--primary-hover);box-shadow:0 0 10px var(--text-accent-glow)}.btn-accent:hover{background:var(--text-accent);box-shadow:0 0 12px #d4af3780}.btn-confirm:disabled,.btn-accent:disabled{opacity:.5;cursor:not-allowed}.encounter-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;-webkit-user-select:none;user-select:none;-o-user-select:none;background:#0a0a0cf2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:70px;padding:.75rem 1.5rem;display:flex;box-shadow:0 4px 20px #0006}.mission-title-mini{color:#fff;text-transform:uppercase;letter-spacing:3px;font-size:1.2rem;font-weight:800;font-family:var(--font-heading);background:linear-gradient(to bottom, #fff, var(--text-muted));-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text}.sidebar-remote-hub{background:var(--glass-bg);border:1px solid var(--border-glow);border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex;box-shadow:0 4px 15px #0000004d}.remote-hub-topbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:.4rem;display:flex}.hub-status-pill{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.hub-status-pill .status-indicator{background:#ef4444;border-radius:50%;width:8px;height:8px}.hub-status-pill .status-indicator.online{background:#22c55e;box-shadow:0 0 8px #22c55e}.hub-room-tag{font-family:var(--font-heading);color:var(--text-accent);letter-spacing:1px;font-size:.8rem}.remote-hub-links{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.hub-link-btn{cursor:pointer;background:#00000059;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .5rem;transition:all .2s;display:flex}.hub-link-btn:hover{border-color:var(--text-accent);background:#d4af371a}.hub-link-btn .btn-icon{font-size:.9rem}.hub-link-btn .btn-title{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.75rem;font-weight:500;overflow:hidden}.hub-link-btn .btn-state{color:var(--text-accent);white-space:nowrap;font-size:.65rem}.remote-hub-toggles{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.hub-toggle-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:.4rem .5rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.hub-toggle-btn:hover{color:#fff;border-color:#ffffff4d}.hub-toggle-btn.active{color:#4ade80;background:#22c55e1f;border-color:#22c55e80}.hub-toggle-btn.active .toggle-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #4ade80}.hub-toggle-btn .toggle-dot{background:#ef4444;border-radius:50%;width:6px;height:6px}.remote-hub-notif-action{margin-top:.2rem;display:flex}.hub-notif-btn{color:#d8b4fe;cursor:pointer;text-align:center;letter-spacing:.5px;background:#a855f71f;border:1px solid #a855f766;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.hub-notif-btn:hover{background:#a855f740;box-shadow:0 0 10px #a855f74d}.hub-notif-btn.dismiss{color:#fca5a5;background:#ef444433;border-color:#ef4444;animation:1.5s infinite pulse}.topbar-section{align-items:center;gap:1rem;display:flex}.round-indicator{flex-direction:column;align-items:flex-start;display:flex}.round-indicator .label{color:var(--primary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:700}.btn-phase-jump{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:all .2s;display:flex}.btn-phase-jump:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.1)}.btn-large-primary{background:linear-gradient(45deg, var(--primary), var(--primary-hover));color:#fff;box-shadow:0 0 10px var(--primary-glow);cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1.2rem;font-weight:700}.btn-large-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.counter-controls{align-items:center;gap:.8rem;display:flex}.btn-icon-large{color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);background:#ffffff1a;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.btn-icon-large:hover{border-color:var(--border-color);background:#fff3}.campaign-controls{border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;gap:.5rem;padding:0 1rem}.campaign-controls .btn-icon-large:hover{color:var(--text-accent);background:#ffffff1a;transform:scale(1.1)}.encounter-layout{flex:1;grid-template-columns:380px 1fr;display:grid;overflow:hidden}.left-panel{border-right:var(--glass-border);background:#0a0a0ccc;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.tension-card{background:var(--glass-bg);border:1px solid var(--border-glow);text-align:center;transition:var(--transition);-webkit-user-select:none;user-select:none;-o-user-select:none;border-radius:8px;padding:1rem .5rem .5rem}.tension-card h3{color:var(--text-main);margin-bottom:1rem;font-size:1.2rem}.tension-display{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tension-bars{gap:8px;display:flex}.t-bar{background:#ffffff1a;border-radius:3px;width:35px;height:20px;transition:all .3s}.tension-level-1 .t-bar.active{background:#4caf50;box-shadow:0 0 10px #4caf50}.tension-level-2 .t-bar.active{background:#ff9800;box-shadow:0 0 10px #ff9800}.tension-level-3 .t-bar.active{background:#f44336;box-shadow:0 0 10px #f44336}.tension-level-4{border-color:#9c27b0;animation:2s infinite pulse;box-shadow:0 0 20px #9c27b04d}.tension-level-4 .t-bar.active{background:#9c27b0;box-shadow:0 0 15px #9c27b0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tension-status{font-family:var(--font-heading);letter-spacing:2px;font-size:1.3rem;font-weight:700}.tension-level-1 .tension-status{color:#4caf50}.tension-level-2 .tension-status{color:#ff9800}.tension-level-3 .tension-status{color:#f44336}.tension-level-4 .tension-status{color:#9c27b0}.boss-card{background:var(--bg-dark);border:1px solid var(--primary);border-radius:6px;overflow:hidden;box-shadow:0 0 20px #c2292933}.boss-header{background-position:50%;background-size:cover;height:140px;position:relative}.boss-overlay{background:linear-gradient(to top, var(--bg-dark), transparent);width:100%;padding:1rem;position:absolute;bottom:0;left:0}.boss-overlay h3{color:#fff;font-family:var(--font-heading);text-shadow:0 2px 5px #000;font-size:1.5rem}.boss-stats{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.hp-tracker{text-align:center;background:#0006;border:1px solid #c229294d;border-radius:6px;padding:1rem}.hp-label{color:var(--primary);font-family:var(--font-heading);margin-bottom:.5rem;font-size:1.2rem;display:block}.hp-controls{justify-content:center;align-items:center;gap:.8rem;display:flex}.hp-value{color:#fff;min-width:90px;font-size:2.2rem;font-weight:700}.btn-dmg,.btn-heal{cursor:pointer;border-radius:4px;padding:.5rem .8rem;font-size:1.1rem;font-weight:700}.btn-dmg{color:#ff8a8a;border:1px solid var(--primary);background:#c2292933}.btn-dmg:hover{background:var(--primary);color:#fff}.btn-heal{color:#81c784;background:#4caf5033;border:1px solid #4caf50}.btn-heal:hover{color:#fff;background:#4caf50}.boss-puzzle-notes h4{color:var(--text-accent);margin-bottom:.5rem}.boss-puzzle-notes p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.end-encounter-btn{border:1px solid var(--text-muted);color:var(--text-muted);transition:var(--transition);font-family:var(--font-heading);letter-spacing:1px;background:0 0;border-radius:4px;padding:1rem}.end-encounter-btn:hover{border-color:var(--text-accent);color:var(--text-accent);background:#d4af371a}.save-game-btn{border:1px solid var(--text-muted);color:var(--text-muted);transition:var(--transition);font-family:var(--font-heading);letter-spacing:1px;background:0 0;border-radius:4px;margin-top:auto;padding:1rem}.save-game-btn:hover{color:#fff;background:#ffffff0d}.roster-panel{-webkit-user-select:none;user-select:none;-o-user-select:none;flex-direction:column;gap:2rem;padding:1.5rem;display:flex;position:relative}.roster-panel-heroes{flex-direction:column;gap:1rem;display:flex}.roster-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.shop-btn{border:1px solid var(--text-accent);color:var(--text-accent);font-family:var(--font-heading);cursor:pointer;transition:var(--transition);background:#d4af371a;border-radius:6px;padding:.6rem 1.2rem}.shop-btn:hover{background:var(--text-accent);color:#000;box-shadow:0 0 15px #d4af3766}.event-btn{color:#d8b4fe;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px;background:#9333ea26;border:1px solid #a855f7;border-radius:6px;padding:.6rem 1.2rem}.event-btn:hover{background:#9333ea40;transform:translateY(-2px);box-shadow:0 0 15px #a855f74d}.shop-btn.mini{padding:.5rem 1rem;font-size:.9rem}.heroes-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1rem;display:grid}.hero-card{background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition);border-radius:6px;flex-direction:column;padding:1.5rem;display:flex}.hero-card.dead{border-color:#f003;box-shadow:inset 0 0 20px #ff00000d}.hero-card.dead>:not(.hero-actions-inline){opacity:.5;filter:grayscale()brightness(.7)}.hero-info-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.hero-titles{flex-direction:column;gap:.25rem;display:flex}.hero-name{color:#fff;font-size:1.5rem}.hero-class{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:1rem}.hero-backgrounds{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.6rem}.btn-enter-turn{color:#ff8a8a;font-size:.8rem;font-family:var(--font-heading);letter-spacing:1px;cursor:pointer;transition:var(--transition);background:#c229291a;border-radius:4px;padding:.3rem .7rem}.btn-enter-turn:hover{color:#fff;box-shadow:0 0 10px var(--primary-glow);background:#c22929cc}.hero-vitals{flex-direction:column;gap:1rem;display:flex}.vital-row{align-items:center;gap:1rem;width:100%;display:flex}.hp-bar-container{background:#00000080;border:1px solid #ffffff1a;border-radius:4px;flex:1;height:26px;position:relative;overflow:hidden}.hp-bar-fill{height:100%;transition:width .3s,background-color .3s}.hp-text{color:#fff;text-shadow:0 1px 3px #000;font-size:.9rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vital-controls{gap:.4rem;display:flex}.vital-controls button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;font-weight:700;display:flex}.vital-controls button:hover{background:#ffffff4d}.btn-modify-embers{cursor:pointer;transition:var(--transition);background:#d4af370d;border:1px solid #d4af374d;border-radius:4px;flex-shrink:0;align-items:center;gap:.8rem;padding:.5rem 1rem;display:flex}.btn-modify-embers:disabled{cursor:not-allowed;border-color:#0000}.btn-modify-embers.small{gap:.5rem;padding:.25rem .5rem}.btn-modify-embers:not(:disabled):hover{border-color:var(--text-accent);background:#d4af3726}.embers-text{color:#fff;text-align:left;font-size:1rem;font-weight:700;font-family:var(--font-heading);flex:1}.btn-modify-embers.small .embers-text{color:#fff;font-size:.9rem;font-weight:500}.economy-grid{flex-direction:row;gap:1rem;display:flex}.edit-icon{color:var(--text-muted);font-size:1rem}.btn-modify-embers:hover .edit-icon{color:var(--text-accent)}.hero-divider{border:0;border-top:1px solid #ffffff1a;margin:1rem 0}.buff-slots-container{flex-direction:column;gap:1rem;display:flex}.buff-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.buff-slots{flex-wrap:wrap;justify-content:space-evenly;gap:.5rem;padding-inline:.25rem;display:flex}.buff-slot{cursor:pointer;width:3rem;height:3rem;transition:var(--transition);background:#0006 50%/cover;border:1px dashed #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.buff-slot:hover{border-color:var(--text-accent);background-color:#ffffff1a;transform:scale(1.05)}.inventory-row{flex-wrap:wrap;justify-content:center;gap:.35rem;padding-inline:.25rem;display:flex}.inventory-row.small{gap:.5rem}.item-slot{cursor:pointer;width:2.5rem;height:2.5rem;transition:var(--transition);--shadow-tier:0 0 10px #d4af371a;box-shadow:var(--shadow-tier);background:#00000080;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.item-slot:hover{background:#ffffff0d;transform:translateY(-1px)}.locked-slot{opacity:.4;pointer-events:none;position:relative}.locked-slot .item-slot{box-shadow:none}.slot-lock-icon{z-index:5;text-shadow:0 0 5px #000c;font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tier-0{--shadow-tier:0 0 15px #f973164d;background:#f973161a;border-color:#f9731680!important}.inventory-row .tier-0:hover{background:#f9731633!important}.tier-1{--shadow-tier:0 0 15px #d4af371a;background:#4b4b4b1a;border-color:#78787833!important}.tier-2{--shadow-tier:0 0 15px #22c55e33;background:#22c55e1a;border-color:#22c55e80!important}.inventory-row .tier-2:hover{background:#22c55e33!important}.tier-3{--shadow-tier:0 0 15px #3b82f633;background:#3b82f61a;border-color:#3b82f680!important}.inventory-row .tier-3:hover{background:#3b82f64d!important}.tier-4{--shadow-tier:0 0 15px #a855f766;background:#a855f71a;border-color:#a855f780!important}.inventory-row .tier-4:hover{background:#a855f733!important}.slot-type-icon{opacity:.2;pointer-events:none;background-size:cover;width:100%;height:100%;position:absolute}.slot-type-icon.small{width:60%;height:60%}.item-icon{text-shadow:0 0 10px #000;z-index:1;background-size:cover;width:100%;height:100%}.backpack-slot{border-style:dotted;border-width:2px;box-shadow:inset 0 0 10px #d4af371a}.active-turn-dashboard{flex-direction:column;gap:1rem;display:flex}.active-turn-view{flex-direction:column;gap:1rem;height:100%;display:flex}.turn-header{border-bottom:2px solid var(--primary);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.btn-back{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.5rem;font-size:1rem;display:flex}.btn-back:hover{color:#fff;text-shadow:0 0 5px #fff}.turn-title{text-align:center}.turn-title h2{color:var(--primary);letter-spacing:3px;margin-bottom:.2rem;font-size:1rem}.active-hero-name{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:2rem}.active-hero-class{color:var(--text-accent);font-size:1.2rem;font-style:italic;font-weight:400}.turn-content{flex:1;grid-template-columns:1.1fr 1.4fr;gap:1rem;display:grid}.turn-vitals-panel,.combat-calculator-panel{background:var(--glass-bg);border:var(--glass-border);-webkit-user-select:none;user-select:none;-o-user-select:none;border-radius:6px;flex-direction:column;gap:1rem;max-height:78vh;padding:2rem;display:flex;overflow-y:auto}.panel-subtitle{color:var(--text-accent);font-family:var(--font-heading);border-bottom:1px solid #d4af3733;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.large-vital .hp-bar-container{height:30px}.large-vital .hp-text{font-size:1rem}.vitals-main-row{align-items:flex-start;gap:1rem;display:flex}.vitals-col{flex:1.8}.vitals-col:last-child{flex:1}.stats-mini-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.stat-box{font-family:var(--font-heading);border:1px solid var(--border-color);background:#00000080;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-width:0;padding:.6rem .8rem;display:flex}.stat-lbl{color:var(--text-muted);font-weight:700}.stat-val{color:#fff;font-size:1rem;font-weight:700}.ap-tracker-row{justify-content:space-between;align-items:center;display:flex}.ap-bubbles{gap:.5rem;display:flex}.ap-bubbles-roster{flex:1;justify-content:center;gap:.4rem;display:flex}.ap-bubble{width:14px;height:14px;transition:var(--transition);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%}.ap-bubble.active{background:#3b82f6;border-color:#60a5fa;box-shadow:0 0 10px #3b82f680}.ap-bubble.bonus.active{background:#a855f7;border-color:#c084fc;box-shadow:0 0 10px #a855f780}.stat-val-container{align-items:center;gap:.4rem;display:flex}.temp-indicator{font-size:.8rem;font-weight:700}.temp-indicator.pos{color:#4caf50}.temp-indicator.neg{color:#f44336}.stat-box.has-temp{background:#d4af370d;border-color:#d4af374d}.calculator-input-area{width:100%}.calculator-input-area label{color:#fff;margin-bottom:.5rem;font-size:1.1rem;display:block}.d20-input-wrapper{gap:1rem;display:flex}.d20-input{border:2px solid var(--border-color);color:#fff;width:100%;font-size:2.5rem;font-family:var(--font-heading);text-align:center;transition:var(--transition);background:#ffffff0d;border-radius:4px;outline:none;flex-grow:1;padding:.5rem}.d20-input:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.btn-calculate{background:var(--bg-darker);color:var(--primary);border:2px solid var(--primary);font-family:var(--font-heading);cursor:pointer;transition:var(--transition);border-radius:4px;flex-grow:0;flex-shrink:0;padding-inline:1rem;font-size:1.2rem}.btn-calculate:not(:disabled):hover{background:var(--primary);color:#fff;box-shadow:0 0 15px var(--primary-glow)}.btn-calculate:disabled{opacity:.3;cursor:not-allowed;border-color:var(--border-color);color:var(--text-muted)}.calculator-result{border:1px solid var(--primary);text-align:center;background:#0009;border-radius:6px;margin-top:1rem;padding:1.5rem}.crit-banner{color:#ff9800;font-family:var(--font-heading);text-shadow:0 0 10px #ff9800;margin-bottom:1rem;font-size:1.5rem}.fumble-banner{color:var(--primary);font-family:var(--font-heading);text-shadow:0 0 10px var(--primary);margin-bottom:1rem;font-size:1.5rem}.math-breakdown{font-family:var(--font-heading);justify-content:center;align-items:center;gap:1rem;margin-block:1rem;display:flex}.math-part{flex-direction:column;align-items:center;gap:.3rem;display:flex}.math-val{color:#fff;font-size:2rem;font-weight:700}.math-lbl{color:var(--text-muted);text-transform:uppercase;font-size:.8rem}.math-operator{color:var(--text-accent);font-size:2rem}.result-part .math-val{color:var(--text-accent);text-shadow:0 0 10px #d4af3780;font-size:2.5rem}.damage-prediction-box{text-align:center;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;margin:1.5rem 0;padding:1rem;animation:2s infinite pulse-border;display:flex}.prediction-text{font-family:var(--font-heading);letter-spacing:1px;font-size:1.2rem;font-weight:700}.prediction-sub{color:var(--text-main);text-transform:uppercase;font-size:.7rem}.damage-prediction-box.is-miss{background:#2d343666;border-color:#fff3}.damage-prediction-box.is-miss .prediction-text{color:var(--text-muted)}.damage-prediction-box.is-hit{border-color:var(--primary);background:#c2292926;box-shadow:inset 0 0 15px #c2292933}.damage-prediction-box.is-hit .prediction-text{color:#ff4d4d}.damage-prediction-box.is-blocked{border-color:var(--text-accent);background:#d4af371a}.damage-prediction-box.is-blocked .prediction-text{color:var(--text-accent)}@keyframes pulse-border{0%{border-color:#ffffff1a}50%{border-color:#ffffff4d}to{border-color:#ffffff1a}}.btn-apply-damage{background:linear-gradient(45deg, var(--primary), #8e0000);color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);border:none;border-radius:6px;padding:1.2rem;font-size:1.2rem;box-shadow:0 4px 15px #c2292966}.btn-apply-damage:hover{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 6px 20px #c2292999}.modal-overlay,.embers-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.embers-modal-content{background:var(--bg-dark);border:2px solid var(--text-accent);width:90%;max-width:var(--modal-medium);border-radius:6px;padding:2rem;box-shadow:0 0 50px #000,0 0 20px #d4af3733}.clear-option{border-color:#c229294d;flex-direction:row;grid-column:span 4;justify-content:center;font-size:.5rem}.clear-option .status-opt-name{color:var(--text-main)}.clear-option:hover{border-color:var(--primary);background:#c2292926}.embers-input{border:1px solid var(--border-color);color:#fff;text-align:center;background:#00000080;border-radius:6px;width:100%;margin:1.5rem 0;padding:1rem;font-size:1.5rem}.embers-modal-actions{gap:1rem;display:flex}.embers-modal-actions button{cursor:pointer;font-family:var(--font-heading);border-radius:6px;flex:1;padding:1rem}.btn-cancel{border:1px solid var(--border-color);color:var(--text-muted);background:0 0}.btn-transfer-embers{color:#fdba74;background:#ea580c33;border:1px solid #ea580c;font-weight:700;transition:all .2s}.btn-transfer-embers:hover:not(:disabled){color:#fff;background:#ea580c73;box-shadow:0 0 12px #ea580c80}.btn-transfer-embers:disabled{opacity:.35;cursor:not-allowed;color:#64748b;border-color:#ffffff1a}.action-placeholder{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;text-align:center;font-size:.65rem;font-style:italic}.ap-error-banner{color:#fca5a5;text-align:center;font-family:var(--font-heading);letter-spacing:2px;border-radius:6px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;font-size:1.2rem;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}.error-icon{margin-bottom:.2rem;font-size:2rem}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.combat-phase-target,.combat-phase-resolution,.combat-phase-technique,.combat-actions-split{flex-direction:column;gap:1rem;display:flex}.combat-action-box{background:#0006;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:.8rem;padding:1rem;display:flex}.technique-input-area{flex-direction:column;gap:1rem;display:flex}.technique-list-compact{flex-direction:column;gap:.5rem;display:flex}.btn-technique-card.compact{text-align:left;padding:.6rem .8rem}.btn-technique-card.compact .tech-header{margin-bottom:.2rem;font-size:.9rem}.btn-technique-card.compact .tech-desc{font-size:.8rem;line-height:1.2}.phase-desc{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;font-style:italic}.enemy-target-list{flex-direction:column;gap:.8rem;max-height:700px;padding-right:.5rem;display:flex;overflow-y:auto}.target-info{flex-direction:column;display:flex}.target-name{letter-spacing:1px;font-size:1.1rem;font-weight:700}.target-name-row{align-items:baseline;gap:.5rem;display:flex}.target-type{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.target-stats-row{gap:.8rem;margin:.3rem 0;display:flex}.t-stat{background:#ffffff0d;border-radius:3px;padding:1px 5px;font-size:.85rem}.target-status{font-size:.8rem;font-weight:700}.combat-target-summary{font-family:var(--font-heading);background:#c229291a;border:1px solid #c229294d;border-radius:6px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.target-summary-main{justify-content:space-between;align-items:center;display:flex}.summary-name{color:#fff;font-size:1.3rem}.summary-type{color:var(--primary);font-size:1.1rem}.target-summary-res{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.res-label{color:var(--text-muted);font-size:.9rem}.res-value{color:#fff;font-size:1.25rem;font-weight:700}.btn-back-phase{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;width:fit-content;margin-bottom:.5rem;padding:0;font-size:.8rem}.btn-back-phase:hover{color:var(--text-accent)}.btn-next-phase{background:var(--primary);color:#fff;cursor:pointer;letter-spacing:1px;border:none;border-radius:4px;width:100%;margin-top:1rem;padding:.8rem;font-weight:700}.technique-selection-area{flex-direction:column;gap:1rem;display:flex}.tech-instruction{color:var(--text-muted);font-size:.9rem;font-style:italic}.technique-grid{flex-direction:column;gap:.8rem;display:flex}.btn-technique-card{text-align:left;cursor:pointer;transition:var(--transition);color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.btn-technique-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-technique-card:hover{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);background:#ffffff0d;transform:translate(5px)}.tech-header{align-items:center;gap:.8rem;display:flex}.tech-icon-wrapper{background:#0006;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;padding:3px;display:flex}.tech-icon{background-position:50%;background-size:cover;width:100%;height:100%}.tech-title-group{flex-direction:row;justify-content:space-between;gap:2px;width:100%;display:flex}.tech-name{color:var(--text-accent);text-transform:uppercase;letter-spacing:.04rem;font-size:.9rem;font-weight:700}.tech-range{background:#6b6b6b1a;border:1px solid #bababa33;border-radius:4px;align-content:center;width:fit-content;padding:2px 6px;font-size:.8rem;font-weight:700}.tech-desc{color:var(--text-muted);font-size:.85rem;line-height:1.4}.tech-footer{color:var(--primary);border-top:1px solid #ffffff0d;margin-top:.3rem;padding-top:.5rem;font-size:.8rem;font-weight:700}.btn-skip-technique{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #fff3;border-radius:4px;padding:.65rem;font-size:.9rem}.btn-skip-technique:hover{color:#fff;background:#ffffff0d}.combat-fail-msg{color:#fca5a5;background:#f443361a;border:1px solid #f443364d;border-radius:6px;flex-direction:column;align-items:center;gap:.2rem;margin-top:1rem;padding:1rem;display:flex}.fail-icon{margin-bottom:.3rem;font-size:1.5rem}.fail-text{font-family:var(--font-heading);letter-spacing:1px;font-weight:700}.fail-hint{opacity:.8;font-size:.75rem;font-style:italic}.animate-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.shop-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.shop-modal-content{width:100%;max-width:var(--modal-xlarge);-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#1a1020 0%,#0d0a14 100%);border:1px solid #d4af3759;border-radius:16px;flex-direction:column;gap:1.5rem;padding:2rem;animation:.3s ease-out slideInUp;display:flex;box-shadow:0 0 60px #d4af371a,0 0 120px #000000e6}.shop-modal-content.bartering-modal{max-width:var(--modal-medium);color:#fff;text-align:center;background:linear-gradient(135deg,#1e1b4b,#0f172a);border:2px solid #8b5cf6;border-radius:12px;padding:2rem;position:relative;box-shadow:0 0 25px #8b5cf666}.shop-modal-header{justify-content:space-between;align-items:flex-start;display:flex}.shop-title-block{flex-direction:column;gap:.3rem;display:flex}.shop-tag{color:var(--text-accent);text-transform:uppercase;letter-spacing:3px;font-size:.9rem;font-weight:700;font-family:var(--font-heading)}.shop-title{color:#fff;text-shadow:0 0 20px #d4af374d;font-size:1.8rem}.shop-close-btn{color:var(--text-muted);cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#ffffff12;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.shop-close-btn:hover{border-color:var(--primary);color:#fff;background:#c229294d}.stats-status-row,.inventory-row.small{gap:1rem;display:flex}.stats-section,.status-section,.equipment-section,.backpack-section{flex-direction:column;flex:1;display:flex}.inventory-row .turn-list-item{padding:.25rem .5rem}.shop-hero-embers{background:#d4af3714;border:1px solid #d4af3740;border-radius:6px;align-items:center;gap:.75rem;padding:.8rem 1.2rem;display:flex}.shop-embers-icon{font-size:1rem;line-height:1}.shop-embers-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-family:var(--font-heading)}.shop-embers-value{color:var(--text-accent);font-size:1.1rem;font-weight:700;font-family:var(--font-heading);margin-left:auto}.shop-stock-grid{grid-template-columns:repeat(3,1fr);gap:1rem;min-height:35vh;max-height:60vh;padding-right:.5rem;display:grid;overflow-y:auto}.shop-item-card{min-height:350px;transition:var(--transition);text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.shop-item-card:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ffffff0a 0%,#0000 60%);position:absolute;inset:0}.shop-item-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 20px #0006}.shop-item-icon-wrap{background:#0006;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 0 15px #00000080,inset 0 0 10px #ffffff08}.shop-item-icon{filter:drop-shadow(0 0 6px #000c);background-size:cover;width:100%;height:100%}.shop-item-category{text-transform:uppercase;letter-spacing:2px;font-size:.7rem;font-weight:700;font-family:var(--font-heading)}.shop-item-name{color:#fff;font-size:.95rem;font-weight:700;font-family:var(--font-heading);line-height:1.2}.shop-item-tier{font-size:.8rem;font-family:var(--font-heading);border-radius:4px;padding:4px 10px}.shop-item-desc{color:var(--text-muted);flex:1;font-size:.85rem;line-height:1.5}.shop-item-stats{background:#0003;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;gap:.35rem;width:100%;margin:.6rem 0;padding:.6rem;display:flex}.shop-stat-row{font-size:.75rem;font-family:var(--font-heading);letter-spacing:.5px;justify-content:space-between;align-items:center;display:flex}.shop-stat-row .stat-label{color:var(--text-muted);text-transform:uppercase}.shop-stat-row .stat-value{color:#4db8ff;font-weight:700}.shop-item-price{gap:.4rem;padding:.4rem .8rem;display:flex}.shop-item-price-wrap{flex-direction:row;align-items:center;gap:.5rem;margin-top:auto;display:flex}.price-coin{font-size:1rem}.price-value{color:var(--text-accent);font-size:1.2rem;font-weight:700;font-family:var(--font-heading)}.price-value.sale-price{color:#2ecc71;text-shadow:0 0 8px #2ecc7166}.original-price{color:var(--text-muted);opacity:.9;font-size:.8rem;text-decoration:line-through}.shop-buy-btn{width:100%;color:var(--text-accent);font-family:var(--font-heading);cursor:pointer;transition:var(--transition);white-space:nowrap;background:linear-gradient(135deg,#d4af3733,#d4af3714);border:1px solid #d4af3780;border-radius:4px;flex-shrink:1;margin-top:auto;padding:.6rem;font-size:.9rem}.shop-buy-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#d4af3766,#d4af3733);transform:translateY(-1px);box-shadow:0 0 12px #d4af374d}.shop-buy-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.5);border-style:dashed}.shop-footer{border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.shop-refresh-note{color:var(--text-muted);flex:1;font-size:.75rem;font-style:italic}.shop-refresh-btn{color:#fff;font-family:var(--font-heading);letter-spacing:1px;cursor:pointer;transition:var(--transition);white-space:nowrap;background:#ffffff0d;border:1px solid #fff3;border-radius:4px;padding:.65rem 1.2rem;font-size:.8rem}.shop-refresh-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff}.shop-refresh-btn:disabled{opacity:.3;cursor:not-allowed;border-style:dashed}.resolution-overlay{z-index:2100}.resolution-modal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--glass-border);width:100%;max-width:var(--modal-large);border-radius:12px;flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex;box-shadow:0 20px 50px #000c}.resolution-modal-content.modal-interactive{background:#0f0f14f2;border:1px solid #a855f74d;box-shadow:0 0 30px #a855f733,0 20px 50px #000c}.interactive-lore-box{background:#0000004d;border-radius:8px;margin-bottom:1.5rem;padding:1.2rem}.interactive-lore-box h3{color:#f3e8ff;font-size:1.2rem;font-family:var(--font-heading);margin-bottom:.8rem}.interactive-lore-box p{color:var(--text-muted);margin:0;font-size:.95rem;font-style:italic;line-height:1.4}.interactive-hero-highlight{text-align:center;color:var(--text-main);margin-bottom:1.5rem}.interactive-hero-highlight span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.interactive-hero-highlight strong{color:#d8b4fe;text-transform:uppercase;letter-spacing:1px;font-size:2rem;font-family:var(--font-heading);margin-top:.3rem;display:block}.interactive-input-container{background:#a855f70d;border:1px dashed #a855f74d;border-radius:8px;flex-direction:column;align-items:center;gap:.8rem;width:100%;padding:1.5rem;display:flex}.interactive-input-container label{color:#d8b4fe;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.interactive-d20-input{text-align:center;color:#fff;width:200px;font-size:2.5rem;font-family:var(--font-body);background:#00000080;border:2px solid #a855f7;border-radius:8px;outline:none;padding:.5rem;box-shadow:0 0 15px #a855f74d}.interactive-option-desc{font-family:var(--font-body);color:var(--text-main);opacity:.8;letter-spacing:.02rem;text-transform:uppercase;font-size:.7rem}.btn-confirm.btn-interactive{background:linear-gradient(45deg,#bf82f86c,#9a6de782);box-shadow:0 4px 15px #7c3aed66}.btn-confirm.btn-interactive:hover{background:linear-gradient(45deg,#a855f7,#7c3aed);box-shadow:0 4px 15px #7c3aed66}.interactive-decor{pointer-events:none;background:radial-gradient(circle,#a855f726 0%,#0000 70%);width:150px;height:150px;position:absolute;top:-50px;right:-50px}.modal-tag{color:var(--text-accent);letter-spacing:2px;margin-bottom:.5rem;font-size:.8rem;display:block}.tension-alert{color:#ff5252;text-align:center;font-family:var(--font-heading);background:#f4434026;border:1px solid #f443364d;border-radius:6px;flex-direction:column;gap:.25rem;margin-bottom:2rem;padding:1rem;display:flex}.tension-alert span:first-child{letter-spacing:1px;font-size:1.1rem;font-weight:700}.tension-alert span:last-child{color:#e5e5e5;font-size:.9rem}.resolution-body{flex-direction:column;gap:1.5rem;display:flex}.event-recap{box-shadow:0 0 10px var(--primary-glow);background:#ffffff0d;border:1px solid #f443364d;border-radius:6px;padding:1.5rem}.event-recap h4{color:var(--text-accent);margin-bottom:.5rem}.hero-resolutions h4{font-family:var(--font-heading);letter-spacing:1px;margin-bottom:1rem}.resolution-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.hero-res-card{background:#0000004d;border:1px solid #ffffff0d;border-radius:6px;padding:1rem}.hero-res-name{font-size:1.2rem;font-weight:700;font-family:var(--font-heading);border-bottom:1px solid #ffffff1a;margin-bottom:.5rem;padding-bottom:.3rem}.hero-res-stats{letter-spacing:1px;justify-content:space-between;font-size:.9rem;font-weight:700;display:flex}.hp-change.heal{color:#4caf50}.hp-change.dmg{color:#f44336}.hero-res-info{letter-spacing:1px;text-transform:uppercase;border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:4px;margin-top:.5rem;padding-top:1rem;font-size:.8rem;font-weight:700;display:flex}.note-tag{background:var(--primary);color:#fff;border-radius:4px;padding:2px 6px;font-size:.7rem}.enemy-spawn-list{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.enemy-spawn-item{background:#f443361a;border:1px solid #f4433633;border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem .8rem;display:flex}.en-name{color:#ff5252;font-weight:700;font-family:var(--font-heading)}.en-pos{color:#fff;background:#0000004d;border-radius:4px;font-size:.8rem}.combat-success-result{flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:1rem;display:flex}.impact-badge{color:#fff;letter-spacing:1px;background:#4caf50;border-radius:20px;padding:.3rem 1rem;font-size:.8rem;font-weight:700;box-shadow:0 0 10px #4caf5066}.lethality-status{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.lethality-status.lethal{background:#f443360d;border-left:4px solid #f44336}.lethality-status.bleeding{background:#ff98000d;border-left:4px solid #ff9800}.lethal-icon{font-size:1.5rem}.lethal-text{text-align:left;flex-direction:column;display:flex}.lethal-text strong{font-size:1.2rem;font-family:var(--font-heading)}.lethal-text span{color:var(--text-muted);font-size:.8rem}.boss-hit-info{color:var(--text-accent);font-size:.9rem;font-style:italic}.search-result-alert{font-family:var(--font-heading);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:1rem;padding:1rem;display:flex}.search-result-alert.success{background:#4caf500d;border-left:4px solid #4caf50}.search-result-alert.danger{background:#f443360d;border-left:4px solid #f44336}.horda-title-block{width:100%}.horda-activation-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;background:#000000d9;justify-content:center;align-items:center;transition:background .3s;display:flex;position:fixed;inset:0}.horda-activation-overlay.is-embate{background:#280000d9}.horda-activation-overlay.is-embate .horda-panel-content{border:1px solid #f44336cc;box-shadow:0 0 40px #f4433633}.horda-activation-overlay.is-embate .horda-tag{color:#ff5252;background:#f4433633;border-color:#f4433680;animation:1.5s infinite pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 #f4433666}70%{box-shadow:0 0 0 10px #f4433600}to{box-shadow:0 0 #f4433600}}.horda-activation-overlay.is-move-group{background:#001428d9}.horda-activation-overlay.is-move-group .horda-panel-content{border:1px solid #4db8ffcc;box-shadow:0 0 40px #4db8ff33}.horda-activation-overlay.is-move-group .horda-tag{color:#4db8ff;background:#4db8ff33;border-color:#4db8ff80;animation:1.5s infinite pulseGlowBlue}@keyframes pulseGlowBlue{0%{box-shadow:0 0 #4db8ff66}70%{box-shadow:0 0 0 10px #4db8ff00}to{box-shadow:0 0 #4db8ff00}}.horda-panel-content{background:var(--glass-bg);width:90%;max-width:var(--modal-medium);border:1px solid #f443364d;border-radius:16px;flex-direction:column;gap:.5rem;padding:2.5rem;display:flex;box-shadow:0 0 50px #f4433633}.horda-header{justify-content:space-between;align-items:center;display:flex}.horda-tag{color:#f44336;letter-spacing:3px;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.horda-progress-circle{width:60px;height:60px;font-family:var(--font-heading);color:#f44336;background:#f443361a;border:2px solid #f44336;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.horda-progress-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-bottom:1rem;overflow:hidden}.horda-progress-fill{background:linear-gradient(90deg,#f44336,#ff9800);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.btn-horda-main{color:#fff;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);background:#f44336;border:none;border-radius:6px;width:100%;padding:1rem 2rem;font-size:1.1rem}.btn-horda-main:hover{background:#d32f2f;transform:scale(1.02);box-shadow:0 0 20px #f4433666}.horda-hint{color:var(--text-muted);text-align:center;font-size:.85rem;font-style:italic}.roster-footer{border-top:1px solid #ffffff1a;justify-content:center;padding-top:1.5rem;display:flex}.btn-end-heroes-phase{color:#fff;font-family:var(--font-heading);letter-spacing:1px;cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#f44336,#8e24aa);border:none;border-radius:50px;padding:1rem 3rem;font-size:1rem;box-shadow:0 4px 15px #0000004d}.btn-end-heroes-phase:hover{background:var(--primary);border-color:#fff;transform:translateY(-2px)}.mini-map-container{background:#0000004d;border-radius:6px;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.mini-map-container.multi{justify-content:space-between}.mini-tile{flex-direction:column;align-items:center;gap:.5rem;display:flex}.mini-tile-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.7rem;overflow:hidden}.mini-grid{background:#ffffff1a;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:2px;width:fit-content;padding:2px;display:grid}.mini-cell{background:#ffffff0d;border-radius:2px;width:22px;height:22px}.mini-cell.wall{background:#0a0a0a80}.mini-cell.path{background:#ffffff80;box-shadow:inset 0 0 5px #ffffff1a}.mini-cell.start{background:var(--primary-hover);box-shadow:0 0 6px var(--primary-hover);z-index:2}.mini-cell.end{z-index:2;background:#4caf50;box-shadow:0 0 6px #4caf50}.mini-cell.sombra-target{z-index:2;background:#ff9800;box-shadow:0 0 6px #ff9800}.mini-cell.hero{border:2px solid #2196f3}.mini-map-arrow{color:var(--text-accent);text-shadow:0 0 10px #d4af3780;font-size:1.5rem}.map-unit{flex-direction:column;align-self:start;gap:.5rem;width:50%;display:flex}.horda-action-info{flex-direction:column;display:flex}.horda-description{color:#fff;font-size:1.1rem;font-family:var(--font-heading);text-align:center;line-height:1.4}.horda-coordinates{background:#ffffff08;border-radius:6px;flex-direction:column;gap:.5rem;padding:.8rem;display:flex}.horda-visualizer{max-height:var(--modal-large);flex-direction:column;gap:1rem;display:flex;overflow-y:auto}.coord-item{justify-content:space-between;font-size:.8rem;display:flex}.coord-label{color:var(--text-muted);font-weight:700}.coord-val{color:var(--text-accent);font-family:var(--font-mono)}.horda-footer{flex-direction:column;gap:1rem;display:flex}.spawn-grid-detailed{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;width:100%;display:grid}.spawn-card-detailed{background:#0009;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.spawn-card-header{justify-content:space-between;align-items:flex-start;padding:.5rem;display:flex}.spawn-visual-box{padding:.5rem}.spawn-maps-row{align-items:center;gap:.5rem;width:100%;display:flex}.round-indicator{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.phase-tag{color:var(--text-accent);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.75rem;font-weight:700}.btn-phase-jump{color:#fff;cursor:pointer;width:30px;height:30px;transition:var(--transition);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;margin-left:10px;display:flex}.btn-phase-jump:hover{background:var(--primary);border-color:#fff}@media (width<=1400px){.left-panel{display:none}.roster-toggle-btn{display:flex}.encounter-layout{grid-template-columns:none;display:block}.roster-panel{width:100%;padding:1.5rem}.turn-header{text-align:center;flex-direction:column;align-items:center;padding:1rem}.encounter-topbar .tab-text{display:none}.encounter-topbar .tab-icon{width:1.4rem;height:1.4rem;margin:0;display:block}.encounter-topbar .tab-btn{justify-content:center;min-width:44px;padding:.5rem}.left-panel-sidebar-content{padding:0!important}}@media (width<=1200px){.encounter-layout{grid-template-columns:300px 1fr}}@media (width<=1024px){.encounter-layout{grid-template-columns:260px 1fr}.stat-card{padding:.8rem}.stat-card .val{font-size:1.2rem}}@media (width<=768px){.encounter-container{height:100dvh;overflow-y:auto}.encounter-layout{flex-direction:column;grid-template-columns:none;display:flex;overflow:visible}.left-panel{display:none!important}.roster-panel{width:100%;min-height:auto;padding:.75rem .5rem;overflow:visible}.encounter-header{flex-direction:column;gap:.8rem;padding:.5rem 1rem}.header-stats{justify-content:space-around;gap:.5rem;width:100%}.header-badge{padding:.3rem .6rem;font-size:.75rem}.active-hero-dashboard{padding:0}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.turn-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;overflow-x:auto}.tab-btn{flex:none;padding:.5rem 1rem}.dashboard-main{grid-template-columns:1fr}.dashboard-content{padding:1rem}.combat-resolution-container{grid-template-columns:1fr}.math-breakdown{gap:.5rem;padding:1rem;font-size:.9rem}.math-val{font-size:1.5rem}.map-view-container{padding:.5rem;overflow-x:auto}.map-grid-wrapper{transform-origin:top;margin-bottom:-50px;transform:scale(.85)}.horda-activation-overlay{padding:1rem}.mini-map-container.multi{flex-direction:column;gap:.5rem}.mini-map-arrow{transform:rotate(90deg)}.shop-modal-content{gap:1rem;width:95%;max-width:95%;padding:1.25rem}.shop-stock-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.shop-item-card{min-height:auto;padding:1rem}.shop-hero-embers{padding:.6rem 1rem}.shop-embers-value{font-size:1.2rem}.shop-stock-grid{grid-template-columns:1fr}.shop-modal-content{border-radius:12px;gap:.75rem;padding:1rem}.shop-title{font-size:1.2rem}.shop-refresh-note{display:none}.shop-refresh-btn{width:100%;font-size:.8rem}.modal-content{width:95%;margin:1rem;padding:1.5rem}.resolution-grid{grid-template-columns:1fr}.encounter-topbar{min-height:52px;padding:.4rem .75rem}.mission-title-mini{letter-spacing:1px;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.8rem;display:block;overflow:hidden}.topbar-section{gap:.5rem}.turn-content{flex-direction:column;grid-template-columns:none;gap:1.5rem;display:flex}.turn-vitals-panel,.combat-calculator-panel,.active-tab-panel{max-height:none;padding:1rem}.turn-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;padding-bottom:1.5rem}.active-hero-dashboard{overflow-y:auto}.dashboard-header{padding:1rem}.turn-header{text-align:center;flex-direction:column;align-items:center;padding:1rem}.turn-title h2{font-size:1.2rem}.active-hero-name{font-size:1rem}.turn-tabs{justify-content:space-around;gap:.5rem;margin-top:1rem;padding:.3rem;display:flex}.tab-text{display:none}.tab-icon{display:block}.vitals-main-row,.stats-status-row,.inventory-row.small,.target-stats-row,.target-name-row{gap:1rem;flex-direction:column!important;align-items:flex-start!important}.vitals-col,.vitals-col:last-child,.stats-section,.status-section,.equipment-section,.backpack-section{flex:none!important;width:100%!important}}@media (width<=480px){.header-title h2{font-size:1rem}.stat-card-group{grid-template-columns:repeat(2,1fr)}.hero-main-stats{flex-wrap:wrap}.stat-item{flex:40%}}.turn-card{background:var(--glass-bg);border:1px solid var(--border-glow);-webkit-user-select:none;user-select:none;-o-user-select:none;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000004d}.turn-card-header{background:linear-gradient(135deg, var(--class-color-glow,#d4af3733) 0%, #0c0e16d9 75%);border-bottom:2px solid var(--class-color,#d4af374d);align-items:center;gap:.85rem;padding:.65rem .85rem;display:flex;box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff14}.turn-hero-timeline-icon{object-fit:cover;object-position:center;border:1px solid var(--class-color,var(--border-color));background:var(--bg-dark);border-radius:8px;flex-shrink:0;width:52px;height:52px;box-shadow:0 0 10px #00000080}.turn-hero-info{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.turn-tag{color:var(--text-accent);text-transform:uppercase;letter-spacing:1px;font-size:.65rem;font-weight:700}.turn-hero-name{color:#fff;font-size:1.15rem;font-family:var(--font-heading);letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.2;overflow:hidden}.turn-hero-class{color:var(--text-accent);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600}.turn-card .turn-card-stats,.turn-card-stats{background:#ffffff05;border-bottom:1px solid #ffffff0d;gap:.5rem;padding:.5rem .75rem;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.ap-section{align-items:center;gap:.4rem;display:flex}.ap-label-aside{color:var(--text-muted);letter-spacing:1px;font-size:.75rem;font-weight:800;font-family:var(--font-heading)}.ap-tracker-aside{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-finish-turn{color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:var(--transition);white-space:nowrap;background:linear-gradient(135deg,#1e3a8a,#1e40af);border:1px solid #2172f548;border-radius:4px;flex-shrink:0;padding:.4rem .75rem;font-size:.75rem;font-weight:700;box-shadow:0 0 10px #3b82f640}.btn-finish-turn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 0 15px #3b82f680}.btn-enter-turn.active-hero{background:var(--text-accent);color:#000;border-color:#fff;box-shadow:0 0 10px #d4af3780}.btn-enter-turn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.level-up-modal-content{background:var(--card-bg);border:2px solid var(--secondary);box-shadow:0 0 20px var(--secondary-glow);max-width:var(--modal-medium);-webkit-user-select:none;user-select:none;-o-user-select:none;border-radius:12px;width:90%;padding:2rem}.level-up-modal-content .modal-header{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1rem}.level-up-modal-content .modal-tag{color:var(--secondary)}.level-up-modal-content h3{margin:0;font-size:1.5rem}.points-allocation-header{margin-bottom:1.5rem}.points-allocation-header p{color:var(--text-muted);font-size:.95rem}.points-remaining{border:1px solid var(--secondary-glow);text-align:center;background:#3741d41a;border-radius:6px;margin-top:1rem;padding:.8rem}.points-remaining .points-value{color:var(--secondary);font-size:1.2rem;font-weight:700}.stats-allocation-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stat-alloc-card{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.stat-alloc-info{justify-content:space-between;align-items:center;display:flex}.stat-alloc-name{letter-spacing:1px;font-weight:700}.stat-alloc-val{color:var(--secondary);font-size:1.1rem}.stat-alloc-controls{gap:.5rem;display:flex}.btn-alloc{cursor:pointer;transition:var(--transition);border-radius:4px;flex:1;padding:.3rem;font-size:1.5rem}.btn-alloc:not(:disabled):hover{scale:1.1}.btn-alloc.minus{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.btn-alloc.plus{background:var(--secondary);color:#000;border:none}.btn-alloc:disabled{opacity:.5;cursor:not-allowed}.level-up-modal-content .modal-footer{margin-top:2rem}.btn-level-up-confirm{cursor:pointer;width:100%;transition:var(--transition);font-size:1.1rem;font-weight:700;font-family:var(--font-heading);background:var(--secondary);opacity:.8;color:#000;border:none;border-radius:6px;padding:1rem}.btn-level-up-confirm:not(:disabled):hover{opacity:1}.btn-level-up-confirm:disabled{color:var(--text-muted);cursor:not-allowed;background:#ffffff0d}.hero-selector-content{background:var(--bg-dark);border:1px solid var(--text-accent);width:95%;max-width:var(--modal-large);border-radius:12px;padding:2rem;box-shadow:0 0 50px #000000e6,0 0 20px #d4af371a}.hero-selector-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;display:grid}.hero-select-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:.8rem;padding:1rem;transition:all .2s;display:flex}.hero-select-card:hover{background:#ffffff14;border-color:#d4af3766;transform:translateY(-2px)}.hero-select-card.selected{border-color:var(--text-accent);background:#d4af3726;box-shadow:0 0 15px #d4af3733}.hero-select-header{align-items:center;gap:1rem;display:flex}.hero-select-name{font-family:var(--font-heading);color:#fff;font-size:1.2rem}.hero-select-class{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.hero-select-vitals{align-items:center;gap:.8rem;display:flex}.mini-hp-bar{background:#00000080;border-radius:3px;flex:1;height:6px;overflow:hidden}.mini-hp-fill{background:#4caf50;height:100%;transition:width .3s}.mini-hp-text{color:var(--text-muted);min-width:40px;font-size:.75rem;font-weight:700}.hero-select-statuses{flex-wrap:wrap;gap:.4rem;min-height:24px;display:flex}.mini-selector-status{border-color:#ffffff0d;font-size:.8rem;width:2rem!important;height:2rem!important}.contextual-actions-area{border-top:1px dashed #ffffff1a;flex-direction:column;gap:.6rem;margin-top:1rem;padding-top:1rem;display:flex}.btn-contextual{border:1px solid var(--border-color);color:#fff;width:100%;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;transition:var(--transition);cursor:pointer;background:#ffffff0d;border-radius:6px;align-items:center;gap:.8rem;padding:.8rem 1rem;font-size:.75rem;display:flex;box-shadow:0 4px 15px #0003}.btn-contextual .icon{font-size:1.1rem}.btn-contextual:hover:not(:disabled){border-color:var(--text-accent);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-contextual:active:not(:disabled){transform:translateY(0)}.btn-contextual:disabled{opacity:.3;cursor:not-allowed;filter:grayscale();box-shadow:none}.btn-stealth{background:linear-gradient(90deg,#4b008233,#0000);border-color:#8a2be266}.btn-stealth:hover:not(:disabled){background:#4b008266;border-color:#8a2be2;box-shadow:0 0 15px #8a2be24d}.btn-chest{background:linear-gradient(90deg,#16593333,#0000);border-color:#4ade8066}.btn-chest:hover:not(:disabled){background:#16593366;border-color:#4ade80;box-shadow:0 0 15px #4ade804d}.btn-barricade{background:linear-gradient(90deg,#5c3a2133,#0000);border-color:#8b5a2b66}.btn-barricade:hover:not(:disabled){background:#5c3a2166;border-color:#a27143;box-shadow:0 0 15px #8b5a2b4d}.btn-leader{background:linear-gradient(90deg,#aa850033,#0000);border-color:#d4af3766}.btn-leader:hover:not(:disabled){background:#aa850066;border-color:gold;box-shadow:0 0 15px #ffd7004d}.btn-search{background:linear-gradient(90deg,#707df51a,#0000);border-color:#707df566}.btn-search:hover:not(:disabled){border-color:var(--secondary);background:#707df533;box-shadow:0 0 15px #707df54d}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-bounce-subtle{animation:2s ease-in-out infinite bounce-subtle}.animate-pulse{animation:2s ease-in-out infinite pulse}.btn-rest{background:linear-gradient(90deg,#e67e22 0%,#0000 100%);border:1px solid #fff3}.btn-rest:hover:not(:disabled){background:linear-gradient(90deg,#f39c12 0%,#0000 100%);box-shadow:0 0 15px #e67e2280}.btn-rest:disabled{opacity:.6;cursor:not-allowed;background:#333;border-color:#444}.modal-inventory-wrapper{height:fit-content;padding-right:.5rem;overflow-y:auto}.modal-inventory-wrapper::-webkit-scrollbar{width:4px}.modal-inventory-wrapper::-webkit-scrollbar-thumb{background:var(--primary-glow);border-radius:10px}.inventory-component.compact .equipment-section,.inventory-component.compact .backpack-section{background:#0003;border:1px solid #ffffff0d;border-radius:8px;padding:1rem}.inventory-component.compact .turn-equipment-list{grid-template-columns:repeat(2,1fr);gap:.5rem}.inventory-component.compact .equipment-detailed{padding:.5rem}.inventory-component.compact .item-name-text{font-size:.7rem}.catalog-modal{flex-direction:column;max-height:85vh;display:flex;width:95vw!important;max-width:1200px!important}.catalog-search-container{background:#0006;border-bottom:1px solid #ffffff0d;padding:1rem}.search-input-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;padding:.5rem 1rem;transition:all .3s;display:flex;position:relative}.search-input-wrapper:focus-within{border-color:var(--text-accent);background:#d4af370d;box-shadow:0 0 15px #d4af371a}.catalog-search-input{color:#fff;font-size:.95rem;font-family:var(--font-heading);background:0 0;border:none;outline:none;flex:1}.catalog-search-input::placeholder{color:#666}.btn-clear-search{color:#999;cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.2rem;transition:color .2s}.btn-clear-search:hover{color:var(--text-accent)}.catalog-tabs-container.searching{opacity:.4;pointer-events:none;filter:grayscale()}.catalog-tabs-container{background:#0000004d;border-bottom:1px solid #d4af3733;justify-content:space-between;align-items:center;padding-right:1rem;transition:all .3s;display:flex}.catalog-tabs{gap:.5rem;padding:1rem 1rem 0;display:flex}.catalog-sort-tabs{align-items:center;gap:.5rem;display:flex}.sort-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-right:.5rem;font-size:.75rem}.sort-tab-btn{color:var(--text-muted);cursor:pointer;font-size:.75rem;font-family:var(--font-heading);background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;padding:.4rem .8rem;transition:all .2s}.sort-tab-btn:hover{color:#fff;background:#ffffff1a}.sort-tab-btn.active{border-color:var(--text-accent);color:var(--text-accent);background:#d4af371a}.catalog-tab-btn{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px 4px 0 0;padding:.8rem 1.5rem;transition:all .3s}.catalog-tab-btn.active{background:var(--text-accent);color:var(--bg-dark);border-color:var(--text-accent)}.catalog-body{flex:1;padding:1rem;overflow-y:auto}.catalog-table{border-collapse:collapse;width:100%;font-size:.9rem}.catalog-table th{text-align:left;color:var(--text-accent);font-family:var(--font-heading);border-bottom:2px solid var(--text-accent);background:#0006;padding:1rem}.catalog-table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:.8rem}.out-of-stock-row{background:#ff00000d}.td-icon .catalog-item-icon-wrapper{border:2px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex}.catalog-table .tier-border-0{background:#f9731640!important;border-color:#f97316!important}.catalog-table .tier-border-1{background:#6663!important;border-color:#666!important}.catalog-table .tier-border-2{background:#27ae6033!important;border-color:#27ae60!important}.catalog-table .tier-border-3{background:#2980b933!important;border-color:#2980b9!important}.catalog-table .tier-border-4{background:#8e44ad33!important;border-color:#8e44ad!important}.td-icon .item-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:48px;height:48px}.catalog-footer{background:#0003;border-top:1px solid #ffffff0d;justify-content:center;padding:1rem;display:flex}.item-name-cell{flex-direction:column;display:flex}.item-name-cell .i-name{color:#dedede;letter-spacing:.04rem;text-transform:uppercase;font-size:.85rem;font-weight:700}.item-name-cell .i-id{color:#666;font-size:.8rem}.catalog-table .tier-0{color:#fff;background:#f97316}.catalog-table .tier-1{color:#fff;background:#666}.catalog-table .tier-2{color:#fff;background:#27ae60}.catalog-table .tier-3{color:#fff;background:#2980b9}.catalog-table .tier-4{color:#fff;background:#8e44ad}.item-info-text .i-stat{color:var(--text-accent);margin-right:10px;font-size:.85rem;display:inline-block}.item-info-text .i-desc{color:#aaa;margin-top:4px;font-size:.8rem}.stock-label{border-radius:24px;padding:4px 10px;font-size:1rem;font-weight:700}.stock-label.available{color:#2ecc71;background:#27ae6026;border:1px solid #2ecc71}.stock-label.empty{color:#e74c3c;background:#e74c3c26;border:1px solid #e74c3c}.btn-add-backpack{font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;border-radius:4px;min-width:80px;padding:.5rem 1rem;font-size:.8rem;transition:all .2s}.btn-add-backpack.available{border:1px solid var(--text-accent);color:var(--text-accent);background:#d4af371a}.btn-add-backpack.available:hover{background:var(--text-accent);color:var(--bg-dark)}.btn-add-backpack.disabled{color:#666;cursor:not-allowed;background:#ffffff0d;border:1px solid #ffffff1a;font-size:.7rem}.event-resolution-block{text-align:left;background:linear-gradient(135deg,#d4af371a 0%,#0006 100%);border:1px solid #d4af374d;border-radius:8px;margin-bottom:1.5rem;padding:1.2rem;position:relative;overflow:hidden}.event-resolution-block:before{content:"";background:var(--text-accent);width:4px;height:100%;position:absolute;top:0;left:0}.event-label{font-family:var(--font-heading);color:var(--text-accent);letter-spacing:2px;opacity:.8;margin-bottom:.5rem;font-size:.75rem}.event-resolution-block .event-title{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 4px #00000080;margin:0 0 .5rem;font-size:1.4rem}.event-narration{color:var(--text-muted);margin:0;font-size:.95rem;font-style:italic;line-height:1.4}.tension-alert{text-align:left;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:6px;flex-direction:column;gap:.4rem;margin-bottom:1.5rem;padding:1rem;display:flex}.tension-label{color:#e74c3c;font-weight:700;font-family:var(--font-heading);letter-spacing:1px;font-size:.9rem}.tension-lore{color:var(--text-muted);font-size:.85rem;font-style:italic}.btn-level-up-indicator{border:1px solid var(--text-accent);color:#1a1a1a;cursor:pointer;text-transform:uppercase;letter-spacing:1px;width:50%;font-size:.75rem;font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,#d4af37 0%,#aa8500 100%);border-radius:4px;padding:.5rem;transition:all .2s;box-shadow:0 0 15px #d4af3766}.btn-level-up-indicator:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5;box-shadow:none;background:#ffffff0d;animation:none}.btn-level-up-indicator:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 20px #d4af3799}.pulse{animation:2s infinite pulse-animation}@keyframes pulse-animation{0%{box-shadow:0 0 10px #d4af37b3}to{box-shadow:0 0 10px 10px #d4af3700}}@media (width<=1366px){.hide-on-mobile{display:none!important}}.master-box-container{z-index:9999;font-family:var(--font-body);transition:all .3s cubic-bezier(.25,.8,.25,1);position:fixed;bottom:2rem;right:2rem}.master-box-container.collapsed{transform:scale(.95)}.master-box-container.expanded{transform:scale(1)}.master-box-badge{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;background:#e056fd33;border:2px solid #e056fdcc;border-radius:30px;align-items:center;gap:.6rem;padding:.8rem 1.2rem;font-size:.8rem;transition:all .2s;display:flex;position:relative;box-shadow:0 0 20px #e056fd66}.master-box-badge:hover{background:#e056fd59;transform:translateY(-3px);box-shadow:0 0 30px #e056fd99}.master-box-badge .pulse-ring{pointer-events:none;border:2px solid #e056fdcc;border-radius:30px;width:100%;height:100%;animation:2s infinite master-pulse;position:absolute;top:0;left:0}@keyframes master-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.master-box-panel{-webkit-backdrop-filter:blur(16px);background:#0f0a14e6;border:1px solid #e056fd80;border-radius:12px;flex-direction:column;width:380px;max-width:calc(100vw - 4rem);animation:.3s ease-out slide-in-master;display:flex;overflow:hidden;box-shadow:0 10px 40px #0009,0 0 25px #e056fd33}@keyframes slide-in-master{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.master-box-header{background:linear-gradient(90deg,#e056fd26,#0000);border-bottom:1px solid #e056fd33;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.header-title-area{flex-direction:column;gap:.2rem;display:flex}.header-tag{font-family:var(--font-heading);color:#e056fd;text-shadow:0 0 10px #e056fd99;letter-spacing:1.5px;text-transform:uppercase;font-size:.65rem}.master-node-title{font-family:var(--font-heading);color:#fff;margin:0;font-size:1.05rem;font-weight:600}.master-collapse-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:1rem;transition:all .2s}.master-collapse-btn:hover{color:#fff;background:#ffffff1a}.master-box-body{flex-direction:column;gap:1rem;max-height:400px;padding:1.2rem;display:flex;overflow-y:auto}.master-narration-text{color:#e2dff5;background:#ffffff05;border-left:2px solid #e056fd;border-radius:0 6px 6px 0;margin:0;padding:.8rem;font-size:.85rem;font-style:italic;line-height:1.5}.master-options-container{flex-direction:column;gap:.6rem;margin-top:.4rem;display:flex}.master-prompt-lore{font-family:var(--font-heading);color:#a855f7;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .4rem;font-size:.75rem}.master-option-btn{text-align:left;width:100%;font-family:var(--font-body);color:#fff;cursor:pointer;border:1px solid #e056fd33;border-radius:8px;flex-direction:column;gap:.2rem;padding:.8rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.master-option-btn.selectable{background:#e056fd0d}.master-option-btn.selectable:hover{background:#e056fd26;border-color:#e056fd99;transform:translate(4px);box-shadow:0 0 15px #e056fd33}.master-option-btn.disabled{color:#ffffff4d;cursor:not-allowed;background:#0003;border-color:#ffffff0d}.option-label{font-weight:600;font-family:var(--font-heading);color:gold;font-size:.85rem}.master-option-btn.disabled .option-label{color:#ffffff4d}.option-desc{color:#b0a8d6;font-size:.7rem}.master-option-btn.disabled .option-desc{color:#fff3}.option-restriction{color:#ef4444;margin-top:.1rem;font-size:.65rem;font-weight:500}.master-narrative-actions{justify-content:flex-end;margin-top:.4rem;display:flex}.master-confirm-btn{color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#e056fd33;border:1px solid #e056fd99;border-radius:6px;padding:.5rem 1.2rem;font-size:.75rem;transition:all .2s}.master-confirm-btn:hover{background:#e056fd66;border-color:#e056fd;box-shadow:0 0 15px #e056fd4d}.btn-landmark{background:linear-gradient(90deg,#e056fd26,#0000);border-color:#e056fd66}.btn-landmark:hover:not(:disabled){background:#e056fd4d;border-color:#e056fd;box-shadow:0 0 15px #e056fd66}.tactical-placement-overlay{z-index:99999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04050ceb;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.tactical-placement-container{border:2px solid var(--text-accent,#d4af37);text-align:center;background:linear-gradient(135deg,#101223f2,#070810fa);border-radius:16px;width:90%;max-width:580px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 0 50px #000000f2,0 0 30px #d4af3740}.placement-header{margin-bottom:2rem}.placement-header h2{color:#fff;text-shadow:0 2px 4px #0009;letter-spacing:2px;margin:0 0 .5rem;font-size:2rem}.placement-header p{color:var(--text-muted,#94a3b8);margin:0;font-size:.9rem;line-height:1.4}.placement-active-hero-card{background:#ffffff08;border:1px solid #ffffff14;border-left:4px solid #00e5ff;border-radius:12px;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.2rem;display:flex;box-shadow:inset 0 0 15px #00e5ff0d}.placement-hero-avatar{text-shadow:0 0 10px #00e5ff99;background:#00e5ff1a;border:2px solid #00e5ff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.8rem;display:flex}.placement-hero-info{text-align:left}.placement-hero-info .name{color:#fff;letter-spacing:.5px;margin:0;font-size:1.4rem;font-weight:700}.placement-hero-info .class-tag{color:#00e5ff;text-transform:uppercase;letter-spacing:2px;margin-top:2px;font-size:.75rem;font-weight:700}.placement-grid-3x3{background:#00000080;border:2px solid #ffffff0d;border-radius:12px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;width:320px;height:320px;margin:0 auto;padding:8px;display:grid;box-shadow:inset 0 0 20px #000c}.placement-grid-cell{box-sizing:border-box;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.placement-grid-cell.wall{cursor:not-allowed;opacity:.35;background:repeating-linear-gradient(45deg,#ffffff04,#ffffff04 10px,#0009 10px 20px);border:1px solid #ffffff05}.placement-grid-cell.walkable{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f}.placement-grid-cell.walkable:hover{z-index:10;background:#00e5ff0a;border-color:#00e5ff66;transform:scale(1.02);box-shadow:0 0 15px #00e5ff1a}.placement-grid-cell.walkable.full{cursor:not-allowed;border-color:#ef444433}.placement-grid-cell.walkable.full:hover{background:#ef444408;border-color:#ef444466;transform:none;box-shadow:0 0 15px #ef44441a}.placement-cell-index{color:#ffffff40;pointer-events:none;font-family:monospace;font-size:.65rem;font-weight:700;position:absolute;top:4px;left:6px}.placement-cell-heroes{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;padding:4px;display:flex}.placement-cell-hero-token{color:#000;background:#00e5ff;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:700;animation:2s ease-in-out infinite bounce-subtle;display:flex;box-shadow:0 2px 4px #0006}.placement-cell-hero-token.other-hero{background:var(--text-accent,#d4af37);border-color:#fff}.placement-grid-cell.walkable:hover:after{content:"DESPLEGAR";color:#00e5ff;letter-spacing:.5px;opacity:.8;font-size:.55rem;font-weight:700;position:absolute;bottom:4px}.placement-grid-cell.walkable.full:hover:after{content:"COMPLETA";color:#ef4444}.placement-grid-cell.wall:hover:after{content:"MURO";color:#ffffff4d;font-size:.55rem;font-weight:700;position:absolute;bottom:4px}.minimap-wrapper{z-index:120;-webkit-user-select:none;user-select:none;pointer-events:auto;width:180px;height:180px;position:absolute;bottom:1.5rem;right:1.5rem}.minimap-frame-container{background-color:#06070a;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #000000bf,0 0 15px #00000080}.minimap-png-frame{z-index:10;pointer-events:none;object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.minimap-svg-frame{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.minimap-ring-outer{fill:none;stroke:#475569;stroke-width:3.5px}.minimap-ring-inner{fill:none;stroke:#94a3b8;stroke-width:1.5px;stroke-dasharray:4 2}.minimap-rune-marks{fill:none;stroke:#cbd5e1;stroke-width:2.5px;stroke-linecap:round}.minimap-viewport{z-index:2;background:radial-gradient(circle,#0f172a 0%,#06070a 100%);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:10px;overflow:hidden}.minimap-grid{justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:grid}.minimap-room-slot{border-style:solid;border-width:1px;border-radius:4px;justify-content:center;align-items:center;width:100%;min-width:24px;height:100%;min-height:24px;transition:all .2s;display:flex;position:relative}.minimap-room-slot.active-room{animation:2s infinite alternate minimapPulse;box-shadow:0 0 10px #38bdf899}@keyframes minimapPulse{0%{box-shadow:0 0 4px #38bdf866}to{box-shadow:0 0 12px #38bdf8d9}}.minimap-room-tag{pointer-events:none;font-size:.65rem;font-weight:700;line-height:1}.minimap-door{z-index:3;background-color:#f59e0b;position:absolute}.minimap-door.door-n{width:6px;height:2px;top:-3px;left:50%;transform:translate(-50%)}.minimap-door.door-s{width:6px;height:2px;bottom:-3px;left:50%;transform:translate(-50%)}.minimap-door.door-w{width:2px;height:6px;top:50%;left:-3px;transform:translateY(-50%)}.minimap-door.door-e{width:2px;height:6px;top:50%;right:-3px;transform:translateY(-50%)}.minimap-units-layer{z-index:5;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.minimap-unit-marker{background-color:#0f172a;border-style:solid;border-width:1.5px;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;overflow:hidden;box-shadow:0 0 4px #000c}.minimap-unit-marker.is-hero{background-color:#1e3a8a}.minimap-unit-marker.is-enemy{background-color:#7f1d1d}.minimap-unit-img{object-fit:cover;width:100%;height:100%}.minimap-unit-initial{color:#fff;font-size:.55rem;font-weight:800;line-height:1}.minimap-close-btn{color:#94a3b8;cursor:pointer;z-index:30;background:#0f172ae6;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;transition:all .2s;display:flex;position:absolute;top:-6px;right:-6px}.minimap-close-btn:hover{color:#fff;background:#ef4444}@media (width<=768px){.minimap-wrapper{width:140px;height:140px;bottom:1rem;left:1rem}}.resource-bar-container{flex-direction:column;gap:.2rem;width:100%;display:flex}.resource-bar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;text-align:center;font-size:.65rem;font-weight:700}.resource-bar-main{align-items:center;gap:1rem;width:100%;display:flex}.resource-bar-track{background:#00000080;border:1px solid #ffffff1a;border-radius:4px;flex:1;height:20px;position:relative;overflow:hidden}.resource-bar-fill{height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.resource-bar-text{color:#fff;text-shadow:0 1px 3px #000;font-size:.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tooltip-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.tooltip-wrapper:hover{z-index:10000}.tooltip-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;pointer-events:none;white-space:nowrap;background:#0a0a0ff2;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:.5rem .8rem;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 5px 15px #00000080}.tooltip-header{white-space:pre-wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:2px;display:flex}.tooltip-text{color:#fff;font-size:.85rem;font-family:var(--font-heading);letter-spacing:.5px;font-weight:700}.tooltip-tier{text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:700}.tooltip-info-container{flex-direction:column;gap:.5rem;width:100%;display:flex}.tooltip-stats{border-top:1px solid #ffffff1a;flex-direction:column;gap:1px;width:100%;padding:4px 0;display:flex}.tooltip-stat-row{justify-content:space-between;gap:1rem;font-size:.8rem;display:flex}.stat-label{color:var(--text-muted)}.stat-value{color:var(--text-accent);font-weight:700}.tooltip-desc{width:100%;color:var(--text-muted);white-space:normal;text-align:center;padding-top:4px;font-size:.75rem}.tooltip-desc div:first-child{color:var(--text-accent);font-size:.75rem;font-weight:700}.tooltip-req-section{border-top:1px solid #ffffff1f;flex-direction:column;gap:3px;width:100%;margin-top:2px;padding-top:5px;display:flex}.tooltip-req-row{text-align:center;justify-content:center;align-items:center;gap:5px;font-size:.74rem;line-height:1.2;display:flex}.tooltip-req-row.req-met{color:#fbbf24}.tooltip-req-row.req-unmet{color:#ef4444;text-shadow:0 0 6px #ef444466;font-weight:600}.req-icon{font-size:.75rem}.req-text{white-space:normal}.tooltip-bold-text{letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-size:.68rem;font-weight:700}.tooltip-equip-badge{letter-spacing:.8px;text-align:center;border-radius:4px;align-self:center;margin-top:4px;padding:2px 8px;font-size:.68rem;font-weight:800}.tooltip-equip-badge.badge-equippable{color:#4ade80;background:#22c55e26;border:1px solid #22c55e66;box-shadow:0 0 8px #22c55e33}.tooltip-equip-badge.badge-unequippable{color:#f87171;background:#ef444433;border:1px solid #ef444480;box-shadow:0 0 8px #ef44444d}.tooltip-box.tier-0 .tooltip-tier{color:#f97316}.tooltip-box.tier-1 .tooltip-tier{color:#aaa}.tooltip-box.tier-2 .tooltip-tier{color:#4caf50}.tooltip-box.tier-3 .tooltip-tier{color:#2196f3}.tooltip-box.tier-4 .tooltip-tier{color:#9c27b0}.tooltip-box.tier-0{border-color:#f9731666}.tooltip-box.tier-1{border-color:#aaaaaa4d}.tooltip-box.tier-2{border-color:#4caf504d}.tooltip-box.tier-3{border-color:#2196f34d}.tooltip-box.tier-4{border-color:#9c27b04d}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.animate-tooltip-in{animation:.15s ease-out forwards tooltipIn}.tooltip-box.is-portal{pointer-events:none}.xp-bar-wrapper{width:100%;margin:4px 0}.xp-bar-container{background:#0006;border:1px solid #ffffff1a;border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,#a29bfe,#6c5ce7);height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.xp-bar-glow{filter:blur(8px);opacity:.3;background:#fff;width:20px;height:100%;position:absolute;top:0;right:0}.xp-bar-overlay{pointer-events:none;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 8px;display:flex;position:absolute;top:0;left:0}.xp-label{color:#fff;text-shadow:0 1px 2px #000c;letter-spacing:1px;font-size:.7rem;font-weight:800}.xp-values{color:#ffffffe6;font-size:.7rem;font-family:var(--font-mono,monospace)}.xp-bar-wrapper.thin{height:1.5rem}.xp-bar-wrapper.thin .xp-label,.xp-bar-wrapper.thin .xp-values{font-size:.6rem}.xp-bar-wrapper.medium{height:22px}.xp-bar-wrapper.large{height:28px}.xp-bar-wrapper.large .xp-label{font-size:.8rem}.item-context-menu-backdrop{z-index:100000;background:0 0;position:fixed;inset:0}.item-context-menu{z-index:100001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;min-width:210px;max-width:260px;font-family:var(--font-body,"Josefin Sans", sans-serif);background:#0a0a0ff5;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;gap:3px;padding:.45rem .6rem;animation:.12s ease-out forwards contextMenuPop;display:flex;position:fixed;box-shadow:0 5px 15px #0009}@keyframes contextMenuPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.item-context-menu.tier-0{border-color:#f9731666}.item-context-menu.tier-1{border-color:#aaaaaa4d}.item-context-menu.tier-2{border-color:#4caf504d}.item-context-menu.tier-3{border-color:#2196f34d}.item-context-menu.tier-4{border-color:#9c27b04d}.context-menu-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-bottom:3px;padding-bottom:4px;display:flex}.context-item-name{color:#fff;font-size:.82rem;font-family:var(--font-heading,"Cinzel", serif);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.context-item-tier{text-transform:uppercase;letter-spacing:.8px;flex-shrink:0;font-size:.65rem;font-weight:700}.item-context-menu.tier-0 .context-item-tier{color:#f97316}.item-context-menu.tier-1 .context-item-tier{color:#aaa}.item-context-menu.tier-2 .context-item-tier{color:#4caf50}.item-context-menu.tier-3 .context-item-tier{color:#2196f3}.item-context-menu.tier-4 .context-item-tier{color:#9c27b0}.context-section-label{color:var(--text-muted,#8b8b99);text-transform:uppercase;letter-spacing:.5px;padding:2px 4px;font-size:.68rem;font-weight:600}.context-menu-item{color:var(--text-main,#e2e2e2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:5px 6px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .12s,color .12s;display:flex}.context-menu-item:hover:not(:disabled){color:#fff;background:#ffffff14}.context-menu-item.hero-target:hover:not(:disabled){background:#3b82f61f;border-color:#3b82f640}.context-menu-item.action-sell:hover:not(:disabled){background:#d4af371f;border-color:#d4af3740}.context-menu-item.action-discard:hover:not(:disabled){color:#fca5a5;background:#ef44441f;border-color:#ef444440}.context-menu-item:disabled{opacity:.35;cursor:not-allowed}.context-hero-left{align-items:center;gap:6px;min-width:0;display:flex}.context-hero-avatar{object-fit:cover;background:#1e293b;border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:20px;height:20px}.context-hero-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.context-hero-slots{color:var(--text-muted,#8b8b99);flex-shrink:0;font-size:.68rem}.context-hero-slots.full{color:#ef4444}.context-menu-divider{background:#ffffff1a;height:1px;margin:3px 0}.context-action-label{font-family:var(--font-heading,"Cinzel", serif);align-items:center;gap:6px;display:flex}.context-action-price{color:var(--text-accent,#d4af37);font-size:.76rem;font-weight:700}.bonfire-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#05070ce0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bonfire-modal-content{width:100%;max-width:var(--modal-xxxlarge,1000px);color:#f1f5f9;background:radial-gradient(circle at top,#261611 0%,#120e0d 60%,#0a0808 100%);border:2px solid #f9731673;border-radius:14px;flex-direction:column;gap:16px;max-height:90vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 0 35px #f9731640,0 20px 50px #000000d9}.bonfire-header{border-bottom:1px solid #f973164d;align-items:center;gap:16px;padding-bottom:16px;display:flex}.bonfire-icon-badge{background:#f9731626;border:1px solid #f9731666;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:2rem;display:flex;box-shadow:0 0 16px #f973164d}.bonfire-title-group{flex:1}.bonfire-title{letter-spacing:1.5px;color:#ffedd5;text-shadow:0 0 12px #f9731699;margin:0;font-size:1.4rem;font-weight:800}.bonfire-subtitle{color:#fdba74;opacity:.85;font-size:.85rem}.bonfire-charges-badge{color:#fed7aa;background:#ea580c33;border:1px solid #ea580c;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 0 12px #ea580c59}.bonfire-charges-badge.depleted{color:#94a3b8;box-shadow:none;background:#47556933;border-color:#64748b}.bonfire-hero-bar{background:linear-gradient(135deg,#0f172ad9 0%,#1e140fbf 100%);border:1px solid #f9731640;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex;box-shadow:inset 0 0 15px #00000080,0 4px 12px #0000004d}.bonfire-hero-identity{align-items:center;gap:12px;display:flex}.hero-avatar-circle{background:#1e293b;border:2px solid #f9731680;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 0 10px #f9731633}.hero-avatar-img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#fb923c;font-size:1.2rem;font-weight:800}.hero-name-col{flex-direction:column;gap:2px;display:flex}.hero-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hero-name{color:#fff;letter-spacing:.5px;text-shadow:0 2px 4px #0009;font-size:1.15rem;font-weight:800}.hero-class-badge{text-transform:uppercase;letter-spacing:.8px;color:#fdba74;background:#f973162e;border:1px solid #f9731666;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.hero-role-badge{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.hero-stats-mini{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stat-mini-pill{color:#e2e8f0;background:#00000073;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #0003}.stat-mini-pill.hp{color:#fca5a5;background:#ef44441f;border-color:#ef444459}.stat-mini-pill.mana{color:#93c5fd;background:#3b82f61f;border-color:#3b82f659}.stat-mini-pill.rage{color:#fdba74;background:#ea580c1f;border-color:#ea580c59}.stat-mini-pill.ap{color:#fef08a;background:#eab3081f;border-color:#eab30859}.stat-mini-pill.ap.no-ap{color:#94a3b8;background:#3341554d;border-color:#94a3b840}.stat-mini-pill.embers{color:#fdba74;text-shadow:0 0 6px #f9731666;background:#f9731626;border-color:#f9731666}.bonfire-warning-box{color:#fca5a5;text-align:center;background:#ef444426;border:1px solid #ef444466;border-radius:8px;padding:10px 14px;font-size:.85rem}.bonfire-warning-box.depleted{color:#cbd5e1;background:#64748b33;border-color:#64748b66}.bonfire-options-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:4px;display:grid}.bonfire-card{background:#120f11bf;border:1px solid #f9731640;border-radius:10px;flex-direction:column;justify-content:space-between;gap:14px;padding:16px;transition:all .2s ease-in-out;display:flex}.bonfire-card:hover:not(.disabled){background:#1e1412e6;border-color:#f97316;transform:translateY(-2px);box-shadow:0 0 16px #f9731640}.bonfire-card.disabled{opacity:.55;filter:grayscale(.5);pointer-events:none}.bonfire-card-header{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding-bottom:10px;display:flex}.b-card-icon{font-size:1.8rem}.b-card-title{color:#ffedd5;margin:0;font-size:1.05rem;font-weight:700}.b-card-cost{color:#fdba74;font-size:.75rem;font-weight:600}.bonfire-card-body{flex-direction:column;flex:1;gap:10px;display:flex}.b-card-desc{color:#cbd5e1;margin:0;font-size:.82rem;line-height:1.4}.highlight-heal{color:#4ade80}.highlight-res{color:#38bdf8}.highlight-rage{color:#f87171}.b-card-danger{color:#fecaca;background:#ef44441f;border-left:3px solid #ef4444;border-radius:0 6px 6px 0;padding:8px 10px;font-size:.75rem;line-height:1.35}.b-buff-preview{background:#f973161f;border:1px dashed #f9731666;border-radius:6px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.b-buff-badge{color:#fb923c;text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:800}.b-buff-desc{color:#fed7aa;font-size:.75rem}.b-food-list{color:#cbd5e1;flex-direction:column;gap:4px;margin:0;padding-left:0;font-size:.75rem;list-style:none;display:flex}.b-food-list li{background:#0000004d;border:1px solid #ffffff0d;border-radius:4px;padding:4px 6px}.b-food-list li strong{color:#f1f5f9}.b-curse-selection-list{flex-direction:column;gap:6px;max-height:130px;display:flex;overflow-y:auto}.b-curse-item{cursor:pointer;text-align:left;background:#00000073;border:1px solid #a78bfa40;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:all .2s;display:flex}.b-curse-item:hover{background:#7c3aed26;border-color:#a78bfa}.b-curse-item.selected{background:#7c3aed40;border-color:#c4b5fd;box-shadow:0 0 10px #a78bfa59}.b-curse-icon{flex-shrink:0;font-size:1.1rem}.b-curse-details{flex-direction:column;gap:1px;display:flex}.b-curse-name{color:#f5f3ff;font-size:.8rem;font-weight:700}.b-curse-desc{color:#ddd6fe;opacity:.85;font-size:.68rem;line-height:1.2}.b-no-curses-notice{color:#86efac;text-align:center;background:#22c55e14;border:1px dashed #22c55e4d;border-radius:6px;padding:10px;font-size:.78rem}.btn-bonfire-action{cursor:pointer;letter-spacing:.5px;border:none;border-radius:8px;width:100%;padding:10px 14px;font-size:.88rem;font-weight:700;transition:all .2s}.btn-bonfire-action.btn-rest{color:#fff;background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 0 10px #ea580c66}.btn-bonfire-action.btn-rest:hover:not(:disabled){background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 0 16px #f9731699}.btn-bonfire-action.btn-cook{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 0 10px #16a34a66}.btn-bonfire-action.btn-cook:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 16px #22c55e99}.btn-bonfire-action.btn-sharpen{color:#fff;background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 0 10px #d9770666}.btn-bonfire-action.btn-sharpen:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 16px #f59e0b99}.btn-bonfire-action.btn-purify{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 0 10px #7c3aed66}.btn-bonfire-action.btn-purify:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 0 16px #8b5cf699}.btn-bonfire-action:disabled{color:#64748b;box-shadow:none;cursor:not-allowed;background:#334155}.bonfire-footer{border-top:1px solid #ffffff14;justify-content:flex-end;padding-top:14px;display:flex}.btn-bonfire-close{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:8px 18px;font-weight:600;transition:all .2s}.btn-bonfire-close:hover{color:#fff;background:#ffffff1a;border-color:#fff6}.combat-modal-container{color:#e2e8f0;background:linear-gradient(135deg,#33323dab 0%,#18171fbd 100%);border:1px solid #3f3e52;border-radius:16px;flex-direction:column;width:95%;max-width:1450px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 30px #6366f133}.combat-header{background:#0006;border-bottom:1px solid #3f3e52;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.combat-title{color:#f43f3f;text-shadow:0 0 10px #f43f5e66;font-size:1.5rem;font-weight:700;font-family:var(--font-heading)}.combat-body{flex:1;display:flex;overflow:hidden}.combat-workspace{flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow-y:auto}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem;display:grid}.action-card{cursor:pointer;background:#0f172a99;border:1px solid #334155;border-radius:12px;flex-direction:column;justify-content:space-between;padding:1rem;transition:all .2s;display:flex}.action-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.action-card.selected{background:#6366f133;border-color:#818cf8}.card-ini{color:#818cf8;background:#6366f11a;border-radius:4px;align-self:flex-end;padding:2px 6px;font-size:.75rem}.card-title{color:#fff;margin-top:.5rem;font-size:1rem;font-weight:700}.card-desc{color:#94a3b8;margin-top:.5rem;font-size:.75rem}.btn-start-round{color:#fff;cursor:pointer;background:linear-gradient(90deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #10b98133}.btn-start-round:disabled{color:#64748b;box-shadow:none;cursor:not-allowed;background:#334155}.btn-start-round:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b9814d}.timeline-header-bar{background:#0000004d;border-bottom:1px solid #3f3e52;gap:.5rem;padding:1rem;display:flex;overflow-x:auto}.timeline-node{opacity:.6;background:#0f172acc;border:1px solid #334155;border-radius:8px;flex-direction:column;min-width:140px;padding:.5rem 1rem;transition:all .2s;display:flex}.timeline-node.active{opacity:1;background:#f43f5e1a;border-color:#f43f5e;box-shadow:0 0 10px #f43f5e33}.timeline-node.resolved{opacity:.4;background:#0f172a;border-color:#1e293b}.timeline-ini{color:#94a3b8;font-size:.65rem}.timeline-name{font-size:.88rem;font-weight:700}.timeline-act{color:#38bdf8;font-size:.75rem}.target-selection-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem;display:grid}.target-card{cursor:pointer;text-align:center;background:#0f172a99;border:1px solid #334155;border-radius:12px;padding:1rem;transition:all .2s}.target-card:hover{border-color:#f43f5e}.target-card.selected{background:#f43f5e26;border-color:#f43f5e}.target-card.out-of-range{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.die-selection-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-top:1rem;display:grid}.die-cell{cursor:pointer;background:linear-gradient(135deg,#1e1b4b 0%,#2e2a72 100%);border:1px solid #4338ca;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003}.die-cell:hover{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-color:#818cf8;transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.die-cell .die-val{color:#fff;font-size:1.25rem;font-weight:800}.die-cell .die-pred{color:#a5b4fc;font-size:.9rem;font-weight:500}.die-cell:hover .die-pred{color:#e0e7ff}.action-log-panel{color:#cbd5e1;background:#0006;border-left:4px solid #6366f1;border-radius:0 8px 8px 0;margin-top:1.5rem;padding:1rem;font-style:italic}.tcg-hand-container{scroll-behavior:smooth;justify-content:center;align-items:center;width:100%;height:440px;padding:3rem 1rem 2rem 2rem;display:flex;overflow:hidden visible}.tcg-hand-container::-webkit-scrollbar{height:6px}.tcg-hand-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.tcg-hand-container::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.tcg-hand-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.tcg-card{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;background:linear-gradient(135deg,#1e293bcc,#0f172af2);border:2px solid #ffffff14;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:space-between;min-width:200px;max-width:200px;height:300px;padding:.75rem;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.tcg-card:not(:first-child){margin-left:-45px}.tcg-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff1f,#0000 70%);position:absolute;inset:0}.tcg-card:hover{border-color:#fff6;box-shadow:0 15px 25px #0009,0 0 15px #fff3;z-index:100!important;transform:translateY(-4px)rotate(0)scale(1.1)!important}.tcg-card.disabled{opacity:.9;cursor:not-allowed;filter:grayscale(.8)}.tcg-card-type-label{text-transform:uppercase;letter-spacing:.5px;opacity:.75;font-size:.75rem;font-weight:800}.tcg-card-cost-badge{color:#fff;background:#ffffff1f;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.tcg-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.tcg-card-title{color:#fff;text-shadow:0 1px 2px #00000080;font-size:1rem;font-weight:800;line-height:1.2;font-family:var(--font-heading);margin:.5rem 0}.tcg-card-initiative{text-align:center;color:#fff;text-shadow:0 1px 2px #00000080;width:100%;margin:.5rem 0;font-size:2rem;font-weight:800;line-height:1.2}.tcg-card-desc{color:#ffffffb3;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:auto;font-size:.8rem;line-height:1.35;display:-webkit-box;overflow:hidden}.tcg-card.theme-defend{background:linear-gradient(135deg,#1e3a8a 0%,#0c152b 100%);border-color:#3b82f666}.tcg-card.theme-defend:hover{border-color:#3b82f6;box-shadow:0 12px 24px #3b82f640,0 0 15px #3b82f633}.tcg-card.theme-attack{background:linear-gradient(135deg,#881337 0%,#0e1220 100%);border-color:#f43f5e66}.tcg-card.theme-attack:hover{border-color:#f43f5e;box-shadow:0 12px 24px #f43f5e40,0 0 15px #f43f5e33}.tcg-card.theme-ability{background:linear-gradient(135deg,#581c87 0%,#0b0f24 100%);border-color:#a855f766}.tcg-card.theme-ability:hover{border-color:#a855f7;box-shadow:0 12px 24px #a855f740,0 0 15px #a855f733}.tcg-card.theme-item{background:linear-gradient(135deg,#713f12 0%,#0d121c 100%);border-color:#eab30866}.tcg-card.theme-item:hover{border-color:#eab308;box-shadow:0 12px 24px #eab30840,0 0 15px #eab30833}.tcg-card.theme-flee{background:linear-gradient(135deg,#334155 0%,#0e121e 100%);border-color:#94a3b866}.tcg-card.theme-flee:hover{border-color:#94a3b8;box-shadow:0 12px 24px #94a3b840,0 0 15px #94a3b833}.btn-blood-pact{color:#fee2e2;cursor:pointer;text-transform:uppercase;background:linear-gradient(#991b1b 0%,#7f1d1d 100%);border:1px solid #ef4444;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px #0003}.btn-blood-pact:hover:not(:disabled){color:#fff;background:linear-gradient(#dc2626 0%,#991b1b 100%);box-shadow:0 0 12px #ef444480}.btn-blood-pact:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;opacity:.5;background:#1e293b;border-color:#334155}.tcg-card.split-card{flex-direction:column!important;justify-content:stretch!important;padding:0!important;display:flex!important}.tcg-card-half{box-sizing:border-box!important;flex-direction:column!important;justify-content:space-between!important;height:50%!important;padding:1rem!important;transition:background-color .2s,transform .2s!important;display:flex!important;position:relative!important}.tcg-card-half.top-half{border-bottom:1px dashed #ffffff40!important}.tcg-card-half:hover{background:#ffffff1f!important}.tcg-card-half.disabled{opacity:.5!important;cursor:not-allowed!important}.tcg-card-half.disabled:hover{background:0 0!important}.tcg-card-half .tcg-card-header{justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:.15rem!important;display:flex!important}.tcg-card-half .tcg-card-title{margin:0!important;font-size:1rem!important;font-weight:800!important;line-height:1.25!important}.tcg-card-half .tcg-card-desc{opacity:.85!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;margin-top:.15rem!important;font-size:.7rem!important;line-height:1.25!important;display:-webkit-box!important;overflow:hidden!important}.tcg-card-half .tcg-card-ini-badge{color:#fff;border-radius:3px!important;padding:1px 4px!important;font-size:.9rem!important;font-weight:800!important}.combat-room-map{border-left:1px solid #3f3e52;flex-direction:column;flex-shrink:0;width:390px;padding:1.25rem;display:flex;overflow-y:auto}.combat-room-map .map-title{color:var(--text-accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem;font-size:.75rem;font-weight:800}.combat-room-map .map-zones{flex-direction:column;flex:1;gap:1.25rem;display:flex}.combat-room-map .map-zone-column{background:#1e293b4d;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.combat-room-map .zone-name{color:#fff;letter-spacing:.5px;font-size:.8rem;font-weight:800}.combat-room-map .zone-section{flex-direction:column;gap:.5rem;display:flex}.combat-room-map .section-title{color:#94a3b8;text-transform:uppercase;font-size:.65rem;font-weight:700}.combat-room-map .tokens-list{flex-direction:column;gap:.4rem;display:flex}.combat-room-map .map-token{background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.combat-room-map .token-initial{color:#fff;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:800;display:flex}.combat-room-map .hero-token .token-initial{color:#93c5fd!important;background:#60a5fa26!important}.combat-room-map .enemy-token .token-initial{color:#fca5a5!important;background:#f8717126!important}.combat-room-map .token-name{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;font-weight:700;overflow:hidden}.combat-room-map .token-hp{color:#cbd5e1;font-size:.7rem;font-weight:700}.combat-room-map .empty-text{color:#475569;padding-left:.5rem;font-size:.65rem;font-style:italic}.combat-room-map .map-title{color:#94a3b8;letter-spacing:.05em;font-size:.75rem;font-weight:700}.mini-grid-container{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.mini-grid-status-badge{text-align:center;text-transform:uppercase;border-radius:6px;width:100%;padding:4px 8px;font-size:.8rem;font-weight:700}.mini-grid-status-badge.free-step{color:#4ade80;background:#22c55e26;border:1px solid #22c55e}.mini-grid-status-badge.move-card{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf24}.mini-grid-board{background:#0f172acc;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;gap:6px;padding:8px;display:grid}.mini-grid-tile{cursor:default;background:#1e293b80;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .15s ease-in-out;display:flex}.mini-grid-tile.hero-tile{background:#3368be59;border:2px dashed #4168a7}.mini-grid-tile.enemy-tile{background:#bc3d3d40;border:1.5px solid #bc4747}.mini-grid-tile.enemy-flanked-tile{background:#eab30859;border:2px solid #ffe600}.mini-grid-tile.clickable-move-tile{cursor:pointer;background:#22c55e40;border:2px solid #22c55e;box-shadow:0 0 10px #22c55e66}.mini-grid-tile.clickable-move-tile:hover{background:#22c55e73;transform:scale(1.05)}.mini-grid-tile.door-tile{cursor:pointer;background:#22c55e40;border:4px solid #22c55e}.mini-grid-tile.door-tile.disabled{opacity:.45;cursor:not-allowed}.mini-grid-tile.door-tile.disabled:hover{transform:none}.tile-content{flex-direction:column;align-items:center;font-size:.75rem;font-weight:700;display:flex}.tile-content.hero-text{color:#60a5fa}.tile-content.hero-ally-text{color:#38bdf8}.tile-content.enemy-text{color:#f87171}.tile-content.enemy-flanked-text{color:#ffe600}.tile-content.move-text{color:#4ade80}.mini-grid-tile.clickable-target-tile{cursor:pointer;animation:1.5s infinite alternate targetPulse;box-shadow:0 0 10px #ef444480}.mini-grid-tile.clickable-target-tile:hover{background:#ef444473;transform:scale(1.08)}.mini-grid-tile.selected-target-tile{transform:scale(1.06);background:#ef44448c!important;border:2.5px solid #ef4444!important;box-shadow:0 0 14px #ef4444cc!important}@keyframes targetPulse{0%{border-color:#ef4444}to{border-color:#fca5a5}}.mini-grid-tile.attacking-unit-tile{z-index:15;border-width:3px;border-color:#fbbf24;background:#eabd097b!important;animation:.65s infinite alternate attackerPulse!important;box-shadow:0 0 20px #fbbe249b!important}@keyframes attackerPulse{0%{transform:scale(1);box-shadow:0 0 12px #ef4444,inset 0 0 8px #fca5a5}to{transform:scale(1.05);box-shadow:0 0 26px #fbbf24,inset 0 0 20px #fde047}}.mini-grid-tile.targeted-by-enemy-tile{z-index:14;background:#ef444466!important;border:2px solid #f43f5e!important;animation:.8s infinite alternate targetedPulse!important;box-shadow:0 0 16px #f43f5ee6,inset 0 0 10px #f43f5e66!important}@keyframes targetedPulse{0%{border-color:#f43f5e;transform:scale(1);box-shadow:0 0 10px #f43f5e,inset 0 0 6px #fda4af}to{border-color:#fbbf24;transform:scale(1.04);box-shadow:0 0 20px #fbbf24,inset 0 0 14px #fde047}}@keyframes badgePulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.mini-grid-enemy-name{color:#ffea00;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;max-width:44px;margin-bottom:1px;font-size:.62rem;font-weight:900;overflow:hidden}.atb-track-container{background:linear-gradient(#0f172af2 0%,#1e293bf2 100%);border-bottom:1px solid #334155;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem;display:flex}.atb-track-header{justify-content:space-between;align-items:center;display:flex}.atb-track-title{color:#fbbf24;letter-spacing:.5px;font-size:.85rem;font-weight:800;font-family:var(--font-heading)}.atb-track-subtitle{color:#94a3b8;font-size:.72rem;font-style:italic}.atb-track-slots{gap:.5rem;padding-bottom:4px;display:flex;overflow-x:auto}.atb-slot{background:#0f172a99;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex:1;gap:.4rem;min-width:110px;padding:.4rem;transition:all .2s ease-in-out;display:flex}.atb-slot.active-tick{background:#fbbf241f;border:1.5px solid #fbbf24;box-shadow:0 0 12px #fbbf2440}.atb-slot-header{border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;padding-bottom:.2rem;display:flex}.atb-slot-number{color:#94a3b8;font-size:.7rem;font-weight:700}.atb-slot.active-tick .atb-slot-number{color:#fbbf24;font-weight:900}.atb-slot-units{flex-direction:column;gap:.3rem;min-height:48px;display:flex}.atb-unit-badge{border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .4rem;font-size:.72rem;transition:all .2s;display:flex}.atb-unit-badge.hero-badge{background:#2563eb40;border:1px solid #3b82f6}.atb-unit-badge.enemy-badge{background:#dc262640;border:1px solid #ef4444}.atb-unit-badge.glow-turn{box-shadow:0 0 8px #fbbf2466}.atb-unit-icon{font-size:.85rem}.atb-unit-info{flex-direction:column;line-height:1.1;display:flex;overflow:hidden}.atb-unit-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.atb-unit-tag{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.combat-timeline-action-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.3px;background:#0a0f1ae0;border-radius:20px;justify-content:center;align-items:center;gap:8px;max-width:fit-content;margin-top:12px;margin-left:auto;margin-right:auto;padding:6px 18px;font-family:Outfit,Segoe UI,sans-serif;font-size:.88rem;animation:.3s cubic-bezier(.16,1,.3,1) slideDownActionCombat;display:flex;box-shadow:0 4px 12px #0009}@keyframes slideDownActionCombat{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.combat-timeline-action-bar.is-hero-action{border:1px solid #f59e0b73;box-shadow:0 0 16px #f59e0b40}.combat-timeline-action-bar.is-enemy-action{border:1px solid #ef444473;box-shadow:0 0 16px #ef444440}.combat-timeline-action-bar .action-badge-icon{font-size:1.05rem}.combat-timeline-action-bar .action-caster-name{font-weight:800}.combat-timeline-action-bar.is-hero-action .action-caster-name{color:#60a5fa}.combat-timeline-action-bar.is-enemy-action .action-caster-name{color:#fca5a5}.combat-timeline-action-bar .action-verb{color:#94a3b8;font-size:.82rem;font-style:italic}.combat-timeline-action-bar .action-title{font-weight:800}.combat-timeline-action-bar.is-hero-action .action-title{color:#fbbf24;text-shadow:0 0 8px #fbbf2466}.combat-timeline-action-bar.is-enemy-action .action-title{color:#ef4444;text-shadow:0 0 8px #ef444466}.combat-timeline-action-bar .action-desc-snippet{color:#cbd5e1;opacity:.9;font-size:.78rem}.search-d6-group-container{background:#00000040;border:1px dashed #ffcc0040;border-radius:8px;justify-content:center;gap:1.5rem;margin-top:1.25rem;padding:1rem;animation:.25s fadeIn;display:flex}.search-d6-column{flex-direction:column;align-items:center;gap:.5rem;display:flex}.search-d6-column-title{color:#fc0;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:700}.search-d6-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.search-d6-btn{color:#cbd5e1;width:48px;height:48px;font-family:var(--font-heading), sans-serif;cursor:pointer;background:#1a1a1e;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;transition:all .2s;display:flex}.search-d6-btn:hover{color:#fff;border-color:#fc09;transform:scale(1.08)}.search-d6-btn.selected{text-shadow:0 0 6px #ffcc0080;transform:scale(1.06);box-shadow:0 0 12px #fc06;color:#fc0!important;background:linear-gradient(135deg,#2a2512 0%,#151206 100%)!important;border:2px solid #fc0!important}.roleplay-pillars-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;width:100%;margin-top:.5rem;display:grid}.roleplay-pillar-card{cursor:pointer;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;height:240px;padding:1.2rem .6rem;transition:all .25s;display:flex;box-shadow:0 4px 6px -1px #00000026}.roleplay-pillar-card:hover{border-color:#ffffff40;transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000004d}.roleplay-pillar-die{color:gold;text-shadow:0 0 10px #ffd70033;text-transform:uppercase;font-size:2.5rem;font-weight:700}.roleplay-pillar-info{flex-direction:column;align-items:center;gap:4px;display:flex}.roleplay-pillar-title{color:#fff;text-align:center;font-size:.9rem;font-weight:700}.roleplay-pillar-desc{color:var(--text-muted);text-align:center;font-size:.75rem;line-height:1.3}.roleplay-pillar-stat{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf826;border-radius:4px;margin-top:auto;padding:4px 8px;font-size:.75rem;font-weight:700}.choice-options-list{flex-direction:column;gap:1rem;width:100%;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.choice-option-button{text-align:left;cursor:pointer;background:linear-gradient(45deg,#1e293b,#0f172a);border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:4px;padding:1rem;transition:all .2s;display:flex}.choice-option-button:hover{border-color:#fff3;transform:translate(2px)}.choice-option-title{color:#fff;font-size:1rem;font-weight:700}.choice-option-details{justify-content:space-between;width:100%;margin-top:4px;font-size:.8rem;display:flex}.choice-option-type{color:var(--text-muted)}.choice-option-cost{color:#f87171;font-weight:700}.roleplay-bet-container{flex-direction:column;gap:1.2rem;display:flex}.roleplay-header-block{background:#0003;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.roleplay-header-label{color:var(--text-muted);margin-block:.25rem;font-size:.8rem}.roleplay-header-value{color:#fff;font-size:1rem}.roleplay-header-die{color:gold;text-transform:uppercase;font-size:1.1rem;font-weight:700}.roleplay-threshold-row{text-align:center;justify-content:space-around;align-items:center;gap:1rem;margin:.5rem 0;display:flex}.roleplay-threshold-box{background:#ffffff08;border-radius:6px;flex:1;padding:.5rem}.roleplay-threshold-box.final{background:#f59e0b14;border:1px solid #f59e0b33}.roleplay-threshold-label{color:var(--text-muted);font-size:.75rem}.roleplay-threshold-label.final{color:#f59e0b}.roleplay-threshold-number{color:#cbd5e1;font-size:1.5rem;font-weight:700}.roleplay-threshold-number.final{color:#f59e0b;font-size:1.75rem}.roleplay-bet-modifier{color:#ef4444;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.roleplay-deck-wrapper{flex-direction:column;gap:.5rem;display:flex}.roleplay-deck-header{justify-content:space-between;align-items:center;display:flex}.roleplay-deck-title{color:#cbd5e1;font-size:.85rem;font-weight:700}.roleplay-deck-limit{color:var(--text-muted);font-size:.75rem}.roleplay-deck-empty{color:var(--text-muted);text-align:center;background:#0000001a;border-radius:6px;padding:1rem;font-size:.8rem}.roleplay-deck-grid{background:#0003;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;max-height:180px;padding:.5rem;display:grid;overflow-y:auto}.roleplay-card{cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem;transition:all .2s}.roleplay-card.selected{background:#ef444426;border:2px solid #ef4444}.roleplay-card.disabled{cursor:not-allowed;opacity:.4}.roleplay-card-title{color:#fff;font-size:.8rem;font-weight:700}.roleplay-card-subtitle{color:var(--text-muted);margin-top:2px;font-size:.65rem}.roleplay-physical-instruction{text-align:center;background:#00000026;border:1px dashed #ffffff0d;border-radius:6px;padding:.8rem}.roleplay-physical-text{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.4}.roleplay-actions-row{gap:1rem;width:100%;margin-top:.5rem;display:flex}.roleplay-auto-success{text-align:center;padding:1rem}.ambush-container{text-align:center}.ambush-alert{background:#0000004d;border-radius:8px;padding:1.5rem}.ambush-desc{color:#fff;margin:0;font-size:1.1rem;font-weight:700;line-height:1.5}.ambush-warning{color:var(--text-muted);margin-top:1.5rem}.trap-prompt-text{text-align:center;color:#cbd5e1;margin-bottom:1.5rem;font-size:1.05rem}.trap-prompt-hero-info{text-align:center;color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.roleplay-auto-success-alert{background:#10b98126;border:1px solid #10b981;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.roleplay-auto-success-title{color:#10b981;margin:0 0 .5rem;font-size:1.15rem}.roleplay-auto-success-desc{color:#fff;margin:0;font-size:.95rem;line-height:1.4}.btn-auto-success{background:linear-gradient(45deg,#10b981,#047857);width:100%;padding:1rem;font-size:1rem;font-weight:700}.btn-roleplay-success{background:linear-gradient(45deg,#10b981,#047857);flex:1;padding:.85rem}.btn-roleplay-success:hover{background:linear-gradient(45deg,#10b981a1,#047857a8)}.btn-roleplay-failure{flex:1;padding:.85rem}.btn-roleplay-failure:hover{color:#cbd5e1;background:linear-gradient(45deg,#d64949c7,#831d1dd0)}.choice-back-button{text-align:center;cursor:pointer;color:#cbd5e1;background:linear-gradient(45deg,#374151,#1f2937);border:1px solid #ffffff26;border-radius:8px;margin-top:.5rem;padding:.75rem;font-weight:700;transition:all .2s}.choice-back-button:hover{background:linear-gradient(45deg,#4b5563,#374151);border-color:#ffffff40}.trap-affected-hero-info{text-align:center;margin-bottom:1.5rem}.trap-affected-hero-text{color:var(--text-muted);font-size:.9rem}.trap-difficulty-highlight{color:#f59e0b;margin-top:.5rem;font-size:.95rem;font-weight:700}.trap-secondary-roll-prompt{text-align:center;color:#f59e0b;margin-bottom:2rem;font-size:1.05rem}.choice-sacrifice-text{color:#cbd5e1;margin-bottom:1.5rem;font-size:1.1rem}.choice-sacrifice-buttons{flex-direction:column;gap:1rem;width:100%;display:flex}.btn-sacrifice-hp{background:linear-gradient(45deg,#ef4444,#b91c1c);padding:1rem}.btn-sacrifice-embers{background:linear-gradient(45deg,#d4af37,#9a7a00);padding:1rem}.btn-sacrifice-resource{background:linear-gradient(45deg,#3b82f6,#1d4ed8);padding:1rem}.trap-outcome-alert{text-align:center;background:#0000004d;border-radius:8px;padding:1.5rem}.trap-outcome-message{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.status-menu-content{background:var(--bg-dark);border:1px solid var(--text-accent);width:90%;max-width:var(--modal-medium);border-radius:12px;padding:1.5rem;box-shadow:0 0 40px #000000e6,0 0 15px #d4af3733}.status-option-btn{cursor:pointer;transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;display:flex}.status-option-btn:hover{border-color:var(--text-accent);background:#ffffff1a;transform:translateY(-3px)}.status-opt-icon{background-size:cover;width:3rem;height:3rem}.status-opt-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.status-option-btn:hover .status-opt-name{color:#fff}.status-menu-categorized{border-color:#d4af3766;flex-direction:column;max-width:700px;max-height:86vh;padding:1.25rem;display:flex;overflow:hidden}.status-menu-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.status-menu-title{color:#f8fafc;margin:0;font-size:1.25rem;font-weight:700}.status-menu-subtitle{color:#94a3b8;margin:.25rem 0 0;font-size:.8rem}.status-hero-highlight{color:#fbbf24}.status-menu-scroll-body{flex-direction:column;flex:1;gap:1.1rem;padding-right:.5rem;display:flex;overflow-y:auto}.status-category-group{border-style:solid;border-width:1px;border-radius:8px;padding:.8rem 1rem}.status-category-header{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.status-category-title{text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.status-category-desc{color:#94a3b8;font-size:.7rem;font-style:italic}.status-category-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.status-card-btn{background-color:#00000059;border:1px solid #ffffff14;border-radius:6px;gap:.4rem;padding:.55rem}.status-card-btn .status-opt-icon{width:2.2rem;height:2.2rem}.status-card-btn .status-opt-name{color:#f1f5f9;text-align:center;font-size:.75rem;font-weight:600}.status-opt-turns{color:#fbbf24;margin-top:-.2rem;font-size:.65rem;font-weight:600}.status-cat-stance{background-color:#eab30812;border-color:#eab30840}.status-cat-stance .status-category-title{color:#eab308}.status-cat-dot{background-color:#10b98112;border-color:#10b98140}.status-cat-dot .status-category-title{color:#10b981}.status-cat-cc{background-color:#a855f712;border-color:#a855f740}.status-cat-cc .status-category-title{color:#a855f7}.status-cat-buff{background-color:#3b82f612;border-color:#3b82f640}.status-cat-buff .status-category-title{color:#3b82f6}.status-cat-aura{background-color:#06b6d412;border-color:#06b6d440}.status-cat-aura .status-category-title{color:#06b6d4}.status-cat-debuff{background-color:#ef444412;border-color:#ef444440}.status-cat-debuff .status-category-title{color:#ef4444}.status-cat-other{background-color:#94a3b812;border-color:#94a3b840}.status-cat-other .status-category-title{color:#94a3b8}.status-menu-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:.75rem;display:flex}.status-menu-footer-hint{color:#64748b;font-size:.75rem}.status-clear-slot-btn{white-space:nowrap;align-items:center;gap:.4rem;font-weight:700;color:#fca5a5!important;background:#ef444426!important;border:1px solid #ef4444!important;flex-direction:row!important;padding:.5rem 1.25rem!important;display:inline-flex!important}.status-clear-slot-btn:hover{transform:translateY(-2px);background:#ef44444d!important;border-color:#f87171!important}.status-clear-slot-btn .status-opt-name{color:#fca5a5;font-size:.8rem}.transmute-modal-content{background:linear-gradient(160deg,#0e1713 0%,#080d0a 100%);border:1px solid #10b981;border-radius:12px;flex-direction:column;gap:1.25rem;width:92%;max-width:580px;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #000000f2,0 0 25px #10b98140}.transmute-modal-content:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 10%,#10b98114 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.transmute-header{border-bottom:1px solid #10b98140;justify-content:space-between;align-items:flex-start;padding-bottom:.85rem;display:flex}.transmute-title-group{flex-direction:column;gap:.25rem;display:flex}.transmute-tag{letter-spacing:2px;color:#34d399;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;display:flex}.transmute-title{color:#f1f5f9;letter-spacing:.5px;text-shadow:0 0 10px #10b98166;margin:0;font-size:1.35rem;font-weight:700}.transmute-exchange-banner{background:#00000073;border:1px solid #10b98133;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.transmute-chamber-node{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.2rem;display:flex}.transmute-node-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:.65rem;font-weight:700}.transmute-node-value{color:#e2e8f0;font-size:.85rem;font-weight:600}.transmute-node-value.highlight{color:#34d399;font-weight:700}.transmute-arrow{color:#10b981;text-shadow:0 0 8px #10b98199;font-size:1.25rem;font-weight:700}.transmute-items-list{flex-direction:column;gap:.5rem;max-height:260px;padding-right:.4rem;display:flex;overflow-y:auto}.transmute-item-card{cursor:pointer;background:#0f1713b3;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.7rem .9rem;transition:all .2s;display:flex}.transmute-item-card:hover{background:#10b9811f;border-color:#10b98166;transform:translate(3px)}.transmute-item-card.selected{background:linear-gradient(90deg,#10b98138 0%,#0596691f 100%);border:1px solid #10b981;box-shadow:0 0 12px #10b9814d,inset 0 0 8px #10b9811a}.transmute-item-info{align-items:center;gap:.85rem;display:flex}.transmute-item-name{color:#f1f5f9;font-size:.95rem;font-weight:700;transition:color .2s}.transmute-item-card.selected .transmute-item-name{color:#6ee7b7}.transmute-item-type{color:#94a3b8;font-size:.75rem}.transmute-tier-pill{color:#34d399;letter-spacing:.5px;background:#10b98126;border:1px solid #10b98159;border-radius:6px;padding:.25rem .6rem;font-size:.7rem;font-weight:800}.transmute-item-card.selected .transmute-tier-pill{color:#022c22;background:#10b981;box-shadow:0 0 8px #10b98180}.transmute-modal-footer{border-top:1px solid #10b98133;justify-content:flex-end;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.btn-transmute-confirm{font-family:var(--font-heading);cursor:pointer;letter-spacing:.5px;color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#047857 100%)!important;border:1px solid #34d399!important;border-radius:6px!important;padding:.65rem 1.4rem!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 0 15px #10b98166!important}.btn-transmute-confirm:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#34d399 0%,#059669 100%)!important;box-shadow:0 0 22px #10b98199!important}.btn-transmute-confirm:disabled{cursor:not-allowed;color:#64748b!important;box-shadow:none!important;background:#1e293b!important;border-color:#334155!important}.compass-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#030712d9;justify-content:center;align-items:center;display:flex}.compass-modal-content{width:90%;max-width:var(--modal-medium);color:#f8fafc;text-align:center;background:linear-gradient(145deg,#0b1120 0%,#030712 100%);border:2px solid #38bdf866;border-radius:16px;flex-direction:column;gap:2rem;padding:24px;display:flex;position:relative;box-shadow:0 0 40px #38bdf840,0 20px 25px -5px #000c}.compass-badge{color:#7dd3fc;text-transform:uppercase;letter-spacing:.08em;background:#38bdf826;border:1px solid #38bdf866;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.compass-title{color:#f1f5f9;letter-spacing:.03em;margin:0;font-size:1.4rem;font-weight:800}.compass-dial-container{justify-content:center;margin:16px 0 20px;display:flex}.compass-dial{background:radial-gradient(circle,#0f172a 0%,#020617 100%);border:3px solid #38bdf8;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative;box-shadow:inset 0 0 20px #38bdf84d,0 0 25px #38bdf859}.compass-point-n{color:#38bdf8;font-size:.85rem;font-weight:700;position:absolute;top:6px}.compass-point-e{color:#94a3b8;font-size:.85rem;font-weight:700;position:absolute;right:8px}.compass-point-s{color:#94a3b8;font-size:.85rem;font-weight:700;position:absolute;bottom:6px}.compass-point-o{color:#94a3b8;font-size:.85rem;font-weight:700;position:absolute;left:8px}.compass-dial-ring{border:1px dashed #94a3b840;border-radius:50%;width:130px;height:130px;position:absolute}.compass-needle-wrapper{justify-content:center;align-items:center;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute}.compass-needle-north{filter:drop-shadow(0 0 6px #38bdf8cc);border-bottom:60px solid #38bdf8;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;top:25px}.compass-needle-south{border-top:60px solid #64748b;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;bottom:25px}.compass-center-gem{z-index:2;background:linear-gradient(135deg,#fbbf24,#d97706);border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #fbbf24}.compass-result-card{background:#0f172ab3;border:1px solid #38bdf84d;border-radius:10px;padding:12px 16px}.compass-result-title{color:#38bdf8;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;font-size:1.25rem;font-weight:700;display:flex}.compass-result-text{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.4}.compass-close-btn{color:#fff;cursor:pointer;width:100%;font-size:.95rem;font-weight:700;font-family:var(--font-heading);background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #38bdf8;border-radius:4px;padding:10px 20px;transition:all .2s;box-shadow:0 4px 12px #0284c766}.compass-close-btn:hover{background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%);box-shadow:0 6px 16px #0284c799}.interactable-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#05070cd9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.interactable-modal-content{color:#e2e8f0;background:linear-gradient(#141a26 0%,#0a0d14 100%);border:1px solid #38bdf840;border-radius:12px;flex-direction:column;width:90%;max-width:520px;display:flex;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 25px #38bdf81f}.interactable-header{background:linear-gradient(90deg,#0f172ae6 0%,#1e293b99 100%);border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:16px 20px;display:flex}.interactable-icon-badge{background:#0f172a;border:1px solid #38bdf8;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex;box-shadow:inset 0 0 12px #38bdf833}.interactable-title-group{flex:1}.interactable-title{letter-spacing:.5px;color:#f8fafc;text-transform:uppercase;margin:0;font-size:1.25rem;font-weight:800}.interactable-subtitle{color:#94a3b8;font-size:.8rem}.interactable-charges-badge{color:#38bdf8;background:#090d16;border:1px solid #38bdf8;border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700}.interactable-charges-badge.depleted{color:#ef4444;background:#ef44441a;border-color:#ef4444}.interactable-hero-bar{background:#0f172a80;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.85rem;display:flex}.interactable-mastery-banner{color:#fbbf24;background:linear-gradient(90deg,#f59e0b26,#f59e0b0d);border:1px solid #f59e0b66;border-radius:6px;align-items:center;gap:8px;margin:12px 20px 0;padding:8px 12px;font-size:.82rem;font-weight:600;display:flex}.interactable-options-section{flex-direction:column;gap:10px;padding:18px 20px;display:flex}.interactable-option-btn{color:#f1f5f9;cursor:pointer;text-align:left;background:linear-gradient(135deg,#1e293bcc,#0f172acc);border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.interactable-option-btn:hover:not(:disabled){background:linear-gradient(135deg,#334155e6,#1e293be6);border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 15px #38bdf833}.interactable-option-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.7)}.opt-info{flex-direction:column;gap:2px;display:flex}.opt-title{color:#f8fafc;font-size:.95rem;font-weight:700}.opt-desc{color:#94a3b8;font-size:.8rem}.opt-tag{color:#38bdf8;background:#090d16;border:1px solid #38bdf8;border-radius:4px;padding:3px 10px;font-size:.75rem;font-weight:700}.interactable-feedback{color:#e0f2fe;background:#38bdf81f;border:1px solid #38bdf8;border-radius:8px;margin:16px 20px;padding:14px;font-size:.9rem;line-height:1.4}.interactable-feedback.failure{color:#fecaca;background:#ef44441f;border-color:#ef4444}.interactable-modal-footer{background:#0a0d1499;border-top:1px solid #ffffff0d;justify-content:flex-end;padding:12px 20px;display:flex}.btn-interactable-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #38bdf8;border-radius:6px;padding:8px 16px;font-weight:700;transition:all .15s}.btn-interactable-action:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 0 12px #38bdf866}.btn-close-interactable{color:#f1f5f9;cursor:pointer;background:#1e293b;border:1px solid #ffffff26;border-radius:6px;padding:8px 18px;font-weight:600;transition:all .15s}.btn-close-interactable:hover{background:#334155;border-color:#ffffff4d}.map-view-container{background:#0a0a0f66;border-radius:12px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.map-scroll-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex;overflow:auto}.room-node{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#14141cbf;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;padding:6px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 12px #0006}.movement-panel-inner.room-node.is-uncleared,.movement-panel-inner.room-node.no-navigate{opacity:.5}.room-node.can-navigate{filter:brightness(1.5)}.room-node.can-navigate:hover{border-color:#fff3;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #0009}.room-node.has-active-hero{border-color:#00c3ff;box-shadow:0 0 15px #00c3ff59,inset 0 0 10px #00c3ff26}.room-type-start{background:linear-gradient(#2b72e42c 0%,#14141cd9 100%)}.room-type-enemy{background:linear-gradient(#ef444414 0%,#14141cd9 100%)}@keyframes room-alert-pulse{0%{box-shadow:0 0 5px #ef44441a}to{border-color:#ef444466;box-shadow:0 0 15px #ef444440}}.room-type-treasure{background:linear-gradient(#f59e0b14 0%,#14141cd9 100%)}.room-type-trap{background:linear-gradient(#10b9811a 0%,#14141cd9 100%)}.room-type-boss{background:linear-gradient(#a855f71f 0%,#14141ce6 100%);animation:2s infinite alternate boss-pulse;box-shadow:0 0 15px #a855f733}.room-type-stairs{background:linear-gradient(#d4af3726 0%,#14141ce6 100%);animation:2.5s infinite alternate stairs-pulse;box-shadow:0 0 15px #d4af3740}@keyframes stairs-pulse{0%{border-color:#d4af3759}to{border-color:#d4af37;box-shadow:0 0 25px #d4af3773}}.room-type-hallway{background:linear-gradient(#94a3b81f 0%,#14141cd9 100%);box-shadow:0 0 10px #94a3b81a}@keyframes boss-pulse{0%{border-color:#a855f74d}to{border-color:#a855f7;box-shadow:0 0 25px #a855f766}}.room-node.is-cleared{opacity:.9}.room-node.is-searched{opacity:.9;position:relative}.room-node.is-searched:after{content:"";pointer-events:none;border-radius:inherit;background-image:repeating-linear-gradient(45deg,#0000,#0000 8px,#ffffff0a 8px 16px,#0000001f 16px 24px);position:absolute;inset:0}.room-name-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;overflow:hidden}.room-type-badge{color:#fffffff5;letter-spacing:.5px;z-index:10;background:#ffffff14;border-radius:3px;padding:1px 4px;font-size:.55rem;font-weight:800;position:absolute;top:5px;right:5px}.room-zone{border-radius:4px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:42px;padding:4px;transition:background-color .2s;display:flex}.room-zone:hover{background-color:#ffffff08}.zone-label{color:#ffffff40;letter-spacing:1px;margin-bottom:2px;font-size:.5rem;font-weight:800}.zone-divider{border-top:1px dashed #ffffff1a;height:1px;margin:2px 0}.zone-tokens{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;display:flex}.map-unit-dot{color:#000;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.55rem;font-weight:900;transition:transform .2s;display:flex;box-shadow:0 2px 4px #0006}.map-unit-dot:hover{transform:scale(1.2)}.hero-dot{color:#003b5c;background:#baeeff;border:1.5px solid #00a2ff;box-shadow:0 0 8px #00c3ff80}.hero-dot.active-hero{background:#fff;border-color:#00e5ff;animation:1.5s ease-in-out infinite alternate active-hero-pulse;box-shadow:0 0 12px #00e5ff}@keyframes active-hero-pulse{0%{transform:scale(1)}to{transform:scale(1.15);box-shadow:0 0 15px #00e5ff,0 0 25px #00e5ff}}.enemy-dot.flanked-pulse-yellow,.target-card.flanked-pulse-yellow{border-color:#ffe600!important;animation:.8s ease-in-out infinite alternate flanked-yellow-glow!important}@keyframes flanked-yellow-glow{0%{transform:scale(1);box-shadow:0 0 4px #ffe600,inset 0 0 4px #ffe600}to{transform:scale(1.15);box-shadow:0 0 16px #ffe600,0 0 24px #ffe600,inset 0 0 10px #ffe600}}.enemy-dot{color:#fff;font-family:monospace}.enemy-esbirro{background:#ef4444;border:1px solid #7f1d1d;box-shadow:0 0 6px #ef444480}.enemy-hostigador{background:#f59e0b;border:1px solid #78350f;box-shadow:0 0 6px #f59e0b80}.enemy-coloso{background:#a155f7;border:1px solid #581c87;box-shadow:0 0 6px #a855f780}.enemy-heraldo{background:#10b981;border:1px solid #064e3b;box-shadow:0 0 6px #10b98180}.enemy-campeon{background:#e8029b;border:1px solid #8f0561;box-shadow:0 0 6px #8f056180}.enemy-dot.bleeding{animation:1s infinite alternate bleeding-aura}@keyframes bleeding-aura{0%{box-shadow:0 0 4px #ef4444}to{box-shadow:0 0 15px #ef4444,0 0 20px #dc2626}}.enemy-dot.master-selected{border-color:#fff;box-shadow:0 0 12px #fff}.map-door-marker{z-index:50;background:#d97706;border:1.5px solid #451a03;border-radius:3px;position:absolute;box-shadow:0 1px 3px #00000080}.door-N{width:24px;height:8px;top:-5px;left:50%;transform:translate(-50%)}.door-S{width:24px;height:8px;bottom:-5px;left:50%;transform:translate(-50%)}.door-E{width:8px;height:24px;top:50%;right:-5px;transform:translateY(-50%)}.door-W{width:8px;height:24px;top:50%;left:-5px;transform:translateY(-50%)}.room-node.room-selected{outline:2.5px solid #eab308;box-shadow:0 0 20px #eab30866}.map-view-container.master-active{padding-left:20px;padding-right:20px;position:relative}.master-panel{z-index:100;background:#0a0a0ff2;border:1px solid #ffffff1a;flex-direction:column;width:250px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:0;bottom:0;box-shadow:0 0 30px #000c}.master-left{border-radius:0 12px 12px 0;left:-240px}.master-left.open{left:0}.master-right{border-radius:12px 0 0 12px;right:-240px}.master-right.open{right:0}.master-panel-toggle{color:#fff;cursor:pointer;z-index:110;writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase;letter-spacing:1px;background:#1a1a24;border:1px solid #fff3;padding:15px 6px;font-size:.7rem;font-weight:900;transition:background .2s;position:absolute;top:100px;box-shadow:0 0 15px #00000080}.master-panel-toggle:hover{color:#fc0;background:#2a2a35}.master-left .master-panel-toggle{border-left:none;border-radius:0 8px 8px 0;right:-31px}.master-right .master-panel-toggle{border-right:none;border-radius:8px 0 0 8px;left:-31px}.master-panel-content{height:100%;padding:1.5rem;overflow-y:auto}.master-enemy-list{flex-direction:column;gap:.8rem;display:flex}.master-enemy-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;padding:.8rem;transition:all .2s;display:flex}.master-enemy-item:hover{background:#ffffff1a;border-color:#ffffff4d}.master-enemy-item.selected{background:#ff4d4d1a;border-color:#ff4d4d;box-shadow:0 0 15px #ff4d4d33}.enemy-info{flex-direction:column;display:flex}.enemy-name{color:#eee;font-size:.85rem;font-weight:700}.enemy-id{color:var(--text-dim);font-family:monospace;font-size:.6rem}.btn-delete-manual{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:1.2rem;transition:opacity .2s}.btn-delete-manual:hover{opacity:1;transform:scale(1.1)}.debug-target-info{text-align:center;background:#0000004d;border:1px solid #ffffff0d;border-radius:4px;margin-bottom:1.5rem;padding:.5rem;font-size:.75rem}.debug-target-info .no-target{color:#f60;font-style:italic}.master-action-list{flex-direction:column;gap:1rem;display:flex}.master-action-btn{color:#ccc;cursor:pointer;background:linear-gradient(135deg,#2a2a35,#1a1a24);border:1px solid #ffffff1a;border-radius:4px;padding:.8rem;font-size:.8rem;font-weight:700;transition:all .2s}.master-action-btn:not(:disabled):hover{color:#fc0;border-color:#fc0;transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.master-action-btn:disabled{opacity:.3;cursor:not-allowed}.map-legend{background:#00000040;border-radius:20px;justify-content:center;gap:1.5rem;width:fit-content;margin-top:1rem;padding:.8rem 1.5rem;display:flex}.legend-item{color:var(--text-dim);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.legend-item .dot{border-radius:50%;width:10px;height:10px;display:block}.map-empty-space{border:1px dashed #ffffff04;border-radius:8px;width:140px;height:140px}@media (width<=768px){.map-grid-roombased{grid-template-rows:repeat(5,100px)!important;grid-template-columns:repeat(5,100px)!important;gap:6px!important}.room-node{padding:4px}.room-name-text{font-size:.65rem}.room-type-badge{padding:0 2px;font-size:.45rem}.room-zone{min-height:28px}.zone-label{font-size:.45rem}.map-empty-space{width:100px;height:100px}.map-door-marker.door-N,.map-door-marker.door-S{width:16px;height:6px}.map-door-marker.door-E,.map-door-marker.door-W{width:6px;height:16px}}.room-grid-overlay-2d{grid-template-columns:repeat(var(--grid-cols,3), 1fr);grid-template-rows:repeat(var(--grid-rows,3), 1fr);z-index:1;flex:1;width:100%;height:100%;display:grid;position:relative}.grid-cell-2d{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;min-height:20px;transition:background-color .2s;display:flex;position:relative}.room-grid-overlay-2d.show-grid-lines .grid-cell-2d{border:1px solid #000000b3}.grid-cell-2d.has-unit{background-color:#ffffff0d}.sidebar-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;overscroll-behavior:contain;touch-action:none;background:#000000a6;justify-content:flex-start;width:100vw;height:100dvh;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.sidebar-panel{width:var(--sidebar-width);background:var(--bg-dark);border-right:1px solid var(--border-color);overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;max-width:92vw;height:100dvh;max-height:100%;animation:.4s cubic-bezier(.16,1,.3,1) slideInLeft;display:flex;box-shadow:20px 0 50px #0009}.sidebar-panel.right{border-right:none;border-left:1px solid var(--border-color);margin-left:auto;animation:.4s cubic-bezier(.16,1,.3,1) slideInRight}.sidebar-header{border-bottom:1px solid var(--border-color);background:#ffffff05;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sidebar-header h3{font-family:var(--font-heading);color:var(--text-accent);letter-spacing:2px;text-transform:uppercase;margin:0;font-size:1.1rem}.sidebar-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:2rem;line-height:1}.sidebar-close-btn:hover{color:var(--primary)}.sidebar-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:1rem;padding-bottom:calc(2.5rem + env(safe-area-inset-bottom,0px));touch-action:pan-y;flex:auto;overflow-y:auto}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mission-creator-container{background-color:var(--bg-darker,#050506);width:100vw;height:100vh;color:var(--text-main,#e2e2e2);font-family:var(--font-body,"Josefin Sans", sans-serif);flex-direction:column;animation:.4s ease-out fadeIn;display:flex;position:relative;overflow:hidden}.font-cinzel{font-family:var(--font-heading,"Cinzel", serif);letter-spacing:1.5px;font-weight:700}.font-body{font-family:var(--font-body,"Josefin Sans", sans-serif)}.creator-top-bar{border-bottom:1px solid var(--border-color,#ffffff1a);z-index:10;background:#0a0a0cf2;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;box-shadow:0 4px 20px #000c}.top-bar-left{align-items:center;gap:1.5rem;display:flex}.creator-title{color:var(--text-accent,#d4af37);text-shadow:0 0 15px #d4af3759;margin:0;font-size:1.5rem}.top-bar-actions{align-items:center;gap:.75rem;display:flex}.btn-bar-action{font-size:.85rem;font-family:var(--font-heading);letter-spacing:1px;border:1px solid var(--border-color,#ffffff1a);color:var(--text-main,#e2e2e2);cursor:pointer;transition:var(--transition,all .3s ease);background:#ffffff05;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;display:flex}.btn-bar-action:hover{border-color:var(--text-accent,#d4af37);color:#fff;background:#ffffff0f;box-shadow:0 0 10px #d4af3726}.btn-bar-action.primary{border-color:var(--primary,#c22929);color:#fff;background:linear-gradient(135deg,#c2292940 0%,#0006 100%)}.btn-bar-action.primary:hover{border-color:var(--primary-hover,#e63946);box-shadow:0 0 15px var(--primary-glow);background:linear-gradient(135deg,#c2292966 0%,#0009 100%)}.label-file-btn{cursor:pointer;align-items:center;margin:0;display:inline-flex}.creator-workspace{flex:1;display:flex;position:relative;overflow:hidden}.creator-sidebar-left{border-right:1px solid var(--border-color,#ffffff1a);background:#0a0a0cfa;flex-direction:column;width:320px;min-width:320px;height:100%;display:flex;overflow:hidden}.sidebar-accordion-section{flex-direction:column;display:flex;overflow:hidden}.list-missions-section{border-bottom:1px solid #ffffff0d;height:40%}.list-nodes-section{height:60%}.section-header{background:#05050699;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.section-header h3{color:var(--text-accent,#d4af37);text-shadow:0 0 10px #d4af3733;margin:0;font-size:.9rem}.btn-add-small{color:var(--text-accent,#d4af37);cursor:pointer;width:24px;height:24px;transition:var(--transition,all .3s ease);background:#d4af371a;border:1px solid #d4af374d;border-radius:4px;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.btn-add-small:hover{background:var(--text-accent,#d4af37);color:#050506;box-shadow:0 0 8px #d4af3766}.sidebar-scroll-box{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow-y:auto}.mission-list-item{cursor:pointer;transition:var(--transition,all .3s ease);background:#ffffff03;border:1px solid #ffffff0a;border-radius:4px;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.mission-list-item:hover{background:#ffffff08;border-color:#ffffff1a}.mission-list-item.active{border-color:var(--primary,#c22929);box-shadow:inset 3px 0 0 var(--primary,#c22929);background:linear-gradient(90deg,#c229291f 0%,#141419b3 100%)}.mission-item-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.mission-item-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.mission-item-id{color:var(--text-muted,#8b8b99);font-family:monospace;font-size:.7rem}.btn-delete-mission{cursor:pointer;opacity:.2;background:0 0;border:none;padding:.2rem;font-size:.8rem;transition:opacity .2s,transform .2s}.mission-list-item:hover .btn-delete-mission{opacity:.7}.btn-delete-mission:hover{transform:scale(1.2);opacity:1!important}.node-list-card{cursor:pointer;transition:var(--transition,all .3s ease);background:#ffffff03;border:1px solid #ffffff0a;border-radius:4px;flex-direction:column;gap:.2rem;padding:.6rem .8rem;display:flex;position:relative}.node-list-card:hover{background:#ffffff08;border-color:#ffffff1a}.node-list-card.active{border-color:var(--node-color);box-shadow:inset 3px 0 0 var(--node-color), 0 0 10px var(--node-color-alpha);background:#ffffff0a}.node-card-header{justify-content:space-between;align-items:center;display:flex}.node-card-id{color:var(--node-color);letter-spacing:.5px;font-family:monospace;font-size:.75rem;font-weight:700}.node-type-badge{background:var(--node-color-alpha);color:var(--node-color);border:1px solid var(--node-color-alpha);border-radius:3px;padding:.1rem .3rem;font-size:.6rem;font-weight:700}.node-card-title{color:#e2e2e2;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.start-node-badge{color:#10b981;margin-top:.1rem;font-size:.65rem;font-weight:700}.node-narrative{--node-color:#00e5ff;--node-color-alpha:#00e5ff1f}.node-choice{--node-color:#fd00ab;--node-color-alpha:#fd00ab1f}.node-ending{--node-color:#d4af37;--node-color-alpha:#d4af371f}.node-dice-challenge{--node-color:#a855f7;--node-color-alpha:#a855f71f}.creator-graph-panel{background:#08080a;border-right:1px solid #ffffff0d;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.graph-view-scroll{-webkit-user-select:none;user-select:none;background-image:radial-gradient(#ffffff04 1px,#0000 1px);background-size:32px 32px;flex:1;padding:1.5rem;position:relative;overflow:hidden!important}.graph-title{color:var(--text-accent,#d4af37);text-shadow:0 0 8px #d4af3726;z-index:2;margin-bottom:1rem;font-size:1rem;position:relative}.graph-svg-canvas{pointer-events:none;z-index:1;width:2500px;height:2000px;position:absolute;top:0;left:0}.graph-columns-container{z-index:2;gap:4.5rem;min-width:max-content;padding:3rem 1.5rem;display:flex;position:relative}.graph-column{flex-direction:column;justify-content:center;gap:3rem;width:310px;display:flex;position:relative}.graph-node-card{cursor:pointer;box-sizing:border-box;background:#0c0c10f2;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;gap:.6rem;width:340px;padding:.9rem;transition:border-color .2s cubic-bezier(.25,.8,.25,1),box-shadow .2s cubic-bezier(.25,.8,.25,1),background .2s cubic-bezier(.25,.8,.25,1),transform .2s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 0 8px 8px #00000040}.graph-node-card:hover{border-color:var(--node-color);box-shadow:0 0 15px var(--node-color-alpha), 0 12px 24px #0009}.graph-node-card.selected{border-color:var(--node-color);box-shadow:0 0 20px var(--node-color-alpha);background:#121218fa}.graph-node-label{justify-content:space-between;align-items:center;display:flex}.graph-node-name{color:#fff;font-size:.9rem;font-weight:700;font-family:var(--font-body)}.graph-node-narration{color:var(--text-muted,#8b8b99);-webkit-line-clamp:3;background:#0000004d;border:1px solid #ffffff05;border-radius:4px;-webkit-box-orient:vertical;padding:.4rem .6rem;font-size:.75rem;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.socket-in-container{z-index:5;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.socket-in-gem{border:2px solid var(--node-color);width:8px;height:8px;box-shadow:0 0 6px var(--node-color);background:#000;border-radius:50%}.graph-connections{border-top:1px solid #ffffff0d;flex-direction:column;gap:.4rem;padding-top:.5rem;display:flex}.connection-item{justify-content:space-between;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.connection-trigger{color:var(--text-muted,#8b8b99);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:500;overflow:hidden}.connection-target-wrapper{align-items:center;gap:.35rem;display:flex}.connection-target{color:#e2e2e2;cursor:pointer;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:3px;padding:.1rem .3rem;font-family:monospace;font-weight:600;transition:all .2s}.connection-target:hover{border-color:var(--node-color);color:var(--node-color);background:var(--node-color-alpha);box-shadow:0 0 8px var(--node-color-alpha)}.sockets-out-container{z-index:5;pointer-events:none;justify-content:space-around;align-items:center;height:16px;padding:0 1.5rem;display:flex;position:absolute;bottom:-8px;left:0;right:0}.socket-out-gem{background:var(--node-color);width:8px;height:8px;box-shadow:0 0 6px var(--node-color);cursor:pointer;pointer-events:auto;border-radius:50%;transition:transform .2s}.socket-out-gem:hover{transform:scale(1.3)}.resize-divider{cursor:col-resize;z-index:10;background:#ffffff08;border-left:1px solid #ffffff14;border-right:1px solid #0009;width:5px;transition:background-color .2s;position:relative}.resize-divider:hover,.resize-divider:active{background:var(--primary,#c22929);box-shadow:0 0 10px var(--primary-glow)}.creator-sidebar-right{border-left:1px solid var(--border-color,#ffffff1a);z-index:9;background:#0a0a0cfa;flex-direction:column;height:100%;display:flex;overflow:hidden auto}.inspector-scroll{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.form-group{flex-direction:column;gap:.35rem;width:100%;margin-bottom:.5rem;display:flex}.form-group label{font-size:.7rem;font-family:var(--font-body);letter-spacing:.02rem;text-transform:uppercase;color:var(--text-muted,#8b8b99);font-weight:700;line-height:1.25}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{color:#fff;font-size:.85rem;font-family:var(--font-body);background:#000000d9;border:1px solid #ffffff0f;border-radius:4px;padding:.55rem .7rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--text-accent,#d4af37);outline:none;box-shadow:0 0 8px #d4af3726}.form-row-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-row-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%;display:grid}.form-row-3 .form-group{min-width:0}.form-row-3 .form-group label{white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.form-row-3 input{box-sizing:border-box;width:100%;min-width:0;padding:.4rem .5rem;font-size:.8rem}.panel-title{color:var(--text-accent,#d4af37);text-shadow:0 0 5px #d4af3733;border-bottom:1px solid #d4af3726;margin-bottom:.4rem;padding-bottom:.4rem;font-size:.95rem;font-weight:700}.inspector-subtitle{font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;margin:1.25rem 0 .5rem;font-size:.8rem}.btn-danger-small{color:var(--primary-hover,#e63946);font-size:.7rem;font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:#c229291a;border:1px solid #c229294d;border-radius:3px;padding:.25rem .5rem;transition:all .2s}.btn-danger-small:hover{background:var(--primary,#c22929);color:#fff;box-shadow:0 0 8px var(--primary-glow)}.btn-collapse-toggle-small{color:var(--text-muted,#8b8b99);font-size:.7rem;font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:3px;padding:.25rem .5rem;transition:all .2s}.btn-collapse-toggle-small:hover{color:#fff;background:#ffffff14;border-color:#fff3}.connection-delete-btn{cursor:pointer}.connection-delete-btn circle{r:8px;transition:r .2s cubic-bezier(.25,.8,.25,1),fill .2s,stroke .2s}.connection-delete-btn:hover circle{r:10px;fill:#e6394777;stroke:#e63946}.connection-delete-btn text{font-size:8px;transition:font-size .2s cubic-bezier(.25,.8,.25,1),fill .2s}.connection-delete-btn:hover text{fill:#fff;font-size:10px}.inner-editor-list{flex-direction:column;gap:.9rem;margin-top:.4rem;display:flex}.inner-editor-card{background:#ffffff02;border:1px solid #ffffff0a;border-radius:4px;flex-direction:column;gap:.6rem;padding:.8rem;display:flex}.inner-editor-card-header{border-bottom:1px dashed #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:.4rem;display:flex}.inner-editor-card-title{font-size:.75rem;font-family:var(--font-heading);color:#00e5ff;font-weight:700}.btn-add-section{color:var(--text-muted,#8b8b99);cursor:pointer;font-size:.75rem;font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;background:#ffffff03;border:1px dashed #ffffff14;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.btn-add-section:hover{color:#00e5ff;background:#00e5ff08;border-color:#00e5ff;box-shadow:0 0 6px #00e5ff26}.consequences-box{background:#00000040;border:1px solid #ffffff08;border-radius:4px;flex-direction:column;gap:.6rem;padding:.7rem;display:flex}.consequences-title{font-size:.75rem;font-family:var(--font-heading);color:var(--text-accent,#d4af37);text-transform:uppercase;font-weight:700}.sub-consequence-row{background:#00000026;border:1px solid #ffffff05;border-radius:3px;flex-direction:column;gap:.4rem;padding:.5rem;display:flex}.sub-consequence-header{justify-content:space-between;align-items:center;display:flex}.sub-consequence-title{font-size:.7rem;font-family:var(--font-heading);color:var(--text-muted,#8b8b99);font-weight:700}.spawns-sublist{flex-direction:column;gap:.35rem;display:flex}.spawn-item-editor{grid-template-columns:1.2fr 1fr 50px 24px;align-items:center;gap:.3rem;display:grid}.spawn-item-editor select,.spawn-item-editor input{padding:.35rem .5rem!important;font-size:.75rem!important}.helper-chips{flex-wrap:wrap;gap:.3rem;margin-top:.15rem;display:flex}.helper-chip{color:var(--text-accent,#d4af37);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:3px;padding:.1rem .3rem;font-family:monospace;font-size:.65rem;transition:all .15s}.helper-chip:hover{border-color:var(--text-accent,#d4af37);background:#d4af371a}.no-node-selected{height:100%;color:var(--text-muted,#8b8b99);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem;display:flex}.no-node-selected-icon{color:#ffffff05;font-size:2.5rem}.btn-delete-node{color:var(--primary-hover,#e63946);border-color:#c229294d;width:100%;margin-top:1.5rem}.btn-delete-node:hover{border-color:var(--primary,#c22929);box-shadow:0 0 10px var(--primary-glow);background:#c229291f}.scrollbar-premium::-webkit-scrollbar{width:4px;height:4px}.scrollbar-premium::-webkit-scrollbar-track{background:#0000004d}.scrollbar-premium::-webkit-scrollbar-thumb{background:var(--text-accent,#d4af37);border-radius:2px}.scrollbar-premium::-webkit-scrollbar-thumb:hover{background:#fff}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-export-modal{border:1px solid var(--border-color,#ffffff1a);width:580px;max-width:90vw;box-shadow:var(--glass-shadow), 0 15px 40px #000c;background:#0d0d10;border-radius:6px;flex-direction:column;animation:.25s ease-out fadeIn;display:flex;overflow:hidden}.modal-header{background:#05050666;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem;display:flex}.modal-header h3{color:var(--text-accent,#d4af37);text-shadow:0 0 8px #d4af3733;margin:0;font-size:1rem}.btn-close-modal{color:var(--text-muted,#8b8b99);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1;transition:color .2s}.btn-close-modal:hover{color:#fff}.modal-body{flex-direction:column;gap:.9rem;padding:1.25rem;display:flex}.json-error-text{color:var(--primary-hover,#e63946);font-size:.75rem;font-weight:700}.modal-footer{background:#00000040;border-top:1px solid #ffffff0d;justify-content:flex-end;gap:.75rem;padding:.9rem;display:flex}.btn-modal-action{font-size:.8rem;font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--border-color,#ffffff1a);color:var(--text-muted,#8b8b99);cursor:pointer;background:#ffffff08;border-radius:4px;padding:.45rem 1.1rem;transition:all .2s}.btn-modal-action:hover{color:#fff;background:#ffffff14}.btn-modal-action.success{color:#fff;background:linear-gradient(135deg,#10b98133 0%,#0006 100%);border-color:#10b981}.btn-modal-action.success:hover{background:linear-gradient(135deg,#10b98159 0%,#00000080 100%);border-color:#34d399;box-shadow:0 0 10px #10b9814d}.model-viewer-container{background-color:var(--bg-darker,#050506);width:100vw;height:100dvh;color:var(--text-main,#e2e2e2);font-family:var(--font-body,"Josefin Sans", sans-serif);display:flex;overflow:hidden}.desktop-only{height:100%;display:flex}.mobile-header-controls{top:calc(12px + env(safe-area-inset-top,0px));z-index:15;pointer-events:auto;justify-content:space-between;align-items:center;gap:8px;width:100%;padding-inline:1rem;display:flex;position:absolute}.mobile-sidebar-toggle{background:var(--glass-bg,#0f0f12d9);border:1px solid var(--text-accent,#d4af37);color:var(--text-accent,#d4af37);font-family:var(--font-heading,"Cinzel", serif);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition,all .3s ease);pointer-events:auto;border-radius:4px;padding:.5rem 1rem;font-size:.8rem;display:none}.mobile-sidebar-toggle:hover{background:#d4af3726}.search-box{margin-bottom:12px}.search-input{background-color:var(--bg-dark,#0a0a0c);border:1px solid var(--border-color,#ffffff26);width:100%;color:var(--text-main,#e2e2e2);font-family:var(--font-body,"Josefin Sans", sans-serif);box-sizing:border-box;border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.search-input:focus{border-color:var(--text-accent,#d4af37)}.filter-section{border:1px solid var(--border-color,#ffffff14);background-color:#00000059;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:14px;padding:10px;display:flex}.filter-group{justify-content:space-between;align-items:center;display:flex}.filter-label{color:var(--text-muted,#8b8b99);font-size:12px;font-weight:600}.select-input{color:var(--text-main,#e2e2e2);border:1px solid var(--border-color,#ffffff26);font-size:12px;font-family:var(--font-body,"Josefin Sans", sans-serif);cursor:pointer;background-color:#141419;border-radius:6px;outline:none;min-width:140px;padding:4px 8px}.model-list{flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.sidebar-content .model-list{flex:none;padding-right:0;overflow:visible}.empty-list{text-align:center;color:var(--text-muted,#8b8b99);margin-top:20px;font-size:13px}.model-card{cursor:pointer;transition:var(--transition,all .3s ease);background-color:#0f0f12a6;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.model-card:hover{background-color:#ffffff0d;border-color:#fff3}.model-card.selected{border-color:var(--text-accent,#d4af37);background-color:#c2292940;box-shadow:0 0 12px #d4af3740}.card-header{align-items:center;gap:8px;display:flex}.card-icon{font-size:16px}.card-name{font-size:15px;font-weight:600;font-family:var(--font-heading,"Cinzel", serif);color:var(--text-main,#e2e2e2)}.card-tags{gap:6px;display:flex}.card-tag{color:var(--text-muted,#8b8b99);background-color:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.canvas-container{background:radial-gradient(circle at 50% 35%,#181920 0%,#0a0a0d 65%,#040405 100%);flex:1;height:100%;position:relative}.three-canvas{width:100%;height:100%}.camera-overlay{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:24px;right:16px}.camera-help{color:var(--text-muted,#8b8b99);border:1px solid var(--border-color,#ffffff14);background-color:#0a0a0ecc;border-radius:6px;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 12px;font-size:11px;display:flex}.loading-overlay{color:var(--text-accent,#d4af37);font-size:15px;font-weight:600;font-family:var(--font-heading,"Cinzel", serif);z-index:6;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.spinner{border:3px solid #d4af3733;border-top:3px solid var(--text-accent,#d4af37);border-radius:50%;width:36px;height:36px;animation:1s linear infinite viewerSpin}@keyframes viewerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-overlay{color:#fff;z-index:6;background-color:#c22929e6;border-radius:6px;padding:10px 18px;font-size:13px;font-weight:600;position:absolute;top:16px;left:50%;transform:translate(-50%)}.bottom-desc-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glow,#d4af3759);box-sizing:border-box;z-index:10;background-color:#0a0a0ee0;border-radius:8px;flex-direction:column;gap:8px;width:calc(100% - 60px);max-width:720px;padding:16px 24px;animation:.3s ease-out descFadeIn;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #000000d9,inset 0 0 20px #d4af370d}@keyframes descFadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.desc-corner-tl{border-top:2px solid var(--text-accent,#d4af37);border-left:2px solid var(--text-accent,#d4af37);width:8px;height:8px;position:absolute;top:-3px;left:-3px}.desc-corner-tr{border-top:2px solid var(--text-accent,#d4af37);border-right:2px solid var(--text-accent,#d4af37);width:8px;height:8px;position:absolute;top:-3px;right:-3px}.desc-corner-bl{border-bottom:2px solid var(--text-accent,#d4af37);border-left:2px solid var(--text-accent,#d4af37);width:8px;height:8px;position:absolute;bottom:-3px;left:-3px}.desc-corner-br{border-bottom:2px solid var(--text-accent,#d4af37);border-right:2px solid var(--text-accent,#d4af37);width:8px;height:8px;position:absolute;bottom:-3px;right:-3px}.bottom-desc-header{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding-bottom:8px;display:flex}.bottom-desc-title{font-family:var(--font-heading,"Cinzel", serif);color:var(--text-accent,#d4af37);letter-spacing:1px;text-shadow:0 0 10px #d4af374d;margin:0;font-size:20px;font-weight:700}.bottom-desc-role{font-family:var(--font-body,"Josefin Sans", sans-serif);color:var(--primary-hover,#e63946);letter-spacing:.5px;font-size:14px;font-style:italic}.bottom-desc-faction-badge{text-transform:uppercase;letter-spacing:1px;color:var(--text-accent,#d4af37);background-color:#d4af371f;border:1px solid #d4af3740;border-radius:4px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:600}.bottom-desc-text{font-family:var(--font-body,"Josefin Sans", sans-serif);color:var(--text-main,#e2e2e2);letter-spacing:.3px;margin:0;font-size:15px;line-height:1.5}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-sidebar-toggle{display:block}.camera-overlay{display:none}.bottom-desc-overlay{width:calc(100% - 24px);bottom:calc(12px + env(safe-area-inset-bottom,0px));max-height:30dvh;padding:12px 14px}.bottom-desc-title{font-size:16px}.bottom-desc-text{font-size:13px;line-height:1.4}}.party-setup-container{flex-direction:column;flex:1;align-self:stretch;gap:1rem;width:100%;max-width:1750px;margin:0 auto;padding:1.5rem;display:flex}.party-setup-panel{flex-direction:column;align-items:center;gap:3rem;display:flex}.setup-title{color:#fff;text-shadow:0 0 10px var(--primary-glow);text-align:center;font-size:2.5rem}.step-1-panel{background:var(--glass-bg);border:var(--glass-border);text-align:center;box-shadow:var(--glass-shadow);max-width:var(--modal-large);border-radius:8px;margin:0 auto;padding:3rem}.step-1-panel h3{color:var(--text-main);margin-bottom:2rem;font-size:1.5rem}.player-count-selector{flex-direction:column;align-items:center;display:flex}.count-buttons{grid-template-columns:repeat(5,1fr);justify-content:center;gap:1rem;width:50%;margin-bottom:2rem;display:grid}.count-btn{width:60px;height:60px;font-size:1.5rem;font-family:var(--font-heading);background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-muted);transition:var(--transition);border-radius:8px}.count-btn:hover{border-color:var(--primary);color:#fff}.count-btn.selected{background:var(--primary);border-color:var(--primary-hover);color:#fff;box-shadow:0 0 15px var(--primary-glow);transform:scale(1.1)}.helper-text{color:var(--text-muted);margin-bottom:3rem;font-style:italic}.setup-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.generate-draft-btn{font-family:var(--font-heading);letter-spacing:2px;transition:var(--transition);cursor:pointer;border-radius:4px;width:100%;max-width:400px;padding:1rem 3rem;font-size:1.1rem}.generate-draft-btn.primary{background:linear-gradient(45deg, var(--primary), var(--primary-hover));color:#fff;box-shadow:0 0px 15px var(--primary-glow);border:none}.generate-draft-btn.primary:hover{filter:brightness(1.1);box-shadow:0 0px 15px var(--primary-glow);transform:translateY(-2px)}.generate-draft-btn.secondary{border:1px solid var(--text-accent);color:var(--text-accent);background:0 0}.generate-draft-btn.secondary:hover{background:#d4af371a;transform:translateY(-2px);box-shadow:0 0 15px #d4af3733}.draft-wizard-panel{flex-direction:column;align-items:center;width:100%;display:flex}.wizard-header{text-align:center;width:100%;margin-bottom:2rem}.player-identity-input{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.input-with-refresh{justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:600px;display:flex;position:relative}.big-player-input{border:none;border-bottom:2px solid var(--primary);color:#fff;font-family:var(--font-heading);text-align:center;text-transform:uppercase;min-width:0;text-shadow:0 0 15px var(--primary-glow);background:0 0;outline:none;flex:1;font-size:3rem}.btn-refresh-name{background:var(--glass-bg);border:1px solid var(--primary-glow);color:var(--primary);cursor:pointer;width:50px;height:50px;transition:var(--transition);box-shadow:0 0 10px var(--primary-glow);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.btn-refresh-name:hover{background:var(--primary);color:#fff;box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.gender-toggle-container{background:var(--glass-bg);border:1px solid var(--primary-glow);box-shadow:0 0 10px var(--primary-glow);border-radius:4px;flex-shrink:0;height:50px;display:flex;overflow:hidden}.gender-toggle-btn{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;width:45px;height:100%;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.gender-toggle-btn:hover{color:#fff;background:#ffffff0d}.gender-toggle-btn.active{background:var(--primary);color:#fff;text-shadow:0 0 5px #fff;box-shadow:inset 0 0 10px #00000080}.edit-hint{color:var(--text-muted);opacity:.7;margin-top:.5rem;font-size:.8rem;font-style:italic;display:block}.wizard-subtitle{color:var(--text-accent);letter-spacing:3px;margin-block:2rem;font-size:1.75rem}.cards-grid{flex-wrap:wrap;justify-content:center;gap:1.25rem;width:100%;display:flex}.draft-card{background:var(--glass-bg);border:var(--glass-border);cursor:pointer;width:auto;min-width:210px;max-width:280px;min-height:380px;transition:var(--transition);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:12px;flex-direction:column;flex:0 calc(20% - 1rem - 1px);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #00000080}.draft-card.class-card{border-color:var(--class-color);box-shadow:0 0px 20px var(--class-color-glow)}.draft-card,.draft-card *{-webkit-user-select:none;user-select:none}.draft-card:hover:not(.taken),.draft-card.holding:not(.taken){transform:translateY(-16px)}.bg-card:hover:not(.taken),.bg-card.holding:not(.taken){border-color:var(--text-accent);box-shadow:0 0 20px #ffc10766}.bg-card .hold-progress-overlay{background:linear-gradient(#ffc1070d,#ffc1074d)}.card-image-placeholder{background-color:var(--bg-dark);background-repeat:no-repeat;justify-content:center;align-items:center;height:290px;display:flex;position:relative;overflow:hidden;border:none!important}.card-image-placeholder:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0000 80%,#000000e6 100%);width:100%;height:100%;position:absolute;bottom:0;left:0}.card-image-placeholder.bg-variant{background:linear-gradient(135deg, #d4af374d, var(--bg-dark))}.class-icon{opacity:.2;z-index:1;background-size:cover;width:1.5rem;height:1.5rem;font-size:6rem}.card-content{flex-direction:column;flex:1;gap:.25rem;padding:1rem;display:flex}.card-content h4{color:var(--text-main);text-align:center;margin-bottom:.2rem;font-size:1.75rem}.role-text{font-family:var(--font-heading);color:var(--text-accent);text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:1.15rem;font-weight:700}.desc-text{color:var(--text-muted);text-align:center;font-size:.95rem;line-height:1.4}.stats-mini{color:var(--text-main);opacity:.9;background:#00000026;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem;font-size:.8rem;font-weight:700;display:grid}.stats-mini span{text-align:center}.taken{opacity:.4;cursor:not-allowed;filter:grayscale()}.taken-overlay{color:#fff;width:100%;height:100%;font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;z-index:10;background:#0003;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:0;left:0}.hold-progress-overlay{background:linear-gradient(to top, var(--class-color-glow), var(--class-color));opacity:.25;z-index:5;pointer-events:none;width:100%;height:0%;transition:height .1s ease-out;position:absolute;bottom:0;left:0}.draft-card.holding .hold-progress-overlay{height:100%;transition:height var(--hold-duration,2s) linear}.draft-card.holding{animation:.2s infinite card-shake}@keyframes card-shake{0%{transform:translateY(-10px)rotate(0)}25%{transform:translateY(-10px)rotate(.5deg)}75%{transform:translateY(-10px)rotate(-.5deg)}to{transform:translateY(-10px)rotate(0)}}.party-summary-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.summary-card{flex-direction:column;align-items:center;gap:.75rem;display:flex}.summary-player-name{color:#fff;font-size:1.6rem;font-family:var(--font-heading);text-shadow:0 0 10px var(--primary-glow);text-transform:uppercase;letter-spacing:2px;margin:0}.draft-card.summary-variant{cursor:default;border-color:var(--class-color);width:250px;box-shadow:0 0px 20px var(--class-color-glow);pointer-events:none;background:var(--glass-bg);border-radius:12px;overflow:hidden;transform:none!important}.summary-card .card-image-placeholder{background-color:var(--bg-dark);width:100%;height:100%;position:relative;overflow:hidden}.summary-hero-img-desktop{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.summary-hero-img-mobile{object-fit:cover;object-position:center;width:100%;height:100%;display:none}.summary-card .card-content{text-align:center;flex-direction:column;flex:none;align-items:center;gap:.25rem;padding:1rem;display:flex}.summary-card .card-content h4{color:#fff;font-size:1.25rem;font-family:var(--font-heading);letter-spacing:1px;margin:0}.summary-bg-text{color:var(--text-muted);font-family:var(--font-heading);text-align:center;margin:0;font-size:.95rem}.summary-bg-text span{color:var(--text-accent);font-weight:600}.step3-action-footer{justify-content:center;align-items:center;gap:1.5rem;width:auto;margin-top:1rem;display:flex}.start-match-btn.ready{background:linear-gradient(45deg, var(--primary), var(--primary-hover));color:#fff;font-family:var(--font-heading);cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);transition:var(--transition);border:none;border-radius:4px;width:auto;padding:1rem 3.5rem;font-size:1.3rem}.start-match-btn.ready:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-accent.ready{background:var(--text-accent,#d4af37);color:#000;font-family:var(--font-heading);letter-spacing:1px;cursor:pointer;transition:var(--transition);border:none;border-radius:4px;width:auto;padding:1rem 3rem;font-size:1.15rem;font-weight:700;box-shadow:0 4px 15px #d4af3766}.btn-accent.ready:hover{background:#e6be44;transform:translateY(-2px);box-shadow:0 6px 20px #d4af3799}@media (width<=1200px){.party-setup-container{gap:.5rem;padding:.75rem 1rem}.wizard-header,.player-identity-input{margin-bottom:.25rem}.big-player-input{font-size:1.8rem}.hero-booklet-wrapper{gap:.5rem;max-width:860px}.hero-booklet-stage{gap:.6rem}.booklet-nav-btn{width:44px;height:72px;font-size:2.2rem}.hero-booklet{max-width:760px;min-height:420px}.booklet-page-left,.booklet-hero-portrait{min-height:420px}.booklet-page-right{gap:.4rem;padding:.85rem 1.15rem}.booklet-role-title{font-size:1.55rem}.booklet-class-sub{gap:.35rem}.resource-type-badge,.speed-ticks-badge{padding:.15rem .45rem;font-size:.75rem}.booklet-lore-text{padding-left:.5rem;font-size:.76rem;line-height:1.3}.booklet-stats-matrix{gap:.25rem;padding:.3rem .5rem}.stat-lbl{font-size:.65rem}.stat-val{font-size:.95rem}.booklet-traits-section{gap:.3rem}.trait-card{gap:.1rem;padding:.35rem .55rem}.trait-kind{font-size:.68rem}.trait-name{font-size:.8rem}.trait-desc{font-size:.72rem;line-height:1.25}.booklet-equipment-info{gap:.15rem;padding-top:.3rem;font-size:.72rem}.booklet-pagination-dots{gap:.35rem}.booklet-dot-btn{padding:.25rem .55rem;font-size:.75rem}.booklet-action-row{margin-top:.15rem}.booklet-select-btn{padding:.65rem 2.2rem;font-size:1.05rem}}@media (width<=768px){.party-setup-container{width:100%;height:auto;min-height:100dvh;padding:.85rem;padding-top:calc(.85rem + env(safe-area-inset-top,0px));padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));justify-content:flex-start;align-self:stretch;gap:.75rem}.party-setup-panel{gap:1.25rem;width:100%}.setup-title{font-size:1.6rem}.step-1-panel{width:100%;max-width:100%;padding:1.5rem 1rem}.step-1-panel h3{margin-bottom:1.25rem;font-size:1.2rem}.count-buttons{gap:.5rem;width:100%}.count-btn{width:auto;height:48px;font-size:1.15rem}.setup-actions{flex-direction:column;gap:.75rem;width:100%}.generate-draft-btn{width:100%}.big-player-input{font-size:1.6rem}.btn-refresh-name{width:38px;height:38px;font-size:1.1rem}.wizard-subtitle{margin-block:.75rem;font-size:1.15rem}.draft-card{width:100%;max-width:320px;min-height:auto}.card-image-placeholder{height:180px}.class-icon{font-size:3.5rem}.card-content h4{font-size:1.3rem}.party-summary-grid{flex-direction:column;gap:1rem;width:100%;max-width:440px;margin:0 auto;display:flex}.summary-card{flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex}.summary-player-name{letter-spacing:1px;font-size:1.25rem}.draft-card.summary-variant{border-radius:8px;flex-direction:row;align-items:center;width:100%;max-width:100%;min-height:85px}.summary-variant .card-image-placeholder{border-bottom:none;border-right:2px solid var(--border-color);background-color:var(--bg-dark);flex-shrink:0;width:85px;height:85px}.summary-hero-img-desktop{display:none}.summary-hero-img-mobile{display:block}.summary-variant .card-image-placeholder:after,.summary-variant .class-icon{display:none}.summary-variant .card-content{text-align:left;flex:1;justify-content:center;align-items:flex-start;gap:.2rem;padding:.75rem 1rem}.summary-variant .card-content h4{text-align:left;margin:0;font-size:1.15rem}.summary-variant .summary-bg-text{text-align:left;margin-top:0;font-size:.85rem}.step3-action-footer{flex-direction:column-reverse;gap:.75rem;width:100%;max-width:440px;margin:1rem auto 0}.start-match-btn.ready{width:100%;padding:1rem;font-size:1.15rem}.btn-accent.ready{width:100%;padding:.85rem;font-size:1rem}}.hero-booklet-wrapper{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.hero-booklet-stage{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.booklet-nav-btn{color:#d4af37;width:52px;height:90px;font-size:3rem;font-family:var(--font-heading);cursor:pointer;-webkit-user-select:none;user-select:none;background:#12141ad9;border:1px solid #d4af3759;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 18px #0009}.booklet-nav-btn:hover{background:#d4af3733;border-color:#d4af37;transform:scale(1.08);box-shadow:0 0 20px #d4af3766}.booklet-top-bar{justify-content:flex-start;align-items:center;width:100%;max-width:880px;display:flex}.booklet-back-to-grid-btn{color:#d4af37;font-family:var(--font-heading);cursor:pointer;-webkit-user-select:none;user-select:none;background:#d4af371a;border:1px solid #d4af3759;border-radius:6px;align-items:center;gap:6px;padding:.4rem 1.1rem;font-size:.9rem;transition:all .2s;display:inline-flex}.booklet-back-to-grid-btn:hover{background:#d4af3738;border-color:#d4af37;transform:translate(-3px);box-shadow:0 0 12px #d4af374d}.booklet-back-to-grid-btn:active{transform:translate(0)}.hero-booklet{background:linear-gradient(135deg,#181a20 0%,#0f1014 100%);border:2px solid #d4af3766;border-radius:12px;width:100%;max-width:880px;min-height:520px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 45px #000c,0 0 35px #d4af371f}.booklet-page{box-sizing:border-box;flex-direction:column;flex:1 1 0;width:calc(50% - 5px);min-width:0;max-width:calc(50% - 5px);display:flex;position:relative}.booklet-page-left{background:#090a0d;min-height:480px;position:relative;overflow:hidden}.booklet-hero-portrait{justify-content:center;align-items:flex-end;width:100%;height:100%;min-height:520px;display:flex;position:relative}.portrait-frame-overlay{pointer-events:none;background:linear-gradient(#0000 75%,#000000d9 100%),linear-gradient(90deg,#0000 85%,#0009 100%);border-right:1px solid #00000080;position:absolute;inset:0}.booklet-taken-watermark{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#0a0a0fbf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.booklet-taken-watermark span{font-family:var(--font-heading);color:#f55;letter-spacing:3px;background:#0009;border:2px dashed #f55;border-radius:8px;padding:.5rem 1.5rem;font-size:1.8rem;font-weight:700;transform:rotate(-12deg)}.booklet-spine{background:linear-gradient(90deg,#000c,#d4af374d,#000c);flex-shrink:0;width:10px;position:relative;box-shadow:inset 0 0 10px #000000e6}.booklet-spine-line{background:#d4af3780;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.booklet-page-right{background:radial-gradient(circle at 100% 0,#28231959,#0000 70%);flex-direction:column;justify-content:space-between;gap:.85rem;padding:1.5rem 1.8rem;display:flex}.booklet-header{flex-direction:column;gap:.35rem;display:flex}.booklet-role-title{font-family:var(--font-heading);color:#d4af37;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 12px #d4af3766;margin:0;font-size:2rem;line-height:1.1}.booklet-class-sub{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.class-name-badge{color:#e0e0e0;background:#ffffff14;border:1px solid #fff3;border-radius:4px;padding:.2rem .55rem;font-size:.8rem;font-weight:500}.resource-type-badge{color:#d4af37;background:#d4af3726;border:1px solid #d4af3766;border-radius:4px;padding:.2rem .55rem;font-size:.8rem;font-weight:700}.speed-ticks-badge{color:#aaa;background:#0006;border:1px solid #ffffff1f;border-radius:4px;padding:.2rem .55rem;font-size:1rem}.booklet-lore-text{color:#bbb;border-left:2px solid #d4af3759;margin:0;padding-left:.65rem;font-size:.85rem;font-style:italic;line-height:1.4}.booklet-stats-matrix{background:#0006;border:1px solid #ffffff14;border-radius:6px;grid-template-columns:repeat(6,1fr);gap:.35rem;padding:.5rem .65rem;display:grid}.stat-cell{flex-direction:column;align-items:center;gap:.1rem;display:flex}.stat-lbl{color:#888;letter-spacing:.5px;font-size:.7rem;font-weight:700}.stat-val{color:#fff;font-size:1.05rem;font-weight:700;font-family:var(--font-heading)}.booklet-traits-section{flex-direction:column;gap:.5rem;display:flex}.trait-card{border-radius:6px;flex-direction:column;gap:.15rem;padding:.55rem .75rem;display:flex}.trait-card.virtue-trait{background:#22c55e14;border:1px solid #22c55e59}.trait-card.burden-trait{background:#ef444414;border:1px solid #ef444459}.trait-header{align-items:center;gap:.35rem;display:flex}.trait-icon{font-size:.9rem}.trait-kind{font-family:var(--font-heading);letter-spacing:.5px;font-size:.72rem;font-weight:700}.virtue-trait .trait-kind{color:#4ade80}.burden-trait .trait-kind{color:#f87171}.trait-name{font-family:var(--font-heading);color:#fff;font-size:.95rem;font-weight:700}.trait-desc{color:#bbb;margin:0;font-size:.78rem;line-height:1.3}.booklet-equipment-info{color:#999;border-top:1px solid #ffffff14;flex-direction:column;gap:.2rem;padding-top:.45rem;font-size:.78rem;display:flex}.equip-row{align-items:center;gap:.35rem;display:flex}.equip-label{color:#aaa;font-weight:500;line-height:1.5}.equip-tags{color:#ddd}.booklet-pagination-dots{flex-wrap:wrap;justify-content:center;gap:.45rem;width:100%;max-width:880px;margin:0 auto;display:flex}.booklet-dot-btn{color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff26;border-radius:18px;padding:.35rem .75rem;font-size:.8rem;transition:all .2s}.booklet-dot-btn:hover{color:#fff;background:#d4af3733;border-color:#d4af37}.booklet-dot-btn.active{color:#111;background:#d4af37;border-color:#f1c40f;font-weight:700;box-shadow:0 0 12px #d4af3780}.booklet-dot-btn.taken{opacity:.4;cursor:default;text-decoration:line-through}.booklet-action-row{justify-content:center;width:100%;margin-top:.25rem;display:flex}.booklet-select-btn{font-size:1.2rem;font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;cursor:pointer;border-radius:8px;padding:.85rem 3rem;transition:all .2s}.booklet-select-btn.ready{color:#000;background:linear-gradient(135deg,#d4af37 0%,#aa820a 100%);border:1px solid #f1c40f;font-weight:700;box-shadow:0 4px 20px #d4af3766}.booklet-select-btn.ready:hover{background:linear-gradient(135deg,#e5c04b 0%,#ba9112 100%);transform:translateY(-2px);box-shadow:0 6px 26px #d4af3799}.booklet-select-btn.ready:active{transform:translateY(0)}.booklet-select-btn.disabled{color:#666;cursor:not-allowed;background:#ffffff14;border:1px solid #ffffff1a}@media (width<=768px){.hero-booklet-stage{flex-direction:column}.booklet-nav-btn{display:none}.hero-booklet{flex-direction:column}.booklet-page{width:100%;max-width:100%}.booklet-page-left,.booklet-hero-portrait{min-height:300px}.booklet-spine{width:100%;height:8px}.booklet-spine-line{width:100%;height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}}.patches-viewer-layout{background:var(--bg-dark,#0d0d12);width:100%;height:100vh;color:var(--text-main,#e2e8f0);display:flex;position:relative;overflow:hidden}.patches-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a0a0fbf;border-right:1px solid #d4af3726;flex-direction:column;flex-shrink:0;width:320px;display:flex}.patches-sidebar-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.patches-sidebar-header h2{font-family:var(--font-heading,"Cinzel", serif);color:var(--text-accent,#fbbf24);letter-spacing:1px;align-items:center;gap:.6rem;margin:0;font-size:1.25rem;display:flex}.patches-version-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;flex:auto;gap:.6rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}.sidebar-content .patches-version-list{flex:none;padding:0;overflow:visible}.patches-version-item{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:.35rem;padding:1rem;transition:all .2s;display:flex}.patches-version-item:hover{background:#d4af3714;border-color:#d4af374d;transform:translate(4px)}.patches-version-item.active{border-color:var(--text-accent,#fbbf24);background:linear-gradient(135deg,#c2292933,#d4af3726);box-shadow:0 0 15px #d4af3726}.patches-item-top{justify-content:space-between;align-items:center;display:flex}.patches-item-version{font-family:var(--font-heading,"Cinzel", serif);color:#fff;font-size:1.05rem;font-weight:700}.patches-version-item.active .patches-item-version{color:var(--text-accent,#fbbf24)}.patches-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:800}.patches-badge.hotfix{color:#f87171;background:#ef444440;border:1px solid #ef444466}.patches-badge.major{color:#c084fc;background:#a855f740;border:1px solid #a855f766}.patches-badge.balance{color:#60a5fa;background:#3b82f640;border:1px solid #3b82f666}.patches-item-title{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.patches-item-date{color:#64748b;font-size:.75rem}.patches-main-container{background:radial-gradient(circle at 100% 0,#c2292914,#0000 60%),radial-gradient(circle at 0 100%,#d4af370d,#0000 50%);flex-direction:column;flex:1;display:flex;overflow:hidden}.patches-main-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d1299;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.patches-main-title-wrap h1{font-family:var(--font-heading,"Cinzel", serif);color:#fff;letter-spacing:2px;text-shadow:0 0 20px #d4af374d;margin:0;font-size:1.6rem}.patches-main-content{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1000px;margin:0 auto;padding:2rem;display:flex;overflow-y:auto}.patches-version-banner{background:linear-gradient(135deg,#1a1a24cc,#14141cf2);border:1px solid #d4af3740;border-radius:12px;padding:1.75rem;position:relative;box-shadow:0 8px 30px #00000080}.patches-banner-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.patches-banner-title-area{align-items:center;gap:.8rem;display:flex}.patches-banner-version{font-family:var(--font-heading,"Cinzel", serif);color:var(--text-accent,#fbbf24);font-size:1.75rem;font-weight:800}.patches-banner-name{color:#f1f5f9;font-size:1.2rem;font-weight:600}.patches-banner-date{color:#94a3b8;font-size:.9rem}.patches-banner-summary{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.patches-filter-bar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.patches-filter-chip{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;transition:all .2s;display:flex}.patches-filter-chip:hover{color:#fff;background:#ffffff14}.patches-filter-chip.active{border-color:var(--text-accent,#fbbf24);color:var(--text-accent,#fbbf24);background:#d4af372e;font-weight:600}.patches-search-container{align-items:center;margin-left:auto;display:flex}.patches-search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;outline:none;min-width:200px;padding:.45rem 1rem;font-family:inherit;font-size:.85rem;transition:all .2s}.patches-search-input:focus{border-color:var(--text-accent,#fbbf24);background:#ffffff14;box-shadow:0 0 10px #d4af3733}.patches-search-input::placeholder{color:#64748b;font-family:inherit}.patches-category-section{flex-direction:column;gap:.85rem;display:flex}.patches-category-header{font-family:var(--font-heading,"Cinzel", serif);color:#e2e8f0;border-bottom:1px solid #ffffff14;align-items:center;gap:.6rem;margin-top:.5rem;padding-bottom:.5rem;font-size:1.15rem;display:flex}.patches-category-icon{font-size:1.25rem}.patches-cards-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.patches-change-card{background:#12121ab3;border:1px solid #ffffff0f;border-left:3px solid #64748b;border-radius:8px;flex-direction:column;gap:.4rem;padding:1.1rem 1.25rem;transition:all .2s;display:flex}.patches-change-card:hover{background:#181822e6;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.patches-change-card.bug{border-left-color:#ef4444}.patches-change-card.feature{border-left-color:#a855f7}.patches-change-card.balance{border-left-color:#3b82f6}.patches-change-card.system{border-left-color:#10b981}.patches-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.patches-card-title{color:#f8fafc;font-size:.95rem;font-weight:700}.patches-type-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.patches-type-tag.bug{color:#f87171;background:#ef444426}.patches-type-tag.feature{color:#c084fc;background:#a855f726}.patches-type-tag.balance{color:#60a5fa;background:#3b82f626}.patches-type-tag.system{color:#34d399;background:#10b98126}.patches-card-desc{color:#94a3b8;margin:0;font-size:.88rem;line-height:1.5}.patches-no-items{text-align:center;color:#64748b;background:#ffffff05;border:1px dashed #ffffff14;border-radius:8px;padding:2rem;font-size:.9rem}.patches-sidebar-toggle{background:var(--glass-bg,#0f0f1299);border:1px solid var(--text-accent,#d4af37);color:var(--text-accent,#d4af37);font-family:var(--font-heading,"Cinzel", serif);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition,all .3s ease);border-radius:4px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;display:flex}.patches-sidebar-toggle:hover{background:#d4af3726;box-shadow:0 0 10px #d4af374d}@media (width<=768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.patches-viewer-layout{flex-direction:column;height:100dvh}.patches-main-header{justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.patches-main-title-wrap{display:none}.patches-main-container{flex:1;min-height:0;overflow:hidden}.patches-main-content{padding:.85rem .75rem;padding-bottom:calc(2.5rem + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;gap:.9rem;overflow-y:auto}.patches-version-banner{border-radius:8px;padding:.9rem 1rem}.patches-banner-header{gap:.5rem;margin-bottom:.4rem}.patches-banner-version{font-size:1.3rem}.patches-banner-summary{font-size:.85rem;line-height:1.45}.patches-filter-bar{gap:.35rem}.patches-filter-chip{padding:.3rem .65rem;font-size:.75rem}.patches-search-container{width:100%;margin-top:.25rem;margin-left:0}.patches-search-input{width:100%;min-width:unset;padding:.45rem .85rem;font-size:.85rem}.patches-category-header{padding-bottom:.35rem;font-size:1rem}.patches-change-card{padding:.8rem .95rem}.patches-card-title{font-size:.9rem}.patches-card-desc{font-size:.82rem}}.manual-layout{background:var(--bg-dark);width:100%;height:100dvh;display:flex;overflow:hidden}.manual-desktop-sidebar{background:#0006;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:320px;padding:2rem 1rem;display:flex}.sidebar-static-header{border-bottom:1px solid #ffffff0d;margin-bottom:1.5rem;padding:0 1rem 1.5rem}.sidebar-static-header h3{color:var(--text-accent);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;font-size:1.2rem}.player-manual-container{background:radial-gradient(circle at 100% 0,#c229290d,#0000);flex-direction:column;flex:1;gap:2rem;padding-inline:2rem;display:flex;overflow:hidden}.manual-header{border-bottom:2px solid var(--primary);grid-template-columns:180px 1fr 180px;align-items:center;padding-block:1.5rem;display:grid}.mobile-only{display:none}.index-sidebar-toggle{background:var(--glass-bg);border:1px solid var(--text-accent);color:var(--text-accent);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition);border-radius:4px;justify-self:end;padding:.6rem 1.2rem;font-size:.8rem}.index-sidebar-toggle:hover{background:#d4af371a;box-shadow:0 0 10px #d4af3733}.back-btn{color:var(--text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-self:start;align-items:center;gap:.5rem;display:flex}.manual-title{font-family:var(--font-heading);color:var(--text-main);letter-spacing:2px;text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:1.8rem;overflow:hidden}.manual-sidebar-list{flex-direction:column;gap:.4rem;padding-right:.5rem;display:flex;overflow-y:auto}.manual-sidebar-list::-webkit-scrollbar{width:4px}.manual-sidebar-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-section-item{text-align:left;transition:var(--transition);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;gap:1rem;width:100%;padding:.8rem 1rem;display:flex}.sidebar-section-item:hover{background:#ffffff0d}.sidebar-section-item.active{border:1px solid var(--primary-glow);border-left:3px solid var(--primary);background:linear-gradient(90deg,#c2292933,#0000)}.section-num{color:var(--text-accent);font-family:var(--font-heading);min-width:25px;font-size:.9rem}.section-title{color:var(--text-main);letter-spacing:.01rem;font-size:1rem}.sidebar-section-item.active .section-title{color:#fff;font-weight:600}.manual-section-view{background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;flex-direction:column;flex:1;gap:1.5rem;padding:2.5rem;display:flex;overflow:hidden}.section-content{scrollbar-gutter:stable;flex:1;padding-right:1.5rem;overflow-y:auto}.manual-section-detail h3{color:var(--text-accent);border-left:4px solid var(--primary);font-size:1.5rem;font-family:var(--font-heading);margin:2rem 0 1rem;padding-left:1rem}.manual-section-detail h3:first-child{margin-top:0}.manual-section-detail p{color:var(--text-muted);text-align:justify;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.manual-list{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.manual-list li{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:1rem 1rem 1rem 3rem;font-size:1.1rem;position:relative}.manual-list li:before{content:"|";color:var(--primary);background-color:var(--primary);height:calc(100% - 2.6rem);font-size:.5rem;position:absolute;top:1.3rem;left:1rem}.manual-list li strong{color:var(--text-main);font-family:var(--font-heading)}.manual-sublist{background:#00000040;border:1px solid #ffffff08;border-radius:6px;gap:1rem;margin:.5rem 0 0;padding:1rem;list-style-type:none;display:flex}.manual-sublist li{flex:1;background:#ffffff05!important;border-radius:6px!important;padding:.75rem 1rem!important;font-size:.95rem!important}.manual-sublist li:before{display:none!important}@media (width<=768px){.manual-sublist{flex-direction:column;gap:.5rem;padding:.5rem}}.manual-navigation-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.nav-btn{border:1px solid var(--border-color);color:#fff;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);letter-spacing:1px;background:0 0;border-radius:6px;padding:.8rem 2rem;font-size:.9rem}.nav-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.nav-btn:disabled{opacity:.2;cursor:not-allowed}.page-indicator{color:var(--text-muted);font-size:.9rem;font-style:italic}.animate-slide-in{animation:.3s ease-out slideIn}.section-content::-webkit-scrollbar{width:6px}.section-content::-webkit-scrollbar-track{background:#0000001a}.section-content::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.manual-formula{border:1px dashed var(--primary);color:var(--primary);font-family:var(--font-heading);text-align:center;letter-spacing:2px;background:#0006;border-radius:8px;margin:1.5rem 0;padding:1.5rem;font-size:1.4rem;box-shadow:inset 0 0 15px #f443361a}.manual-table-wrapper{scrollbar-width:thin;scrollbar-color:var(--primary) #0003;background:#0003;border:1px solid #ffffff0d;border-radius:12px;margin:1.5rem 0;overflow-x:auto;box-shadow:0 4px 15px #0003}.manual-table-wrapper::-webkit-scrollbar{height:6px}.manual-table-wrapper::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.manual-table-wrapper::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.manual-table{border-collapse:collapse;text-align:left;table-layout:auto;width:max-content;min-width:100%}.manual-table th{color:var(--primary);font-family:var(--font-heading);border-bottom:2px solid var(--primary);white-space:nowrap;background:#c229291a;padding:1.2rem;font-size:1rem}.manual-table td{color:var(--text-muted);transition:var(--transition);border-bottom:1px solid #ffffff0d;padding:1.2rem;font-size:1rem}.manual-table tr:hover td{color:#fff;background:#ffffff05}.manual-table tr:last-child td{border-bottom:none}.manual-footer{text-align:center;padding:1rem}.manual-footer p{color:var(--text-muted);font-family:var(--font-heading);opacity:.5;font-size:.8rem}@media (width<=1024px){.manual-desktop-sidebar{display:none}.mobile-only{display:block}.player-manual-container{padding:1rem 2rem}.manual-header{grid-template-columns:auto 1fr auto;gap:1rem}}@media (width<=768px){.player-manual-container{gap:0;padding:0}.manual-header{border-bottom:1px solid var(--primary);background:#0003;grid-template-columns:1fr 1fr;grid-template-areas:"back index""title title";align-items:center;gap:.8rem;padding:1rem;display:grid}.manual-title{text-align:center;white-space:normal;grid-area:title;margin-top:.2rem;font-size:1.2rem;overflow:visible}.index-sidebar-toggle{grid-area:index;justify-self:end;padding:.5rem .8rem;font-size:.7rem}.back-btn{grid-area:back;justify-self:start;font-size:.7rem}.manual-section-view{border-inline:none;border-radius:0;flex-direction:column;flex:1;padding:1.5rem 0 1.5rem 1.5rem;display:flex}.section-content{padding-right:1.5rem}.manual-section-detail h3{margin-top:1.5rem;font-size:1.2rem}.manual-section-detail p{font-size:1rem}.manual-list li{padding-left:2.5rem;font-size:.95rem}.manual-navigation-footer{width:calc(100% - 1.5rem);margin-top:auto;padding-top:1rem}.nav-btn{padding:.6rem 1.2rem;font-size:.8rem}.manual-footer{background:var(--bg-darker);padding:.8rem}}.manual-class-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:2rem;padding:1.8rem;transition:all .3s;box-shadow:0 4px 20px #00000026}.manual-class-section:hover{background:#ffffff0a;border-color:#c229294d}.manual-class-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.manual-class-avatar{filter:drop-shadow(0 0 8px #ffffff1a);font-size:2.2rem}.manual-class-meta{flex-direction:column;gap:.2rem;display:flex}.manual-class-title{font-family:var(--font-heading);color:#fff;letter-spacing:1px;font-size:1.4rem;margin:0!important}.manual-badge{font-size:.75rem;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;border-radius:4px;width:fit-content;padding:.2rem .6rem;font-weight:600;display:inline-block}.manual-badge.ira{color:#ff9800;background:#e6510026;border:1px solid #e651004d}.manual-badge.energia{color:#8bc34a;background:#4caf5026;border:1px solid #4caf504d}.manual-badge.mana{color:#00bcd4;background:#03a9f426;border:1px solid #03a9f44d}.manual-abilities-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;display:grid}.manual-ability-card{background:#0003;border:1px solid #ffffff08;border-radius:8px;flex-direction:column;gap:.8rem;padding:1.2rem;transition:all .2s;display:flex}.manual-ability-card:hover{background:#00000059;border-color:#ffffff14;transform:translateY(-2px)}.manual-ability-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.manual-ability-name{font-family:var(--font-heading);color:var(--text-main);font-size:1.05rem;font-weight:600}.manual-badge.cost{color:var(--text-accent);background:#ffffff0f;border:1px solid #ffffff1a;padding:.15rem .4rem;font-size:.7rem}.manual-ability-desc{color:var(--text-muted)!important;text-align:left!important;margin:0!important;font-size:.9rem!important;line-height:1.5!important}.remote-dashboard-wrapper{background:var(--bg-darker);box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;min-height:100vh;padding:10px;display:flex}.remote-dashboard-wrapper .turn-vitals-panel{background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);width:100%!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:1.5rem!important}.remote-dashboard-wrapper .stats-mini-grid{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}.remote-master-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex}.remote-session-info{font-family:var(--font-heading);color:var(--text-accent);letter-spacing:1px;font-size:.8rem}.btn-change-hero-remote{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff0d;border-radius:4px;padding:4px 8px;font-size:.7rem}.remote-hero-selection{flex-direction:column;align-items:center;gap:2rem;padding:2rem;display:flex}.hero-select-grid{flex-direction:column;gap:1rem;width:100%;display:flex}.hero-select-card-original{background:var(--glass-bg);border:var(--glass-border);cursor:pointer;transition:var(--transition);align-items:center;gap:1rem;padding:1.5rem;display:flex}.hero-select-card-original:hover{border-color:var(--primary);background:#c229291a}.remote-dashboard .turn-card-stats{flex-direction:column;gap:.5rem;display:flex}.remote-notification-overlay{z-index:99999;pointer-events:none;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.remote-notification-backdrop{-webkit-backdrop-filter:blur(10px);background:radial-gradient(circle,#0a0a12c7 0%,#020205f2 100%);animation:.4s ease-out remoteBackdropFade;position:absolute;inset:0}@keyframes remoteBackdropFade{0%{opacity:0}to{opacity:1}}.remote-notification-panel{z-index:2;scrollbar-width:thin;scrollbar-color:var(--primary) #00000080;background:linear-gradient(#161822f5 0%,#0c0e14fa 100%);border:1px solid #d4af3759;border-radius:16px;flex-direction:column;gap:1.5rem;width:100%;max-width:820px;max-height:88vh;padding:2.75rem 3rem 2rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 50px #000000e6,0 0 40px #ea580c40,inset 0 0 30px #000c,inset 0 1px #ffffff1a}.animate-pop-in{animation:.45s cubic-bezier(.16,1,.3,1) remotePopIn}@keyframes remotePopIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.remote-notification-panel.type-loot,.remote-notification-panel.type-chest{border-color:#eab3088c;box-shadow:0 20px 50px #000000e6,0 0 45px #eab30859,inset 0 0 25px #000c}.remote-notification-panel.type-trap,.remote-notification-panel.type-defeat,.remote-notification-panel.type-death{border-color:#ef44448c;box-shadow:0 20px 50px #000000e6,0 0 45px #dc262659,inset 0 0 25px #000c}.remote-notification-panel.type-bonfire{border-color:#f9731699;box-shadow:0 20px 50px #000000e6,0 0 45px #f9731666,inset 0 0 25px #000c}.panel-ornament.top-ornament{pointer-events:none;justify-content:center;align-items:center;gap:1rem;display:flex}.ornament-line{background:linear-gradient(90deg,#0000,#d4af3799,#0000);flex:1;height:2px}.heraldic-badge{background:radial-gradient(circle,#242838 0%,#0d0e15 100%);border:2px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 0 20px #d4af3766,0 4px 10px #000c}.heraldic-icon{filter:drop-shadow(0 0 6px #fff9);font-size:1.8rem;animation:2.5s ease-in-out infinite heraldicPulse}@keyframes heraldicPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.remote-notification-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.notification-tags-container{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.25rem;display:flex}.notification-tag-pill{letter-spacing:2px;text-transform:uppercase;color:#d4af37;background:#d4af371f;border:1px solid #d4af3766;border-radius:20px;padding:.2rem .75rem;font-size:.75rem;font-weight:700}.remote-notification-title{font-family:var(--font-heading), "Cinzel", serif;color:#fff;text-shadow:0 0 15px var(--primary-glow), 0 2px 4px #000000e6;letter-spacing:2px;text-transform:uppercase;margin:0;font-size:2.4rem;font-weight:800;line-height:1.2}.remote-notification-subtitle{color:var(--text-accent,#fbbf24);letter-spacing:1px;opacity:.95;text-shadow:0 0 10px #fbbf244d;margin:0;font-size:1.15rem;font-style:italic}.notification-character-bar{background:#0006;border:1px solid #ffffff1a;border-radius:30px;justify-content:center;align-self:center;align-items:center;gap:.75rem;padding:.4rem 1rem;display:flex}.character-avatar-mini{object-fit:cover;border:1px solid #d4af37;border-radius:50%;width:28px;height:28px}.character-name-label{color:#f1f5f9;letter-spacing:.5px;font-size:.95rem;font-weight:700}.character-class-badge{color:#94a3b8;font-size:.85rem;font-style:italic}.remote-notification-body{flex-direction:column;gap:1.25rem;display:flex}.notification-content-scroll{background:#05060aa6;border:1px solid #ffffff14;border-left:3px solid #d4af37;border-radius:8px;padding:1.25rem 1.5rem;box-shadow:inset 0 2px 10px #0009}.notification-text-paragraph{color:#e2e8f0;text-align:justify;letter-spacing:.3px;margin:0;font-family:inherit;font-size:1.15rem;line-height:1.6}.notification-stats-container{background:#0a0c12b3;border:1px solid #d4af3740;border-radius:10px;flex-direction:column;gap:.65rem;padding:1rem 1.25rem;display:flex;box-shadow:inset 0 2px 8px #00000080}.notification-stats-header{justify-content:space-between;align-items:center;display:flex}.stats-header-title{letter-spacing:1.5px;color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:800}.stats-points-badge{color:#fbbf24;letter-spacing:.5px;background:#fbbf2426;border:1px solid #fbbf2466;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:800;animation:2s infinite pulse}.notification-stats-grid{grid-template-columns:repeat(6,1fr);gap:.6rem;display:grid}.notification-stat-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.55rem .35rem;transition:all .2s;display:flex}.notification-stat-card:hover{background:#d4af3714;border-color:#d4af3759}.stat-key-label{color:#94a3b8;letter-spacing:1px;font-size:.75rem;font-weight:700}.stat-val-number{color:#f1f5f9;font-family:inherit;font-size:1.3rem;font-weight:800}.notification-roll-card{background:#0f111ad9;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 15px #0006}.notification-roll-card.is-success{background:linear-gradient(90deg,#22c55e26,#0f111ae6);border-color:#22c55e99}.notification-roll-card.is-pifia,.notification-roll-card.is-fail{background:linear-gradient(90deg,#ef444426,#0f111ae6);border-color:#ef444499}.roll-dice-badge{background:#0f172a;border:2px solid #d4af37;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 0 15px #d4af374d}.dice-type-label{text-transform:uppercase;color:#94a3b8;font-size:.65rem;font-weight:800}.dice-result-val{font-family:var(--font-heading), serif;color:#fff;font-size:1.6rem;font-weight:900;line-height:1}.roll-meta{flex-direction:column;gap:.25rem;display:flex}.roll-dc-text{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.roll-status-text{font-family:var(--font-heading), serif;letter-spacing:1.5px;text-transform:uppercase;color:#f8fafc;font-size:1.35rem;font-weight:800}.is-success .roll-status-text{color:#4ade80;text-shadow:0 0 10px #4ade8066}.is-pifia .roll-status-text,.is-fail .roll-status-text{color:#f87171;text-shadow:0 0 10px #f8717166}.notification-items-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.notification-item-card{background:#12141de6;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;transition:transform .2s;display:flex;box-shadow:0 6px 15px #00000080}.notification-item-card.tier-0{border-color:#f97316;box-shadow:0 0 15px #f9731640}.notification-item-card.tier-1{border-color:#94a3b8}.notification-item-card.tier-2{border-color:#22c55e;box-shadow:0 0 15px #22c55e40}.notification-item-card.tier-3{border-color:#3b82f6;box-shadow:0 0 18px #3b82f659}.notification-item-card.tier-4{background:linear-gradient(145deg,#1e1230eb,#0f111af2);border-color:#a855f7;box-shadow:0 0 25px #a855f773}.item-card-header{justify-content:space-between;align-items:center;display:flex}.item-tier-badge{text-transform:uppercase;letter-spacing:1px;background:#00000080;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:800}.tier-0 .item-tier-badge{color:#f97316;border:1px solid #f97316}.tier-1 .item-tier-badge{color:#94a3b8;border:1px solid #94a3b8}.tier-2 .item-tier-badge{color:#22c55e;border:1px solid #22c55e}.tier-3 .item-tier-badge{color:#3b82f6;border:1px solid #3b82f6}.tier-4 .item-tier-badge{color:#a855f7;border:1px solid #a855f7}.item-category-badge{color:#cbd5e1;font-size:.75rem;font-style:italic}.item-card-body{align-items:center;gap:1rem;display:flex}.item-icon-box{background:#0009;border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.item-fallback-icon{font-size:1.8rem}.item-info-col{flex-direction:column;gap:.25rem;min-width:0;display:flex}.item-name-heading{font-family:var(--font-heading), serif;color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:700;overflow:hidden}.item-desc-snippet{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-rewards-bar{flex-wrap:wrap;justify-content:center;gap:1rem;padding-top:.5rem;display:flex}.reward-pill{font-family:var(--font-heading), serif;letter-spacing:.5px;border-radius:25px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 12px #00000080}.embers-pill{color:#fdba74;text-shadow:0 0 8px #ea580c80;background:linear-gradient(135deg,#ea580c40,#7c2d1266);border:1px solid #ea580c}.xp-pill{color:#d8b4fe;text-shadow:0 0 8px #a855f780;background:linear-gradient(135deg,#a855f740,#581c8766);border:1px solid #a855f7}.soul-pill{color:#93c5fd;text-shadow:0 0 8px #3b82f680;background:linear-gradient(135deg,#3b82f640,#1e3a8a66);border:1px solid #3b82f6}.custom-pill{color:#e2e8f0;background:#ffffff14;border:1px solid #fff3}.remote-notification-footer{text-align:center;border-top:1px solid #d4af3733;margin-top:.25rem;padding-top:.85rem}.footer-flourish{color:#d4af3799;letter-spacing:2px;text-transform:uppercase;font-size:.8rem;font-family:var(--font-heading), serif;justify-content:center;align-items:center;gap:.75rem;display:flex}.flourish-symbol{color:#ea580c;font-size:.7rem}.remote-notification-panel.type-compass{border-color:#38bdf899;box-shadow:0 20px 50px #000000e6,0 0 45px #38bdf859,inset 0 0 25px #000c}.remote-compass-container{justify-content:center;margin:1rem 0;display:flex}.remote-compass-dial{background:radial-gradient(circle,#0f172a 0%,#020617 100%);border:3px solid #38bdf8;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative;box-shadow:inset 0 0 25px #38bdf859,0 0 35px #38bdf866}.remote-compass-dial .compass-point-n{color:#38bdf8;font-size:1rem;font-weight:700;position:absolute;top:8px}.remote-compass-dial .compass-point-e{color:#94a3b8;font-size:1rem;font-weight:700;position:absolute;right:10px}.remote-compass-dial .compass-point-s{color:#94a3b8;font-size:1rem;font-weight:700;position:absolute;bottom:8px}.remote-compass-dial .compass-point-o{color:#94a3b8;font-size:1rem;font-weight:700;position:absolute;left:10px}.remote-compass-dial .compass-dial-ring{border:1px dashed #94a3b84d;border-radius:50%;width:160px;height:160px;position:absolute}.remote-compass-dial .compass-needle-wrapper{justify-content:center;align-items:center;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute}.remote-compass-dial .compass-needle-north{filter:drop-shadow(0 0 8px #38bdf8e6);border-bottom:75px solid #38bdf8;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;position:absolute;top:30px}.remote-compass-dial .compass-needle-south{border-top:75px solid #64748b;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;position:absolute;bottom:30px}.remote-compass-dial .compass-center-gem{z-index:2;background:linear-gradient(135deg,#fbbf24,#d97706);border:2px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #fbbf24}.remote-map3d-wrapper{color:#e2e8f0;background-color:#050608;width:100vw;height:100vh;font-family:Cinzel,Trajan Pro,Inter,serif;position:relative;overflow:hidden}.remote-map3d-loading{color:gold;background:#090a0f;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.remote-map3d-loading .spinner{border:4px solid #ffd7001a;border-top-color:gold;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.remote-map3d-hud{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:20px;right:20px}.remote-hud-badge{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c12d9;border:1px solid #d4af374d;border-radius:8px;align-items:center;gap:12px;padding:6px 12px;display:flex;box-shadow:0 4px 20px #0009}.remote-hud-title{color:#d4af37;letter-spacing:1.5px;text-transform:uppercase;border-right:1px solid #ffffff26;padding-right:8px;font-size:.95rem;font-weight:700}.remote-hud-session{color:#94a3b8;font-size:.85rem}.remote-hud-session strong{color:gold;letter-spacing:1px}.remote-hud-right,.remote-hud-left{pointer-events:auto;align-items:center;gap:.5rem;display:flex}.remote-hud-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e1;background:#0a0c12d9;border:1px solid #22c55e4d;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;display:flex}.remote-hud-status.offline{color:#fca5a5;background:#dc262626;border-color:#ef444466}.status-dot{background-color:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e}.status-dot.offline{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.fullscreen-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:gold;cursor:pointer;background:#0a0c12d9;border:1px solid #d4af374d;border-radius:8px;align-items:center;gap:12px;padding:6px 12px;transition:all .2s;display:flex;box-shadow:0 4px 20px #0009}.fullscreen-btn:hover{background:#d4af3733;border-color:#ffd900c2}.remote-canvas-container{width:100%;height:100%}.remote-tick-timeline-container{z-index:100;-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#080a10e0;border:1px solid #d4af3759;border-radius:16px;flex-direction:column;align-items:center;gap:6px;max-width:90vw;padding:16px 22px;animation:.4s cubic-bezier(.16,1,.3,1) slideUpTimeline;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #000000bf,inset 0 1px 1px #ffffff1a}@keyframes slideUpTimeline{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.timeline-header{align-items:center;gap:8px;display:flex}.timeline-badge{color:gold;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 8px #ffd70080;font-size:.75rem;font-weight:800}.timeline-track-bar{align-items:flex-end;padding:0 4px;display:flex;position:relative}.timeline-track-line{z-index:1;background:linear-gradient(90deg,gold 0%,#00f3ff80 40%,#ffffff26 100%);height:2px;position:absolute;bottom:25px;left:20px;right:20px}.timeline-items-list{z-index:2;scrollbar-width:none;align-items:flex-end;gap:14px;padding:4px 8px;display:flex;position:relative;overflow:visible}.timeline-items-list::-webkit-scrollbar{display:none}.timeline-item{flex-direction:column;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.timeline-initials{letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;font-weight:800}.timeline-item.is-hero .timeline-initials{color:#00f3ff;text-shadow:0 0 6px #00f3ff99}.timeline-item.is-enemy .timeline-initials{color:#f55;text-shadow:0 0 6px #f559}.timeline-item.active-turn .timeline-initials{color:gold;text-shadow:0 0 10px #ffd700cc;font-size:.8rem}.timeline-icon-frame{background:#111520;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #00000080}.timeline-icon-frame.hero-frame{border-color:var(--class-color,#f0f);box-shadow:0 0 10px var(--class-color-glow,#f0f)}.timeline-icon-frame.enemy-frame{border-color:#716969;box-shadow:0 0 10px #ff151574}.timeline-item.active-turn .timeline-icon-frame{border-width:3px;border-color:gold;width:80px;height:80px;animation:2s ease-in-out infinite activeGlowPulse;box-shadow:0 0 12px #ffd700d9,inset 0 0 10px #ffd70066}@keyframes activeGlowPulse{0%,to{box-shadow:0 0 12px #ffd700d9,inset 0 0 10px #ffd70066}50%{box-shadow:0 0 20px gold,inset 0 0 15px #ffd70099}}.timeline-icon-img{object-fit:cover;width:100%;height:100%}.timeline-icon-fallback{background:radial-gradient(circle,#1e283c 0%,#0a0e16 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex}.timeline-item.active-turn .timeline-icon-fallback{font-size:1.6rem}.active-indicator-arrow{color:gold;text-shadow:0 0 8px gold;font-size:.75rem;animation:1.2s infinite bounceArrow;position:absolute;bottom:-14px}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.timeline-ap-badge{color:gold;letter-spacing:.5px;white-space:nowrap;background:#000000bf;border:1px solid #ffd70073;border-radius:10px;margin-top:4px;padding:1px 7px;font-size:.68rem;font-weight:800;box-shadow:0 0 8px #ffd70040}.timeline-ap-badge.spent-ap{color:#64748b;box-shadow:none;background:#0f172ab3;border-color:#64748b59}.timeline-item.is-spent{opacity:.38;filter:grayscale(85%);transform:scale(.92)}.timeline-item.is-spent:hover{opacity:.75;filter:grayscale(30%)}.remote-tick-timeline-container.mode-exploration{border-color:#00f3ff4d;box-shadow:0 10px 35px #000000bf,0 0 20px #00f3ff26}.remote-tick-timeline-container.mode-exploration .timeline-track-line{background:linear-gradient(90deg,gold 0%,#00f3ff99 50%,#ffffff1a 100%)}.remote-tension-card{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#0a0c12d9;border:1px solid #d4af3759;border-radius:12px;flex-direction:column;gap:8px;width:220px;padding:12px 14px;transition:all .3s;display:flex;position:absolute;top:60px;left:21px;box-shadow:0 8px 32px #000000b3}.remote-tension-header{justify-content:space-between;align-items:center;display:flex}.remote-tension-title{letter-spacing:1px;text-transform:uppercase;color:#94a3b8;font-size:.85rem;font-weight:700}.remote-tension-num{color:gold;letter-spacing:.5px;font-size:1rem;font-weight:800}.remote-tension-display{width:100%;display:flex}.remote-tension-bars{gap:6px;width:100%;height:10px;display:flex}.remote-t-bar{background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;flex:1;transition:all .4s}.remote-tension-card.tension-level-1 .remote-t-bar.active{background:#4caf50;border-color:#4caf50;box-shadow:0 0 10px #4caf50}.remote-tension-card.tension-level-2 .remote-t-bar.active{background:#ff9800;border-color:#ff9800;box-shadow:0 0 10px #ff9800}.remote-tension-card.tension-level-3 .remote-t-bar.active{background:#f44336;border-color:#f44336;box-shadow:0 0 10px #f44336}.remote-tension-card.tension-level-4{border-color:#9c27b0;animation:2s infinite remoteTensionPulse;box-shadow:0 0 20px #9c27b066}.remote-tension-card.tension-level-4 .remote-t-bar.active{background:#9c27b0;border-color:#9c27b0;box-shadow:0 0 15px #9c27b0}@keyframes remoteTensionPulse{0%,to{box-shadow:0 0 12px #9c27b04d}50%{box-shadow:0 0 24px #9c27b099}}.remote-tension-status{color:#cbd5e1;text-align:center;letter-spacing:.3px;margin:0;font-size:.9rem;font-weight:600}.remote-tension-card.tension-level-1 .remote-tension-status{color:#81c784}.remote-tension-card.tension-level-2 .remote-tension-status{color:#ffb74d}.remote-tension-card.tension-level-3 .remote-tension-status{color:#e57373}.remote-tension-card.tension-level-4 .remote-tension-status{color:#ce93d8;font-weight:700}.fullscreen-btn,.quality-btn{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a0c12d9;border:1px solid #d4af374d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #0009}.fullscreen-btn:hover,.quality-btn:hover{color:gold;background:#181c28f2;border-color:#d4af37;transform:translateY(-1px);box-shadow:0 0 12px #d4af3733}.quality-btn.quality-low{color:#38bdf8;border-color:#38bdf866}.quality-btn.quality-high{color:gold;border-color:#eab30899;box-shadow:0 0 12px #eab30833}.quality-btn.quality-default{color:#94a3b8;border-color:#94a3b84d}.timeline-last-action-bar{letter-spacing:.3px;justify-content:center;align-items:center;gap:8px;margin-top:10px;margin-left:auto;margin-right:auto;padding:8px;font-family:Outfit,Segoe UI,sans-serif;font-size:.92rem;animation:.35s cubic-bezier(.16,1,.3,1) slideDownAction;display:flex}@keyframes slideDownAction{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.action-badge-icon{font-size:1.1rem}.action-caster-name{color:#fff;font-weight:800}.timeline-last-action-bar.is-hero-action .action-caster-name{color:#60a5fa}.timeline-last-action-bar.is-enemy-action .action-caster-name{color:#fca5a5}.action-verb{color:#94a3b8;font-size:.85rem;font-style:italic}.action-title{letter-spacing:.5px;font-weight:800}.timeline-last-action-bar.is-hero-action .action-title{color:#fbbf24;text-shadow:0 0 10px #fbbf2466}.timeline-last-action-bar.is-enemy-action .action-title{color:#ef4444;text-shadow:0 0 10px #ef444466}.action-desc-snippet{color:#cbd5e1;opacity:.9;font-size:.8rem}.remote-draft-container{box-sizing:border-box;max-width:100vw;padding:1rem 1.5rem}.remote-draft-container .draft-wizard-panel{align-items:center;width:100%;max-width:1800px;margin:0 auto}@media (width>=768px){.remote-draft-container .hero-booklet-wrapper{flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex}.remote-draft-container .hero-booklet-stage{justify-content:center;width:100%;max-width:96vw;display:flex}.remote-draft-container .hero-booklet{border-width:3px;width:95vw;max-width:1400px;min-height:640px;box-shadow:0 20px 60px #000000e6,0 0 50px #d4af3733}.remote-draft-container .booklet-page-left,.remote-draft-container .booklet-hero-portrait{min-height:640px}.remote-draft-container .booklet-page-right{gap:1rem;padding:1.8rem 2.2rem}.remote-draft-container .booklet-role-title{font-size:2.3rem}.remote-draft-container .booklet-lore-text{font-size:1.05rem;line-height:1.5}.remote-draft-container .stat-val{font-size:1.4rem}.remote-draft-container .trait-card{padding:.8rem 1.1rem}.remote-draft-container .trait-name{font-size:1.15rem}.remote-draft-container .trait-desc{font-size:.96rem;line-height:1.45}.remote-draft-container .equip-row{font-size:.95rem}}@media (width>=1280px){.remote-draft-container .hero-booklet{max-width:1650px;min-height:740px}.remote-draft-container .booklet-page-left,.remote-draft-container .booklet-hero-portrait{min-height:740px}.remote-draft-container .booklet-role-title{font-size:2.7rem}.remote-draft-container .booklet-lore-text{font-size:1.15rem;line-height:1.55}.remote-draft-container .stat-cell{padding:.65rem}.remote-draft-container .stat-val{font-size:1.6rem}.remote-draft-container .trait-card{padding:1rem 1.3rem}.remote-draft-container .trait-name{font-size:1.25rem}.remote-draft-container .trait-desc,.remote-draft-container .equip-row{font-size:1.05rem}}.single-match-container{flex-direction:column;flex:1;align-self:stretch;gap:1.5rem;width:100%;max-width:1800px;margin:0 auto;padding:1.5rem 2rem;display:flex}.sidebar-content .mission-list{padding:0;overflow:visible}.animate-fade-in{animation:.5s ease-out fadeIn}.setup-header{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-sidebar-toggle{background:var(--glass-bg);border:1px solid var(--text-accent);color:var(--text-accent);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition);border-radius:4px;padding:.6rem 1.2rem;font-size:.8rem;display:none}.desktop-only{display:flex}.back-btn{color:var(--text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.back-btn:hover{color:var(--text-accent);transform:translate(-5px)}.layout-grid{grid-template-columns:400px 1fr;gap:2rem;height:80dvh;min-height:600px;display:grid}.mission-list-panel{background:var(--glass-bg);border:var(--glass-border);border-radius:8px;flex-direction:column;min-height:400px;max-height:80dvh;padding:1.5rem;display:flex;overflow:auto}.panel-title{color:var(--text-accent);border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:1rem;font-size:1.2rem}.mission-list{flex-direction:column;gap:.8rem;display:flex;overflow-y:auto}.mission-item{text-align:left;transition:var(--transition);background:#0000004d;border:1px solid #0000;border-radius:6px;width:100%;padding:1rem}.mission-item:hover{border-color:var(--border-color);background:#ffffff0d}.mission-item.active{border:1px solid var(--primary-glow);border-left:3px solid var(--primary);background:linear-gradient(90deg,#c2292933,#0000)}.mission-item-content{flex-direction:column;gap:.5rem;display:flex}.mission-item-content h4{color:var(--text-main);font-family:var(--font-heading);margin:0;font-size:1rem;font-weight:400}.mission-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02rem;background:#ffffff14;border-radius:12px;width:fit-content;padding:.3rem .5rem;font-size:.65rem}.mission-tag span{vertical-align:middle;vertical-align:-webkit-baseline-middle}.mission-details-panel{background:var(--bg-dark);border:var(--glass-border);border-radius:8px;position:relative;overflow:hidden}.details-card{flex-direction:column;height:100%;display:flex}.mission-header-image{border-bottom:2px solid var(--primary);background-position:50%;background-size:cover;height:300px;position:relative}.mission-header-image:after{content:"";background:linear-gradient(to top, var(--bg-dark), transparent);width:100%;height:50%;position:absolute;bottom:0;left:0}.image-overlay{z-index:2;position:absolute;top:1rem;right:1rem}.difficulty-badge{--color:var(--text-accent);border:1px solid var(--color);color:var(--color);font-family:var(--font-heading);text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:4px;padding:.4rem 1rem;font-size:.9rem}.difficulty-badge.tutorial{--color:#a855f7}.difficulty-badge.facil{--color:#61eb2bd3}.difficulty-badge.normal{--color:var(--text-accent)}.difficulty-badge.dificil{--color:var(--primary)}.mission-info{z-index:2;flex-direction:column;flex:1;padding:2rem;display:flex;position:relative}.mission-title{color:#fff;text-shadow:0 2px 4px #000c;margin-bottom:1rem;font-size:2.5rem}.mission-desc{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.objectives-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.objectives-section h4{color:var(--primary);margin-bottom:1rem;font-size:1.2rem}.objectives-section ul{flex-direction:column;gap:.8rem;padding:0;list-style:none;display:flex}.objectives-section li{color:var(--text-main);align-items:center;gap:.8rem;display:flex}.action-footer{justify-content:flex-end;gap:1rem;margin-top:auto;display:flex}.start-btn{background:linear-gradient(45deg, var(--primary), var(--primary-hover));color:#fff;font-family:var(--font-heading);letter-spacing:2px;box-shadow:0 0px 15px var(--primary-glow);transition:var(--transition);cursor:pointer;border:none;border-radius:4px;padding:1rem 3rem;font-size:1.2rem;font-weight:700}.start-btn:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.start-btn:active{transform:translateY(1px)}@media (width<=768px){.single-match-container{width:100%;height:auto;min-height:100dvh;padding:.85rem;padding-top:calc(.85rem + env(safe-area-inset-top,0px));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));justify-content:flex-start;align-self:stretch;gap:1rem}.layout-grid{flex-direction:column;flex:1;grid-template-columns:1fr;gap:1rem;height:auto;min-height:auto;display:flex}.mission-details-panel,.details-card{flex-direction:column;flex:1;display:flex}.mission-header-image{height:200px}.mission-info{flex-direction:column;flex:1;padding:1.25rem 1rem;display:flex}.mission-title{margin-bottom:.4rem;font-size:1.6rem}.mission-desc{margin-bottom:1rem;font-size:.95rem;line-height:1.45}.objectives-section{margin-bottom:1rem;padding:1rem}.objectives-section h4{margin-bottom:.5rem;font-size:1rem}.objectives-section li{font-size:.9rem}.action-footer{margin-top:auto;padding-top:.5rem}.start-btn{width:100%;padding:1rem;font-size:1.1rem}.desktop-only{display:none!important}.mobile-sidebar-toggle{display:block}.back-btn{font-size:.8rem}}.floors-stat{color:var(--text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;border-left:2px solid var(--text-accent);align-items:center;gap:.5rem;margin-bottom:1.2rem;padding-left:.8rem;font-size:.85rem;display:inline-flex}.floors-stat strong{color:var(--text-accent)}