@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-dragon-gauntlet{background-image:url(/icons/a-dragon-gauntlet.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-pirate-coat{background-image:url(/icons/a-pirate-coat.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-boots{background-image:url(/icons/a-sacred-boots.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-ski-boot{background-image:url(/icons/a-ski-boot.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-spiked-fist{background-image:url(/icons/a-spiked-fist.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-triangled-gloves{background-image:url(/icons/a-triangled-gloves.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-acrobatic{background-image:url(/icons/acrobatic.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-beams-aura{background-image:url(/icons/beams-aura.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-blade-drag{background-image:url(/icons/blade-drag.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-burning-passion{background-image:url(/icons/burning-passion.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-metal-plate{background-image:url(/icons/c-metal-plate.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-rock{background-image:url(/icons/c-rock.png)}.icon-c-rolled-cloth{background-image:url(/icons/c-rolled-cloth.png)}.icon-c-rope-coil{background-image:url(/icons/c-rope-coil.png)}.icon-c-sewing-string{background-image:url(/icons/c-sewing-string.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-glowing-hands{background-image:url(/icons/glowing-hands.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-hammer-drop{background-image:url(/icons/hammer-drop.png)}.icon-headshot{background-image:url(/icons/headshot.png)}.icon-heart-inside{background-image:url(/icons/heart-inside.png)}.icon-help{background-image:url(/icons/help.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-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-on-sight{background-image:url(/icons/on-sight.png)}.icon-one-eyed{background-image:url(/icons/one-eyed.png)}.icon-pawn{background-image:url(/icons/pawn.png)}.icon-perspective-dice-six-faces-one{background-image:url(/icons/perspective-dice-six-faces-one.png)}.icon-pointy-sword{background-image:url(/icons/pointy-sword.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-skeleton-key{background-image:url(/icons/skeleton-key.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-split-body{background-image:url(/icons/split-body.png)}.icon-sprint{background-image:url(/icons/sprint.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-sword-wound{background-image:url(/icons/sword-wound.png)}.icon-tear-tracks{background-image:url(/icons/tear-tracks.png)}.icon-terror{background-image:url(/icons/terror.png)}.icon-two-shadows{background-image:url(/icons/two-shadows.png)}.icon-unstable-orb{background-image:url(/icons/unstable-orb.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-bat-leth{background-image:url(/icons/w-bat-leth.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-bo{background-image:url(/icons/w-bo.png)}.icon-w-bone-knife{background-image:url(/icons/w-bone-knife.png)}.icon-w-bone-mace{background-image:url(/icons/w-bone-mace.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-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-lunar-wand{background-image:url(/icons/w-lunar-wand.png)}.icon-w-mace-head{background-image:url(/icons/w-mace-head.png)}.icon-w-magic-trident{background-image:url(/icons/w-magic-trident.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-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-thor-hammer{background-image:url(/icons/w-thor-hammer.png)}.icon-w-totem{background-image:url(/icons/w-totem.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-wood-club{background-image:url(/icons/w-wood-club.png)}.icon-w-zeus-sword{background-image:url(/icons/w-zeus-sword.png)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.view-main-menu{background:radial-gradient(80% 30% at 50% 108%,#d977063d 0%,#b4530924 28%,#991b1b14 55%,#0000 85%),radial-gradient(95% 50% at 50% 100%,#991b1b24 0%,#581c1c0a 50%,#0000 80%),radial-gradient(85% 35% at 50% -5%,#38bdf814 0%,#1e3a8a0d 45%,#0000 75%),linear-gradient(#080d14 0%,#06090e 20%,#040406 40% 60%,#0e0606 78%,#140905 90%,#1a0d07 100%)}.main-content{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.main-menu-container{box-sizing:border-box;flex-direction:column;align-self:stretch;align-items:center;gap:2rem;width:100%;max-width:680px;min-height:100vh;padding:1.5rem 1rem 1rem;animation:1s ease-out fadeIn;display:flex}.title-section{text-align:center;flex-direction:column;align-items:center;margin-top:auto;display:flex;position:relative}.logo-title-lockup{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.main-menu-logo-bg{object-fit:contain;filter:drop-shadow(0 0 10px #fbbf244d);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;width:200px;height:200px;position:absolute;left:50%;transform:translate(-50%)translateY(-25%)}.main-title{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:4px;-webkit-text-stroke:1.5px #000000f2;paint-order:stroke fill;text-shadow:0 0 8px #000, 0 0 16px #000, 0 2px 20px #000, 0 4px 30px #000, 0 0 45px #000, 0 0 25px var(--primary-glow);margin:0;font-size:3.2rem;line-height:1.1;position:relative}.subtitle{z-index:2;color:var(--text-accent);letter-spacing:1.5px;text-shadow:0 2px 10px #000000e6;margin-top:.4rem;font-size:1.4rem;font-style:italic;position:relative}.main-menu-version-tag{z-index:2;color:var(--accent,#fbbf24);letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fbbf241f;border:1px solid #fbbf244d;border-radius:9999px;align-items:center;gap:.35rem;margin-top:.4rem;padding:.15rem .65rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.main-menu-version-tag:hover{background:#fbbf2440;transform:translateY(-1px);box-shadow:0 0 12px #fbbf2459}.menu-options{flex-direction:column;gap:.5rem;width:100%;max-width:340px;margin-block:.4rem;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{box-sizing:border-box;background-blend-mode:normal, overlay;width:100%;color:var(--text-main);font-size:.95rem;font-family:var(--font-heading);letter-spacing:1.5px;transition:var(--transition);text-shadow:0 2px 4px #000000e6,0 0 8px #0009;background-color:#0d0f1480;background-image:linear-gradient(#161a22d1 0%,#0a0c10eb 100%),url(/stone_texture.png);background-repeat:no-repeat,repeat;background-size:cover,320px 320px;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;height:auto;padding:.8rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #000c,0 4px 12px #000000a6}.menu-btn:before{content:"";width:100%;height:100%;transition:var(--transition);pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#0000);position:absolute;top:0;left:-100%}.menu-btn:hover{color:#fff;background-image:linear-gradient(#221c14c2 0%,#100c0ae6 100%),url(/stone_texture.png);border-color:#fbbf248c;transform:translateY(-2px);box-shadow:inset 0 1px #fbbf2440,inset 0 -1px #000000e6,0 0 15px #fbbf2433,0 6px 16px #000000b3}.menu-btn:hover:before{transition:all .7s;left:100%}.menu-btn:active{transform:translateY(0)}.resume-btn{background-blend-mode:normal, overlay;background-color:#0f0d0a;background-image:linear-gradient(#2e2414bd 0%,#120e0ae6 100%),url(/stone_texture.png);background-repeat:no-repeat,repeat;background-size:cover,320px 320px;border-color:#d4af3773;box-shadow:inset 0 1px #d4af374d,inset 0 -1px #000000d9,0 4px 14px #000000a6,0 0 12px #d4af371f}.resume-btn:hover{background-image:linear-gradient(#3e3018c7 0%,#18120ce6 100%),url(/stone_texture.png);border-color:#d4af37;box-shadow:inset 0 1px #d4af3780,inset 0 -1px #000000e6,0 0 20px #d4af3759,0 6px 18px #000000b3}.join-btn{background-blend-mode:normal, overlay;background-color:#120d0b80;background-image:linear-gradient(#301a12bd 0%,#120c0ae6 100%),url(/stone_texture.png);background-repeat:no-repeat,repeat;background-size:cover,320px 320px;border-color:#ff7f4d33;box-shadow:inset 0 1px #ff7f4d40,inset 0 -1px #000000d9,0 4px 14px #000000a6,0 0 12px #ff7f4d1a}.join-btn:hover{background-image:linear-gradient(#402016c7 0%,#180e0ce6 100%),url(/stone_texture.png);border-color:#ff624d;box-shadow:inset 0 1px #ff7f4d73,inset 0 -1px #000000e6,0 0 20px #ff9d4d59,0 6px 18px #000000b3}.menu-join-form{flex-direction:column;gap:.5rem;width:100%;animation:.25s ease-out fadeIn;display:flex}.menu-join-input-wrap{background:var(--glass-bg);transition:var(--transition);box-sizing:border-box;border:1px solid #ff7f4d66;border-radius:4px;align-items:center;gap:.75rem;width:100%;padding:.65rem .85rem;display:flex;box-shadow:inset 0 1px #ff7f4d40,inset 0 -1px #000000d9,0 4px 14px #000000a6,0 0 12px #ff7f4d1a}.menu-join-input-wrap:focus-within{border-color:#ff624d;box-shadow:inset 0 1px #ff7f4d73,inset 0 -1px #000000e6,0 0 20px #ff9d4d59,0 6px 18px #000000b3}.menu-join-input{color:var(--text-main);font-family:var(--font-body);letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.menu-join-input::placeholder{color:var(--text-muted);font-size:.8rem}.menu-join-actions{box-sizing:border-box;gap:.4rem;width:100%;display:flex}.menu-join-actions .menu-btn{width:auto}.menu-btn-accent{color:#e0f2fe;background:linear-gradient(135deg,#ff9d4d1a 0%,#12100f66 100%);border:1px solid #ff7f4d66;flex:1;padding:.6rem 1.2rem;font-size:.85rem}.menu-btn-accent:hover:not(:disabled){border-color:#ff624d;box-shadow:inset 0 1px #ff7f4d73,inset 0 -1px #000000e6,0 0 20px #ff9d4d59,0 6px 18px #000000b3}.menu-btn-accent:disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff1a}.menu-btn-cancel{color:#fca5a5;border-color:#ef44444d;flex:0 0 40px;justify-content:center;align-items:center;width:40px;padding:.6rem 0;font-size:.85rem;display:flex}.menu-btn-cancel:hover{color:#fff;border-color:#ef4444;box-shadow:0 0 15px #ef44444d}.btn-icon{color:var(--primary);transition:var(--transition);font-size:1.2rem}.menu-btn:hover .btn-icon{color:var(--text-accent)}.main-menu-footer{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-end;width:100%;margin-top:auto;padding-bottom:.75rem;display:flex}.main-menu-footer-img{object-fit:contain;filter:drop-shadow(0 0 18px #fb923c66);opacity:.95;width:170px;height:auto;transition:opacity .3s}.mobile-only{display:none!important}.menu-resume-grid,.menu-main-grid,.menu-grid-2col{flex-direction:column;gap:1rem;width:100%;display:flex}.menu-resume-grid>*,.menu-main-grid>*,.menu-grid-2col>*{flex:none;height:auto}.menu-join-wrap{flex-direction:column;width:100%;display:flex}.menu-join-wrap .menu-btn{box-sizing:border-box;width:100%}@media (width<=768px),(height<=768px){.desktop-only,.main-menu-container .desktop-only{display:none!important}.mobile-only,.main-menu-container .mobile-only{display:inline-flex!important}.mobile-only.resume-btn-mobile,.main-menu-container .mobile-only.resume-btn-mobile{display:flex!important}.app-layout.view-main-menu{height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.main-menu-container{box-sizing:border-box;height:100dvh;min-height:100dvh;max-height:100dvh;padding:.5rem 1rem max(.4rem, env(safe-area-inset-bottom));gap:1rem;overflow:hidden}.title-section{margin-top:auto}.main-menu-logo-bg{width:95px;height:95px;transform:translate(-50%)translateY(-22%)}.main-title{letter-spacing:3px;-webkit-text-stroke:1px #000000f2;font-size:2rem}.subtitle{letter-spacing:1px;margin-top:.15rem;font-size:1rem}.main-menu-version-tag{margin-top:.2rem;padding:.1rem .5rem;font-size:.8rem}.menu-options{width:100%;max-width:350px;margin-block:clamp(.2rem,1.5vh,.8rem)}.menu-separator{margin:.35rem 0}.menu-resume-grid{grid-template-columns:1fr 1fr;gap:.4rem;width:100%;display:grid}.menu-resume-grid>.menu-btn:only-child{grid-column:1/-1}.menu-main-grid,.menu-grid-2col{grid-template-columns:1fr 1fr;gap:.4rem;width:100%;display:grid}.menu-btn{letter-spacing:1.1px;text-align:center;justify-content:center;gap:5px;min-height:40px;padding:.55rem .35rem;font-size:.9rem}.menu-btn.resume-btn{min-height:44px;padding:.6rem .35rem}.resume-btn-mobile{flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.1;display:flex}.resume-btn-action{font-size:.9rem;font-family:var(--font-heading);color:#f1f5f9;letter-spacing:1px;text-transform:uppercase;font-weight:500}.resume-btn-target{font-size:.78rem;font-family:var(--font-heading);color:#fbbf24;text-shadow:0 0 10px #fbbf2473;letter-spacing:.5px;text-transform:lowercase;font-weight:700}.menu-join-wrap,.menu-join-wrap .menu-btn{width:100%}.main-menu-footer{padding-bottom:max(.35rem, env(safe-area-inset-bottom));margin-top:auto}.main-menu-footer-img{width:118px}}@media (height<=520px){.main-menu-logo-bg{width:70px;height:70px}.main-title{font-size:1.6rem}.subtitle{font-size:.85rem}.menu-btn{min-height:36px;padding:.4rem .3rem;font-size:.75rem}.main-menu-footer-img{width:85px}.main-menu-container{padding:2.5rem 1rem max(.4rem, env(safe-area-inset-bottom))}}: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}}.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}.dd-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:99999;box-sizing:border-box;background:#000000c7;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:1rem;display:flex;position:fixed;inset:0}.dd-modal-card{box-sizing:border-box;background:linear-gradient(#18181bfa 0%,#0f0f12fa 100%);border:1px solid #d4af3759;border-radius:12px;flex-direction:column;width:100%;max-height:90dvh;animation:.1s cubic-bezier(.16,1,.3,1) ddModalEnter;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #000c,0 0 20px #d4af3726}@keyframes ddModalEnter{0%{opacity:0;transform:scale(.96)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.dd-modal-card.size-sm{max-width:var(--modal-small,450px)}.dd-modal-card.size-md{max-width:var(--modal-medium,600px)}.dd-modal-card.size-lg{max-width:var(--modal-large,750px)}.dd-modal-card.size-xl{max-width:var(--modal-xlarge,850px)}.dd-modal-card.size-2xl{max-width:var(--modal-xxlarge,1000px)}.dd-modal-card.size-3xl{max-width:var(--modal-xxxlarge,1150px)}.dd-modal-card.size-full{max-width:calc(100vw - 2rem);height:calc(100dvh - 2rem);max-height:calc(100dvh - 2rem)}.dd-modal-card.variant-danger{border-color:#ef444473;box-shadow:0 10px 40px #000000d9,0 0 24px #ef444433}.dd-modal-card.variant-danger .dd-modal-title,.dd-modal-card.variant-danger .dd-modal-header-icon{color:#f87171}.dd-modal-card.variant-danger .dd-modal-header{border-bottom-color:#ef444440}.dd-modal-card.variant-combat{border-color:#a855f766;box-shadow:0 10px 40px #000000d9,0 0 24px #a855f733}.dd-modal-card.variant-combat .dd-modal-title,.dd-modal-card.variant-combat .dd-modal-header-icon{color:#c084fc}.dd-modal-card.variant-combat .dd-modal-header{border-bottom-color:#a855f740}.dd-modal-header{background:#00000059;border-bottom:1px solid #d4af3733;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.25rem;display:flex}.dd-modal-header-left{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.dd-modal-header-icon{color:var(--text-accent,#fbbf24);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dd-modal-header-text{flex-direction:column;min-width:0;display:flex}.dd-modal-title{font-family:var(--font-heading,serif);color:var(--text-accent,#fbbf24);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.2rem;line-height:1.25;overflow:hidden}.dd-modal-subtitle{color:var(--text-muted,#94a3b8);margin-top:.15rem;font-size:.78rem;line-height:1.2}.dd-modal-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.dd-modal-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:all .18s;display:flex}.dd-modal-close-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.dd-modal-close-btn:active{transform:scale(.95)}.dd-modal-body{-webkit-overflow-scrolling:touch;min-height:0;color:var(--text-main,#e2e8f0);flex:1;padding:1.25rem;overflow-y:auto}.dd-modal-body.no-padding{padding:0}.dd-modal-body::-webkit-scrollbar{width:6px}.dd-modal-body::-webkit-scrollbar-track{background:#0003}.dd-modal-body::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}.dd-modal-body::-webkit-scrollbar-thumb:hover{background:#d4af3780}.dd-modal-footer{box-sizing:border-box;background:#0000004d;border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;padding:.85rem 1.25rem;display:flex}.dd-modal-actions{justify-content:flex-end;align-items:center;gap:.65rem;width:100%;display:flex}.dd-modal-btn{cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-heading,serif);box-sizing:border-box;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem 1.1rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.dd-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.dd-modal-btn.primary{color:#0b0d14;background:linear-gradient(135deg,#d4af37e6 0%,#b48c1ef2 100%);border-color:#ffdc6499;font-weight:700;box-shadow:0 2px 10px #d4af3740}.dd-modal-btn.primary:not(:disabled):hover{background:linear-gradient(135deg,#fbbf24 0%,#d4af37 100%);transform:translateY(-1px);box-shadow:0 4px 16px #d4af3773}.dd-modal-btn.primary:not(:disabled):active{transform:translateY(0)}.dd-modal-btn.secondary{color:#e2e8f0;background:#ffffff0f;border-color:#ffffff26}.dd-modal-btn.secondary:not(:disabled):hover{color:#fff;background:#ffffff1f;border-color:#ffffff47;transform:translateY(-1px)}.dd-modal-btn.secondary:not(:disabled):active{transform:translateY(0)}.dd-modal-btn.danger{color:#fff;background:linear-gradient(135deg,#b91c1ce6 0%,#7f1d1df2 100%);border-color:#ef444480;box-shadow:0 2px 10px #ef444440}.dd-modal-btn.danger:not(:disabled):hover{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 16px #ef444473}.dd-modal-btn.danger:not(:disabled):active{transform:translateY(0)}.dd-modal-btn.ghost{color:var(--text-muted,#94a3b8);background:0 0;border-color:#0000}.dd-modal-btn.ghost:not(:disabled):hover{color:#fff;background:#ffffff14}.dd-modal-btn-icon{justify-content:center;align-items:center;display:inline-flex}@media (width<=640px){.dd-modal-overlay{padding:.5rem}.dd-modal-card{border-radius:10px;max-height:95dvh}.dd-modal-header{padding:.75rem 1rem}.dd-modal-title{font-size:1.05rem}.dd-modal-body{padding:1rem}.dd-modal-footer{padding:.75rem 1rem}.dd-modal-actions{flex-direction:column-reverse;gap:.5rem}.dd-modal-btn{width:100%}}.load-campaign-cloud-section{flex-direction:column;gap:.75rem;display:flex}.load-campaign-section-title{color:var(--text-accent,#d4af37);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;padding-bottom:.4rem;font-size:.95rem;font-weight:700;display:flex}.load-campaign-refresh-btn{color:#fbbf24;cursor:pointer;background:0 0;border:1px solid #d4af3733;border-radius:4px;justify-content:center;align-items:center;padding:.35rem .5rem;transition:all .2s;display:inline-flex}.load-campaign-refresh-btn:hover:not(:disabled){background:#d4af3733;border-color:#d4af3785}.load-campaign-refresh-btn .spin-icon{animation:1s linear infinite refreshSpin}@keyframes refreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load-campaign-list{flex-direction:column;gap:.75rem;max-height:440px;padding-right:4px;display:flex;overflow-y:auto}.load-campaign-item-card{background:#120f0dd9;border:1px solid #d4af3740;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;transition:all .2s;display:flex}.load-campaign-item-card:hover{background:#1c1612f2;border-color:#fbbf2499;box-shadow:0 4px 16px #0009,0 0 12px #fbbf2426}.load-campaign-item-info{flex-direction:column;flex:1;gap:.35rem;display:flex}.load-campaign-item-title-row{align-items:center;gap:.75rem;display:flex}.load-campaign-item-title{color:#fff;letter-spacing:.5px;font-size:1.1rem;font-weight:700;font-family:var(--font-heading,serif)}.load-campaign-badge{color:#f59e0b;letter-spacing:.5px;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.load-campaign-item-meta{color:var(--text-muted,#94a3b8);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.88rem;display:flex}.load-campaign-meta-item{align-items:center;gap:.35rem;display:flex}.load-campaign-heroes-preview{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.35rem;display:flex}.load-campaign-hero-pill{background:#0f172abf;border:1px solid #d4af374d;border-radius:9999px;align-items:center;gap:.45rem;padding:.2rem .65rem .2rem .25rem;transition:all .15s;display:inline-flex;box-shadow:0 2px 4px #00000059}.load-campaign-hero-pill:hover{background:#1e293bd9;border-color:#d4af3799}.load-campaign-hero-pill-icon{object-fit:cover;background:#020617;border:1px solid #d4af3780;border-radius:50%;flex-shrink:0;width:22px;height:22px;display:block}.load-campaign-hero-pill-name{color:#e2e8f0;letter-spacing:.3px;white-space:nowrap;font-size:.8rem;font-weight:600}.load-campaign-item-actions{align-items:center;gap:.6rem;display:flex}.load-campaign-btn-load{color:#fffbeb;font-family:var(--font-heading,serif);cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#b45309 0%,#78350f 100%);border:1px solid #fbbf2499;border-radius:6px;padding:.55rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s}.load-campaign-btn-load:hover{background:linear-gradient(135deg,#d97706 0%,#92400e 100%);transform:translateY(-1px);box-shadow:0 0 12px #fbbf2466}.load-campaign-btn-delete{color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;padding:.55rem .75rem;font-size:.85rem;transition:all .2s}.load-campaign-btn-delete:hover{color:#fff;background:#ef444440;border-color:#ef4444}.load-campaign-empty-state{text-align:center;color:var(--text-muted,#94a3b8);background:#00000040;border:1px dashed #ffffff1a;border-radius:8px;padding:2.5rem 1rem;font-size:.9rem}.load-campaign-loading-state{text-align:center;color:#fbbf24;padding:2.5rem 1rem;font-size:.95rem}.load-campaign-legacy-footer{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.load-campaign-legacy-info{color:var(--text-muted,#94a3b8);font-size:.8rem;line-height:1.3}.load-campaign-disk-btn{color:#e2e8f0;font-family:var(--font-heading,serif);cursor:pointer;white-space:nowrap;background:#1e293bcc;border:1px solid #94a3b859;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.load-campaign-disk-btn:hover{color:#fff;background:#334155e6;border-color:#cbd5e1;box-shadow:0 0 10px #ffffff1a}.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(12px);backdrop-filter:blur(12px);z-index:10000;pointer-events:none;white-space:nowrap;box-sizing:border-box;background:#0a0a0ff2;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;align-items:center;gap:2px;width:max-content;max-width:min(300px,100vw - 24px);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:.82rem;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-set-section{white-space:normal;text-align:left;box-sizing:border-box;border-top:1px solid #ffffff14;flex-direction:column;gap:4px;width:100%;margin-top:2px;padding-top:8px;display:flex}.tooltip-set-header{color:#fbbf24;letter-spacing:.3px;font-size:.76rem;font-weight:700;line-height:1.25}.tooltip-set-pieces{flex-direction:column;gap:1px;padding-left:6px;display:flex}.tooltip-set-piece{font-size:.71rem;line-height:1.25}.tooltip-set-piece.piece-equipped{color:#f1f5f9;font-weight:600}.tooltip-set-piece.piece-unequipped{color:#64748b}.tooltip-set-bonuses{flex-direction:column;gap:2px;margin-top:2px;display:flex}.tooltip-set-bonus{font-size:.71rem;line-height:1.25}.tooltip-set-bonus.bonus-active{color:#4ade80;text-shadow:0 0 6px #4ade8040;font-weight:600}.tooltip-set-bonus.bonus-inactive{color:#64748b}.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-forged-badge{letter-spacing:.5px;color:#fbbf24;text-shadow:0 0 6px #f59e0b66;text-align:right;gap:4px;width:100%;font-size:.7rem;font-weight:700}.tooltip-patch-badge{letter-spacing:.5px;color:#38bdf8;text-shadow:0 0 6px #38bdf866;text-align:right;gap:4px;width:100%;font-size:.7rem;font-weight:700}.tooltip-quest-badge{letter-spacing:.5px;color:#f59e0b;text-shadow:0 0 6px #f59e0b66;text-align:right;gap:4px;width:100%;font-size:.72rem;font-weight:700}.tooltip-restrictions-row{flex-wrap:wrap;gap:4px;width:100%;margin-top:2px;display:flex}.tooltip-restriction-tag{color:#f87171;letter-spacing:.3px;background:#ef44441f;border:1px solid #ef444447;border-radius:3px;padding:1px 5px;font-size:.65rem;font-weight:600}.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}.hero-stats-container{flex-direction:column;width:100%;display:flex}.hero-stats-container .stats-mini-grid{margin:0;display:grid;grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}.hero-stats-container .stat-box{font-family:var(--font-heading,inherit);border:1px solid var(--border-color,#ffffff1f);cursor:help;background:#00000080;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-width:0;padding:.55rem .7rem;transition:background .2s,border-color .2s;display:flex}.hero-stats-container .stat-box:hover{background:#ffffff0f;border-color:#ffffff40}.hero-stats-container .stat-box.has-temp{border-color:#fbbf2466}.hero-stats-container .stat-lbl{color:var(--text-muted,#94a3b8);letter-spacing:.5px;font-size:.8rem;font-weight:700}.hero-stats-container .stat-val-container{align-items:baseline;gap:3px;display:flex}.hero-stats-container .stat-val{color:#fff;font-size:1rem;font-weight:700}.hero-stats-container .temp-indicator{font-size:.72rem;font-weight:700}.hero-stats-container .temp-indicator.pos{color:#4ade80}.hero-stats-container .temp-indicator.neg{color:#f87171}.hero-stats-container .derived-stats-separator{border-top:1px solid var(--border-color,#ffffff1f);background:#ffffff14;height:1px;margin:.5rem 0 .4rem}.hero-stats-container .derived-stat-box{border:1px solid var(--border-color,#ffffff1f);text-align:center;background:#0c1016a6;flex-direction:column;justify-content:center;align-items:center;padding:.35rem .4rem;display:flex}.hero-stats-container .derived-stat-box .stat-lbl{color:var(--text-muted,#94a3b8);white-space:nowrap;margin-bottom:2px;font-size:.65rem;font-weight:700}.hero-stats-container .derived-stat-box .stat-val{font-size:.95rem;font-weight:800}.hero-stats-container .celerity-val{color:#38bdf8;text-shadow:0 0 8px #38bdf84d}.hero-stats-container .phys-mit-val{color:#e2e8f0;text-shadow:0 0 8px #e2e8f033}.hero-stats-container .mag-mit-val{color:#c084fc;text-shadow:0 0 8px #c084fc4d}.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-stack{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.resource-bar-track{background:#00000080;border:1px solid #ffffff1a;border-radius:4px;width:100%;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%)}.resource-sub-bar-row{align-items:center;gap:4px;width:100%;display:flex}.resource-sub-bar-track{background:#0009;border:1px solid #a855f74d;border-radius:3px;flex:1;height:15px;position:relative;overflow:hidden}.resource-sub-bar-fill{height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.resource-sub-bar-text{color:#f3e8ff;text-shadow:0 1px 2px #000;pointer-events:none;font-size:.75rem;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sub-vital-btn{color:#f3e8ff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#a855f733;border:1px solid #a855f766;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:15px;padding:0;font-size:.75rem;font-weight:700;line-height:1;transition:all .15s;display:flex}.sub-vital-btn:hover:not(:disabled){color:#fff;background:#a855f773;border-color:#a855f7;box-shadow:0 0 6px #a855f780}.sub-vital-btn:active:not(:disabled){transform:scale(.92)}.sub-vital-btn:disabled{opacity:.25;cursor:not-allowed;border-color:#ffffff1a}.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:1rem;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)}}.campaign-hub-container{color:#e5e7eb;box-sizing:border-box;background:radial-gradient(circle,#181412 0%,#0c0a09 100%);flex-direction:column;width:100%;min-height:100vh;padding:1.5rem 2rem;font-family:Cinzel,MedievalSharp,Georgia,serif;display:flex}.campaign-top-bar{border-bottom:1px solid #d4af3740;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.campaign-top-actions{gap:.75rem;display:flex}.hub-btn{color:#d4af37;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#1c1917d9;border:1px solid #d4af3759;border-radius:4px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.hub-btn:hover{color:#fef08a;background:#d4af3726;border-color:#d4af37;box-shadow:0 0 12px #d4af3740}.hub-btn.btn-danger:hover{color:#fca5a5;background:#ef444433;border-color:#ef4444}.hub-btn.btn-primary{color:#fffbeb;background:linear-gradient(135deg,#b45309 0%,#78350f 100%);border-color:#f59e0b;box-shadow:0 0 15px #f59e0b59}.hub-btn.btn-primary:hover{background:linear-gradient(135deg,#d97706 0%,#92400e 100%);box-shadow:0 0 20px #f59e0b8c}.campaign-header-card{background:linear-gradient(#1e1814e6 0%,#120e0cf2 100%);border:1px solid #d4af374d;border-radius:8px;margin-bottom:2rem;padding:1.5rem 2rem;box-shadow:0 8px 30px #0009}.campaign-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.campaign-title-row h1{color:#fef08a;text-shadow:0 2px 8px #000c,0 0 20px #d4af3766;margin:0 0 .35rem;font-size:2.2rem}.campaign-subtitle{color:#a8a29e;margin:0;font-size:1.05rem;font-style:italic}.campaign-embers-badge{color:#fef08a;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:6px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:1.15rem;font-weight:700;display:flex;box-shadow:0 0 15px #f59e0b26}.campaign-progress-bar-container{margin-top:1.25rem}.progress-labels{color:#d6d3d1;justify-content:space-between;margin-bottom:.4rem;font-size:.9rem;display:flex}.progress-track{background:#0009;border:1px solid #d4af3733;border-radius:6px;width:100%;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#d97706,#fbbf24);height:100%;transition:width .4s;box-shadow:0 0 10px #fbbf2499}.campaign-content-grid{grid-template-columns:1fr 1.25fr;align-items:start;gap:2rem;display:grid}.section-heading{color:#fef08a;letter-spacing:.05em;border-bottom:1px solid #d4af3733;align-items:center;gap:.6rem;margin:0 0 1.25rem;padding-bottom:.5rem;font-size:1.35rem;display:flex}.missions-track{flex-direction:column;gap:1.25rem;display:flex}.act-card{background:#181412d9;border:1px solid #78716c4d;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:all .25s;display:grid;position:relative}.act-card-body{flex-direction:column;min-width:0;display:flex}.act-card.completed{background:linear-gradient(135deg,#141e16b3 0%,#0f1712d9 100%);border-color:#22c55e66}.act-card.active{background:linear-gradient(135deg,#281c12d9 0%,#1c140ef2 100%);border-color:#d97706}.act-card.in-progress{background:linear-gradient(135deg,#322010e6 0%,#20160efa 100%);border-color:#f59e0b;box-shadow:0 0 25px #f59e0b47}.act-card.locked{opacity:.6;filter:grayscale(.5)}.act-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.act-badge{text-transform:uppercase;border-radius:4px;padding:.3rem .75rem;font-size:.8rem;font-weight:700}.act-badge.badge-completed{color:#4ade80;background:#22c55e33;border:1px solid #22c55e66}.act-badge.badge-in-progress{color:#fbbf24;background:#f59e0b40;border:1px solid #f59e0ba6;animation:1.8s infinite pulseGlow}.act-badge.badge-active{color:#d97706;background:#d9770626;border:1px solid #d9770659}.act-badge.badge-locked{color:#a8a29e;background:#78716c33;border:1px solid #78716c66}@keyframes pulseGlow{0%{box-shadow:0 0 #f4433666}70%{box-shadow:0 0 0 10px #f4433600}to{box-shadow:0 0 #f4433600}}.act-title{color:#fef08a;margin:0 0 .5rem;font-size:1.2rem}.act-desc{color:#a8a29e;margin:0 0 1rem;font-size:.9rem;line-height:1.4}.act-meta{color:#d6d3d1;background:#0000004d;border-radius:4px;gap:1.5rem;padding:.5rem .8rem;font-size:.85rem;display:flex}.act-actions{flex-direction:column;flex-shrink:0;justify-content:center;align-items:stretch;gap:.5rem;display:flex}.party-roster-column{min-width:0}.party-summary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}@media (width<=1500px){.campaign-content-grid{grid-template-columns:1fr;gap:2rem}.party-summary-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.party-hero-card{background:#181412d9;border:1px solid #d4af3740;border-radius:6px;grid-template-columns:190px 1fr;align-items:start;gap:1.25rem;padding:1.25rem;transition:border-color .2s,box-shadow .2s;display:grid}.party-hero-card:hover{border-color:#d4af3766;box-shadow:0 4px 20px #00000080}.hero-identity-col{flex-direction:column;align-items:center;gap:.75rem;width:100%;min-width:0;display:flex}.hero-avatar-identity{flex-direction:column;align-items:center;gap:.25rem;display:flex}.hero-level-badge{color:#fbbf24;letter-spacing:.05em;background:#0009;border:1px solid #fbbf244d;border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:700}.hero-class-label{color:#a8a29e;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:600}.hero-stats-col{flex-direction:column;gap:.75rem;width:100%;min-width:0;display:flex}.hero-name-row{border-bottom:1px solid #d4af3726;justify-content:space-between;align-items:center;padding-bottom:.4rem;display:flex}.hero-name{color:#fef08a;letter-spacing:.05em;text-transform:uppercase;font-size:1.25rem;font-weight:700}.hero-bars-row{flex-direction:column;gap:.4rem;display:flex}.hero-inventory-section{flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex}.inventory-sublabel{text-transform:uppercase;letter-spacing:.08em;color:#a8a29e;align-self:flex-start;font-size:.7rem;font-weight:600}.inventory-slots-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.35rem;width:100%;display:flex}.campaign-hub-container .item-slot{box-sizing:border-box;cursor:default;background:#0000008c;border:1px solid #ffffff26;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #0006}.campaign-hub-container .item-slot:hover{background:#ffffff0d;border-color:#d4af3780}.campaign-hub-container .item-slot.empty-slot{border-color:#ffffff14}.campaign-hub-container .item-slot.empty-slot:hover{border-color:#ffffff2e}.campaign-hub-container .backpack-slot{border-style:dotted;border-width:1.5px;box-shadow:inset 0 0 8px #d4af3714}.campaign-hub-container .locked-slot{opacity:.35;filter:grayscale(.8)}.campaign-hub-container .item-icon{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:85% 85%;width:100%;height:100%;display:block}.campaign-hub-container .slot-placeholder-icon{opacity:.25;background-position:50%;background-repeat:no-repeat;background-size:contain;width:60%;height:60%;display:block}.campaign-hub-container .tier-0{background:#f973161f;box-shadow:0 0 8px #f9731640;border-color:#f9731680!important}.campaign-hub-container .tier-1{background:#2323238c;box-shadow:0 0 6px #d4af371a;border-color:#a0a0a040!important}.campaign-hub-container .tier-2{background:#072a148c;box-shadow:0 0 10px #22c55e40;border-color:#22c55e80!important}.campaign-hub-container .tier-3{background:#1125458c;box-shadow:0 0 12px #3b82f64d;border-color:#3b82f68c!important}.campaign-hub-container .tier-4{background:#33194b8c;box-shadow:0 0 14px #a855f766;border-color:#a855f799!important}.campaign-select-view{width:100%;max-width:1200px;margin:1.5rem auto}.campaign-select-layout{grid-template-columns:360px 1fr;gap:2rem;display:grid}.campaign-picker-list{flex-direction:column;gap:1rem;display:flex}.campaign-picker-items{flex-direction:column;gap:.75rem;display:flex}.campaign-picker-item{cursor:pointer;text-align:left;width:100%;color:inherit;background:#181412d9;border:1px solid #d4af3740;border-radius:6px;align-items:flex-start;gap:1rem;padding:1.2rem;font-family:inherit;transition:all .2s;display:flex}.campaign-picker-item:hover{background:#2d2319e6;border-color:#d4af3780;transform:translateY(-2px)}.campaign-picker-item.selected{background:linear-gradient(135deg,#2d1e12f2 0%,#1c140efa 100%);border-color:#f59e0b;box-shadow:0 0 20px #f59e0b4d}.campaign-picker-icon{flex-shrink:0;font-size:2.2rem}.campaign-picker-info h3{color:#fef08a;margin:0 0 .3rem;font-size:1.15rem}.campaign-picker-info p{color:#a8a29e;margin:0 0 .5rem;font-size:.85rem}.campaign-card-selection{background:linear-gradient(#1e1814f2 0%,#120e0cfa 100%);border:2px solid #d4af3766;border-radius:8px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 10px 40px #000c}.mobile-campaigns-toggle{border:1px solid var(--text-accent);color:var(--text-accent);font-family:var(--font-heading);cursor:pointer;transition:var(--transition);background:#1e1814d9;border-radius:4px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;display:none}.mobile-campaigns-toggle:hover{border-color:var(--text-main);color:var(--text-main);background:#d4af3733}.campaign-select-view .desktop-only{flex-direction:column;display:flex}@media (width<=1024px){.campaign-content-grid,.campaign-select-layout{grid-template-columns:1fr;gap:1.5rem}.campaign-select-view .desktop-only{display:none!important}.mobile-campaigns-toggle.mobile-only{display:inline-flex}.party-summary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.party-hero-card{grid-template-columns:175px 1fr;gap:1rem;padding:1rem}}@media (width<=850px){.party-summary-list{grid-template-columns:1fr}}@media (width<=768px){.campaign-hub-container{padding:.75rem .75rem 2rem}.campaign-top-bar{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.campaign-top-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.campaign-top-actions .hub-btn,.campaign-top-bar .back-btn,.campaign-top-bar .hub-btn{text-align:center;justify-content:center;padding:.55rem .6rem;font-size:.8rem}.campaign-header-card{margin-bottom:1.5rem;padding:1.25rem 1rem}.campaign-title-row{flex-direction:column;align-items:stretch;gap:.75rem}.campaign-title-row h1{word-break:break-word;font-size:1.5rem;line-height:1.2}.campaign-subtitle{font-size:.95rem}.campaign-embers-badge{justify-content:space-between;padding:.5rem .8rem;font-size:.95rem}.act-card{grid-template-columns:1fr;gap:1rem;padding:1rem .85rem}.act-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.act-title{word-break:break-word;font-size:1.1rem;line-height:1.3}.act-meta{flex-direction:column;gap:.4rem;padding:.6rem .75rem;font-size:.8rem}.act-actions .hub-btn{justify-content:center;width:100%;padding:.75rem 1rem;font-size:1rem}.party-hero-card{grid-template-columns:1fr;gap:1rem;padding:1rem .85rem}.hero-identity-col{border-bottom:1px solid #d4af3726;flex-flow:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem}.hero-avatar-identity{flex-direction:row;align-items:center;gap:.6rem}.hero-inventory-section{align-items:flex-start}.stats-mini-grid{grid-template-columns:repeat(3,1fr);gap:.35rem}.stats-mini-grid .stat-box{padding:.3rem .4rem!important}.stats-mini-grid .stat-lbl{font-size:.7rem!important}.stats-mini-grid .stat-val{font-size:.85rem!important}.campaign-card-selection{padding:1.25rem 1rem}}.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:#787878b9;box-shadow:inset 0 0 0 1px #a9a9a966,0 0 15px #facf4147}.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}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;margin-top:.35rem;display:grid}.checkbox-item-label{cursor:pointer;color:#a0a0b0;-webkit-user-select:none;user-select:none;background:#0000004d;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.checkbox-item-label:hover{color:#fff;background:#ffffff0d;border-color:#ffffff26}.checkbox-item-label.checked{color:#fff;background:#d4af371f;border-color:#d4af3766;font-weight:600}.checkbox-item-label input[type=checkbox]{accent-color:var(--text-accent,#d4af37);cursor:pointer;width:14px;height:14px;margin:0}.encounter-container{background:var(--bg-darker);flex-direction:column;width:100%;height:100dvh;min-height:-webkit-fill-available;display:flex;position:relative;overflow:hidden}.roster-toggle-btn{background:var(--glass-bg);cursor:pointer;transition:var(--transition);color:var(--text-muted,#94a3b8);border:1px solid #ffffff26;border-radius:8px;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}.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:1.5rem;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:1.5rem;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:.5rem 1rem;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;letter-spacing:.5px;background:#a855f71f;border:1px solid #a855f766;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.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}.header-settings-btn{color:var(--text-muted,#94a3b8);cursor:pointer;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.header-settings-btn:hover{color:var(--text-accent,#fbbf24);background:#d4af3726;border-color:#d4af3766}.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;min-height:0;display:grid;overflow:hidden}.left-panel{border-right:var(--glass-border);padding:1rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom,1.5rem));-webkit-overflow-scrolling:touch;background:#0a0a0ccc;flex-direction:column;gap:1rem;min-height:0;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:#ea580c;box-shadow:0 0 10px #ea580c}.tension-level-4 .t-bar.active{background:#f44336;box-shadow:0 0 10px #f44336}.tension-level-5{border-color:#9c27b0;animation:2s infinite pulse;box-shadow:0 0 20px #9c27b04d}.tension-level-5 .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:#ea580c}.tension-level-4 .tension-status{color:#f44336}.tension-level-5 .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}.export-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;padding:1rem}.export-game-btn:hover{color:#a29bfe;background:#6c5ce71f;border-color:#a29bfe}.roster-panel{padding:1rem;padding-bottom:max(.5rem, env(safe-area-inset-bottom,2.5rem));-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;-o-user-select:none;flex-direction:column;gap:2rem;height:100%;min-height:0;display:flex;position:relative;overflow-y:auto}.roster-panel-heroes{flex-direction:column;gap:1rem;min-height:0;padding-bottom:1rem;display:flex}.roster-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.5rem;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;gap:.25rem;padding:.6rem 1.2rem;display:flex}.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:.5rem;display:flex}.vital-row{align-items:center;gap:.25rem;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:.5rem;display:flex}.buff-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.buff-slots{flex-wrap:wrap;justify-content:center;gap:.15rem;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:.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:#232323a6;border-color:#78787833!important}.tier-2{--shadow-tier:0 0 15px #22c55e33;background:#072a14a6;border-color:#22c55e80!important}.inventory-row .tier-2:hover{background:#22c55e33!important}.tier-3{--shadow-tier:0 0 15px #3b82f633;background:#112545a6;border-color:#3b82f680!important}.inventory-row .tier-3:hover{background:#3b82f64d!important}.tier-4{--shadow-tier:0 0 15px #a855f766;background:#33194ba6;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:.5rem;height:100%;display:flex}.active-turn-view{flex-direction:column;gap:1rem;height:100%;display:flex}.turn-header{border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .85rem;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:right;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.6rem;display:flex}.turn-tag{color:#ef4444;letter-spacing:1.5px;white-space:nowrap;border-radius:3px;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.active-hero-name{color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;margin:0;font-size:1.15rem}.active-hero-class{color:#fbbf24;font-size:.85rem;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;min-height:100%;max-height:max-content;padding:1rem;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}.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);box-sizing:border-box;z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:fixed;inset: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{-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:1rem;width:100%;max-width:75dvw;padding:1.5rem;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(auto-fit,minmax(210px,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:.5rem;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:1.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}.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;height:100%;min-height:0;display:block;overflow:hidden}.roster-panel{-webkit-overflow-scrolling:touch;width:100%;height:100%;min-height:0;padding:.5rem;padding-bottom:max(.5rem, env(safe-area-inset-bottom,2rem));overflow-y:auto}.turn-header{text-align:right;flex-direction:row;justify-content:space-between;align-items:center;padding:.4rem .65rem}.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}.heroes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.5rem}}@media (width<=1024px){.encounter-layout{grid-template-columns:260px 1fr}.stat-card{padding:.8rem}.stat-card .val{font-size:1.2rem}.hero-card{padding:.75rem}.buff-slots{gap:.1rem}.buff-slot{width:2.75rem;height:2.75rem}}@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{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:.25rem .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:.75rem}.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{flex-direction:row;justify-content:space-between;align-items:center;gap:.4rem;padding:.35rem .5rem}.active-hero-name{font-size:.95rem}.turn-tag{padding:.1rem .3rem;font-size:.65rem}.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:1px 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:1.5rem}.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:999;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}}.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:1rem;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:50%;transform:translateY(-50%);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}.corner-action-menu-root{z-index:60;-webkit-user-select:none;user-select:none;flex-direction:column;display:inline-flex;position:absolute}.corner-action-menu-root.pos-bottom-left{align-items:flex-start;bottom:1.5rem;left:1.5rem}.corner-action-menu-root.pos-bottom-right{align-items:flex-end;bottom:1.5rem;right:1.5rem}.corner-action-menu-root.pos-top-left{align-items:flex-start;top:1.5rem;left:1.5rem}.corner-action-menu-root.pos-top-right{align-items:flex-end;top:1.5rem;right:1.5rem}.corner-trigger-btn{border:2px solid var(--border-glow,#d4af3766);color:var(--text-main,#e2e8f0);cursor:pointer;font-family:var(--font-body,inherit);z-index:52;background:linear-gradient(135deg,#1e202af2 0%,#0f1118fa 100%);border-radius:9999px;align-items:center;gap:.65rem;padding:.55rem .95rem;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 18px #0009,0 0 12px #d4af3726}.corner-trigger-btn:hover{border-color:var(--text-accent,#d4af37);transform:translateY(-2px);box-shadow:0 6px 22px #000000b3,0 0 16px #d4af3759}.corner-trigger-btn:active{transform:translateY(0)}.corner-trigger-btn.active{color:#fff;background:linear-gradient(135deg,#c22929 0%,#881337 100%);border-color:#f87171;box-shadow:0 0 20px #ef444480}.corner-trigger-icon-wrap{width:28px;height:28px;color:var(--text-accent,#d4af37);border-radius:50%;justify-content:center;align-items:center;transition:transform .25s;display:flex}.corner-trigger-btn.active .corner-trigger-icon-wrap{color:#fff;transform:rotate(90deg)}.corner-trigger-dot{background:var(--text-accent,#d4af37);width:10px;height:10px;box-shadow:0 0 8px var(--text-accent,#d4af37);border-radius:50%}.corner-trigger-label{font-family:var(--font-heading,serif);letter-spacing:.8px;text-transform:uppercase;font-size:.88rem;font-weight:700}.corner-trigger-badge{color:#4ade80;letter-spacing:.5px;background:#22c55e2e;border:1px solid #22c55e;border-radius:6px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.corner-action-backdrop{-webkit-backdrop-filter:blur(2px);z-index:48;background:#05070c73;position:fixed;inset:0}.corner-action-panel{z-index:51;flex-direction:column;gap:.6rem;width:max-content;min-width:260px;max-width:380px;display:flex;position:absolute}.pos-bottom-left .corner-action-panel{bottom:calc(100% + .65rem);left:0}.pos-bottom-right .corner-action-panel{bottom:calc(100% + .65rem);right:0}.pos-top-left .corner-action-panel{top:calc(100% + .65rem);left:0}.pos-top-right .corner-action-panel{top:calc(100% + .65rem);right:0}.corner-action-panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.25rem .5rem;display:flex}.corner-action-panel-title{font-family:var(--font-heading,serif);color:var(--text-accent,#d4af37);text-transform:uppercase;letter-spacing:1.2px;font-size:.9rem;font-weight:700}.corner-action-header-badge{color:#94a3b8;font-size:.7rem}.corner-action-items-list{flex-direction:column;gap:.45rem;display:flex}.corner-action-row{cursor:pointer;text-align:left;width:100%;animation:.24s cubic-bezier(.34,1.56,.64,1) both cornerItemEnter;animation-delay:var(--item-stagger,0s);background:0 0;border:none;align-items:center;gap:.65rem;padding:0;transition:transform .18s;display:flex}.corner-action-row:hover:not(:disabled){transform:translate(4px)}.pos-bottom-right .corner-action-row:hover:not(:disabled),.pos-top-right .corner-action-row:hover:not(:disabled){transform:translate(-4px)}.corner-action-row.is-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(80%)}.corner-action-circle{width:44px;min-width:44px;height:44px;color:var(--text-accent,#d4af37);background:linear-gradient(135deg,#1e2432f2 0%,#0f141efa 100%);border:1.5px solid #d4af3766;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 14px #00000080,0 0 10px #d4af3726}.corner-action-row:hover:not(:disabled) .corner-action-circle{border-color:var(--text-accent,#d4af37);transform:scale(1.1);box-shadow:0 6px 18px #0009,0 0 16px #d4af3773}.variant-door .corner-action-circle{color:#60a5fa;border-color:#60a5fa80;box-shadow:0 4px 14px #00000080,0 0 10px #60a5fa33}.corner-action-row.variant-door:hover:not(:disabled) .corner-action-circle{border-color:#93c5fd;box-shadow:0 6px 18px #0009,0 0 16px #60a5fa80}.variant-interactable .corner-action-circle{color:#38bdf8;border-color:#38bdf880;box-shadow:0 4px 14px #00000080,0 0 10px #38bdf833}.corner-action-row.variant-interactable:hover:not(:disabled) .corner-action-circle{border-color:#7dd3fc;box-shadow:0 6px 18px #0009,0 0 16px #38bdf880}.variant-danger .corner-action-circle{color:#ef4444;border-color:#ef444480;box-shadow:0 4px 14px #00000080,0 0 10px #ef444433}.corner-action-info{background:linear-gradient(135deg,#141822eb 0%,#0a0e16f5 100%);border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;flex:1;gap:.15rem;min-width:0;padding:.45rem .75rem;transition:all .2s;display:flex;box-shadow:0 4px 14px #00000080}.corner-action-row:hover:not(:disabled) .corner-action-info{background:linear-gradient(135deg,#1c2230f2 0%,#0f141efa 100%);border-color:#ffffff40}.corner-action-info-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.corner-action-label{font-family:var(--font-heading,serif);color:#f1f5f9;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.corner-action-badge{color:#4ade80;white-space:nowrap;background:#22c55e26;border:1px solid #22c55e;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.corner-action-sublabel{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;line-height:1.25;overflow:hidden}.corner-action-empty-msg{color:#64748b;text-align:center;background:#0f172a99;border:1px dashed #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:.82rem;font-style:italic}@keyframes cornerItemEnter{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-slide-up{animation:.2s cubic-bezier(.16,1,.3,1) forwards cornerPanelSlide}@keyframes cornerPanelSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.xp-bar-wrapper{width:100%;margin:4px 0}.xp-bar-main{align-items:center;gap:.5rem;width:100%;height:100%;display:flex}.xp-bar-container{background:#0006;border:1px solid #ffffff1a;border-radius:4px;flex:1;width:100%;height:100%;min-height:18px;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 .context-item-tier.tier-0,.item-context-menu.tier-0 .context-menu-header .context-item-tier{color:#f97316!important}.item-context-menu .context-item-tier.tier-1,.item-context-menu.tier-1 .context-menu-header .context-item-tier{color:#aaa!important}.item-context-menu .context-item-tier.tier-2,.item-context-menu.tier-2 .context-menu-header .context-item-tier{color:#22c55e!important}.item-context-menu .context-item-tier.tier-3,.item-context-menu.tier-3 .context-menu-header .context-item-tier{color:#3b82f6!important}.item-context-menu .context-item-tier.tier-4,.item-context-menu.tier-4 .context-menu-header .context-item-tier{color:#a855f7!important}.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-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:0 4px;font-size:.82rem;line-height:1;transition:color .15s,background .15s}.context-close-btn:hover{color:#fff;background:#ffffff1a}.context-menu-item.action-sell:hover:not(:disabled){background:#d4af371f;border-color:#d4af3740}.context-menu-item.action-swap{color:#38bdf8;background:#38bdf814;border-color:#38bdf833}.context-menu-item.action-swap:hover:not(:disabled){color:#e0f2fe;background:#38bdf82e;border-color:#38bdf859}.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-item-icon{background-color:#0006;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;width:20px;height:20px;display:inline-block}.context-item-icon.fallback{background:0 0;border:none;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.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}.context-quest-badge{cursor:default;font-size:.75rem;line-height:1}.touch-active-turn-dashboard{box-sizing:border-box;flex-direction:column;flex:1;height:100%;max-height:100%;padding:.25rem .5rem .5rem;display:flex;position:relative;overflow:hidden}.touch-turn-content{flex:1;grid-template-columns:1fr 1fr;gap:.65rem;min-height:0;display:grid;overflow:hidden}.touch-vitals-panel{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow-y:auto!important}.touch-vitals-panel .panel-subtitle{letter-spacing:.5px;font-size:1rem!important}.touch-vitals-panel .vitals-main-row{gap:.45rem!important}.touch-vitals-panel .large-vital .hp-bar-container{height:22px!important}.touch-vitals-panel .hp-bar-container{height:20px!important}.touch-vitals-panel .vitals-xp-row{margin-top:0!important}.touch-vitals-panel .stats-status-row{grid-template-columns:1.3fr 1fr!important;gap:.5rem!important;display:grid!important}.touch-actions-section{flex-direction:column;flex:1;min-height:0;display:flex}.touch-actions-header{justify-content:space-between;align-items:center;display:flex;border-bottom:1px solid #d4af3733!important}.touch-moves-indicator{font-size:.8rem;font-family:var(--font-body,sans-serif);color:#4ade80;font-weight:600}.touch-actions-body{flex-direction:column;flex:1;gap:.4rem;min-height:0;padding-top:.25rem;display:flex;overflow:visible}.touch-combat-notice{color:#ef4444;font-family:var(--font-heading);background:#ef44440d;border:1px dashed #ef444466;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.8rem;display:flex}.touch-empty-actions{color:var(--text-muted);text-align:center;padding:.5rem;font-size:.78rem;font-style:italic}.touch-action-subgroup{flex-direction:column;gap:.25rem;display:flex}.touch-subgroup-title{font-size:.7rem;font-family:var(--font-heading);color:var(--text-accent);text-transform:uppercase;letter-spacing:.5px}.touch-doors-grid{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.touch-door-action-btn{color:#f8fafc;cursor:pointer;text-align:left;background:linear-gradient(135deg,#1e293be6,#0f172ae6);border:1px solid #ffffff26;border-radius:6px;outline:none;align-items:center;gap:.4rem;min-height:38px;padding:.4rem .55rem;font-family:inherit;transition:all .15s;display:flex}.touch-door-action-btn:hover,.touch-door-action-btn:active{border-color:var(--text-accent,#fbbf24);background:linear-gradient(135deg,#334155f2,#1e293bf2)}.touch-door-action-btn.interactable{background:linear-gradient(135deg,#0e7490cc,#0f172ae6);border-color:#38bdf866}.touch-door-action-btn.interactable:hover,.touch-door-action-btn.interactable:active{background:linear-gradient(135deg,#0e7490,#0f172a);border-color:#38bdf8}.touch-door-arrow{flex-shrink:0;font-size:1rem}.touch-door-info{flex-direction:column;flex:1;gap:.1rem;display:flex;overflow:hidden}.touch-door-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.touch-door-cost{font-size:.68rem;font-weight:700}.touch-door-cost.free{color:#4ade80}.touch-door-cost.cost{color:#f59e0b}.touch-door-name{color:var(--text-accent,#fbbf24);font-size:.78rem;font-weight:700;font-family:var(--font-heading)}.touch-door-desc{color:var(--text-muted,#94a3b8);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.68rem;overflow:hidden}.touch-vitals-panel .vitals-xp-row .turn-status-list{flex-flow:wrap!important}.touch-vitals-panel .inventory-row{gap:.45rem!important;margin-top:-.2rem!important}.touch-vitals-panel .turn-equipment-list{gap:.2rem!important}.touch-vitals-panel .economy-grid{gap:.4rem!important}.touch-vitals-panel .btn-modify-embers,.touch-vitals-panel .shop-btn{padding:.35rem .6rem!important;font-size:.8rem!important}.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:1.5rem;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-overlay{width:100%;height:100dvh;max-height:100dvh;padding:max(.5rem, env(safe-area-inset-top,.5rem)) max(.75rem, env(safe-area-inset-right,.75rem)) max(.5rem, env(safe-area-inset-bottom,.5rem)) max(.75rem, env(safe-area-inset-left,.75rem));box-sizing:border-box;z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.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:1600px;height:auto;max-height:calc(100dvh - 1rem);display:flex;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 30px #6366f133}.combat-turn-banner{margin-bottom:.75rem;padding:.75rem 1rem}.combat-confirm-bar{padding-top:.75rem}.math-breakdown{font-family:var(--font-heading);background:#0006;border:1px solid #3f3e52;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem 1rem;display:flex}.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-header-actions{align-items:center;gap:.5rem;display:flex}.combat-minimize-btn{color:#94a3b8;cursor:pointer;background:#1e293b99;border:1px solid #475569;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.combat-minimize-btn:hover{color:#f1f5f9;background:#47556966;border-color:#94a3b8;transform:translateY(-1px)}.combat-minimized-pill{z-index:9999;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#18171ff2 0%,#0f172af2 100%);border:1px solid #6366f1;border-radius:9999px;align-items:center;gap:1rem;padding:.6rem 1.2rem;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #000c,0 0 15px #6366f14d}.combat-minimized-pill:hover{border-color:#818cf8;transform:translateY(-2px);box-shadow:0 12px 35px #000000e6,0 0 20px #6366f166}.combat-minimized-content{color:#e2e8f0;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.combat-minimized-icon{font-size:1.1rem}.combat-minimized-title{color:#fca5a5;font-weight:700}.combat-minimized-turn{color:#94a3b8;font-size:.82rem}.combat-maximize-btn{color:#c7d2fe;cursor:pointer;background:#6366f133;border:1px solid #6366f1;border-radius:9999px;padding:.3rem .75rem;font-size:.8rem;font-weight:700;transition:all .15s}.combat-maximize-btn:hover{color:#fff;background:#6366f166;border-color:#a5b4fc}.combat-body{flex:1;display:flex;overflow:hidden}.combat-workspace{flex-direction:column;flex:1;padding:1rem;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(100px,1fr));gap:.25rem;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}.combat-cockpit{flex-direction:column;gap:1.25rem;width:100%;padding:.5rem 0;display:flex}.cockpit-section{flex-direction:column;gap:.5rem;display:flex}.cockpit-section-header{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border-bottom:1px solid #ffffff14;align-items:center;gap:.5rem;padding-bottom:.35rem;font-size:.8rem;font-weight:800;display:flex}.cockpit-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;display:grid}.cockpit-card{cursor:pointer;text-align:left;background:linear-gradient(135deg,#1e293bd9,#0f172af2);border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:.45rem;padding:.85rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.cockpit-card:hover:not(.disabled){border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.cockpit-card.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.cockpit-card-header{justify-content:space-between;align-items:center;display:flex}.cockpit-card-title{color:#fff;font-size:.95rem;font-weight:800;font-family:var(--font-heading)}.cockpit-card-badges{gap:.35rem;display:flex}.cockpit-badge{color:#cbd5e1;background:#ffffff1a;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.cockpit-card-desc{color:#94a3b8;font-size:.78rem;line-height:1.35}.cockpit-card.theme-attack-std{background:linear-gradient(135deg,#581c1ca6 0%,#18171ff2 100%);border-color:#ef444466}.cockpit-card.theme-attack-std:hover:not(.disabled){border-color:#ef4444;box-shadow:0 6px 18px #ef444459}.cockpit-card.theme-attack-reckless{background:linear-gradient(135deg,#7c2d12b3 0%,#18171ff2 100%);border-color:#f9731680}.cockpit-card.theme-attack-reckless:hover:not(.disabled){border-color:#f97316;box-shadow:0 6px 20px #f9731666}.cockpit-card.theme-defend{background:linear-gradient(135deg,#1e3a8a8c 0%,#0f172af2 100%);border-color:#3b82f666}.cockpit-card.theme-defend:hover:not(.disabled){border-color:#3b82f6;box-shadow:0 6px 18px #3b82f659}.cockpit-card.theme-concentration{background:linear-gradient(135deg,#083344a6 0%,#0f172af2 100%);border-color:#06b6d473}.cockpit-card.theme-concentration:hover:not(.disabled){border-color:#06b6d4;box-shadow:0 6px 18px #06b6d459}.cockpit-card.theme-pass-turn{background:linear-gradient(135deg,#1e293bbf 0%,#0f172af2 100%);border-color:#94a3b866}.cockpit-card.theme-pass-turn:hover:not(.disabled){border-color:#cbd5e1;box-shadow:0 6px 18px #94a3b859}.cockpit-card.theme-move{background:linear-gradient(135deg,#14532d8c 0%,#0f172af2 100%);border-color:#22c55e66}.cockpit-card.theme-move:hover:not(.disabled){border-color:#22c55e;box-shadow:0 6px 18px #22c55e59}.cockpit-card.theme-flee{background:linear-gradient(135deg,#3341558c 0%,#0f172af2 100%);border-color:#94a3b84d}.cockpit-card.theme-flee:hover:not(.disabled){border-color:#94a3b8;box-shadow:0 6px 18px #94a3b84d}.cockpit-card.theme-ability{background:linear-gradient(135deg,#581c8799 0%,#0f172af2 100%);border-color:#a855f766}.cockpit-card.theme-ability:hover:not(.disabled){border-color:#a855f7;box-shadow:0 6px 18px #a855f759}.cockpit-card.theme-item{background:linear-gradient(135deg,#713f1299 0%,#0f172af2 100%);border-color:#eab30866}.cockpit-card.theme-item:hover:not(.disabled){border-color:#eab308;box-shadow:0 6px 18px #eab30859}.reckless-selection-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin-top:1rem;display:grid}.reckless-cell{cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0000004d}.reckless-cell.cell-mega-crit{background:linear-gradient(135deg,#7c2d12 0%,#b45309 100%);border:1.5px solid #f59e0b}.reckless-cell.cell-mega-crit:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 20px #f59e0b99}.reckless-cell.cell-crit{background:linear-gradient(135deg,#991b1b 0%,#dc2626 100%);border:1.5px solid #ef4444}.reckless-cell.cell-crit:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 18px #ef444480}.reckless-cell.cell-hit{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);border:1.5px solid #60a5fa}.reckless-cell.cell-hit:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 16px #3b82f680}.reckless-cell.cell-miss{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1.5px solid #64748b}.reckless-cell.cell-miss:hover{transform:translateY(-2px);box-shadow:0 0 12px #64748b66}.reckless-cell.cell-fumble{background:linear-gradient(135deg,#4c0519 0%,#881337 100%);border:1.5px solid #f43f5e}.reckless-cell.cell-fumble:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 20px #f43f5e99}.reckless-cell-title{color:#fff;font-size:.92rem;font-weight:800;font-family:var(--font-heading)}.reckless-cell-prob{opacity:.85;color:#f1f5f9;font-size:.72rem}.reckless-cell-pred{color:#fef08a;margin-top:2px;font-size:.85rem;font-weight:700}.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}.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.swap-ally-tile{background:#3b82f640;border:2px dashed #60a5fa;box-shadow:0 0 10px #3b82f666}.mini-grid-tile.swap-ally-tile:hover{background:#3b82f673;border-style:solid;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-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}@media (width<=1200px),(height<=850px){.combat-modal-container{border-radius:12px;width:98%;max-width:98%;max-height:calc(100dvh - .75rem)}.combat-header{padding:.5rem 1rem}.combat-title{font-size:1.1rem}.combat-minimize-btn{padding:.2rem .55rem;font-size:.72rem}.atb-track-container{gap:.2rem;padding:.35rem .75rem}.atb-track-title{font-size:.75rem}.atb-track-subtitle{font-size:.62rem}.atb-slot{gap:.2rem;min-width:90px;padding:.2rem .3rem}.atb-unit-badge{gap:.25rem;padding:.2rem .3rem}.atb-unit-name{font-size:.68rem}.atb-unit-tag{font-size:.6rem}.combat-timeline-action-bar{gap:6px;margin-top:4px;padding:3px 12px;font-size:.78rem}.combat-workspace{padding:.5rem .75rem}.combat-turn-banner{margin-bottom:.35rem;padding:.4rem .75rem}.action-log-panel{margin-top:.35rem;padding:.4rem .65rem;font-size:.82rem}.math-breakdown{gap:.35rem!important;margin-top:.3rem!important;padding:.35rem .5rem!important}.math-part{gap:.1rem}.math-val{font-size:1.15rem!important}.math-operator{font-size:1.05rem!important}.math-lbl{font-size:.65rem!important}.result-part .math-val{font-size:1.35rem!important}.combat-confirm-bar{padding-top:.35rem}.combat-confirm-bar .btn-confirm{padding:.5rem 1.25rem;font-size:.95rem}.combat-room-map{width:320px;padding:.65rem}.combat-room-map .map-title{margin-bottom:.35rem;font-size:.68rem}.mini-grid-board{transform-origin:top;transform:scale(.9)}.combat-cockpit{gap:.6rem;padding:.2rem 0}.cockpit-section{gap:.35rem}.cockpit-section-header{padding-bottom:.2rem;font-size:.72rem}.cockpit-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.4rem}.cockpit-card{border-radius:8px;gap:0;padding:.45rem .65rem}.cockpit-card-title{font-size:.82rem}.cockpit-badge{padding:1px 4px;font-size:.65rem}.cockpit-card-desc{display:none}.reckless-selection-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.2rem;margin-top:.5rem}.reckless-cell{border-radius:8px;gap:.15rem;padding:.25rem .4rem}.reckless-cell-title{font-size:.8rem;line-height:1.15}.reckless-cell-prob{display:none}.reckless-cell-pred{font-size:.78rem}}@media (width<=768px){.combat-body{flex-direction:column;overflow-y:auto}.combat-room-map{border-top:1px solid #3f3e52;border-left:none;width:100%;padding:.5rem}.math-breakdown{gap:.2rem!important}.math-val{font-size:1.05rem!important}.result-part .math-val{font-size:1.25rem!important}}.logpose-container{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:220px;height:230px;margin:8px auto 16px;display:flex;position:relative}.logpose-metal-base{z-index:1;background:linear-gradient(#94a3b8 0%,#475569 50%,#1e293b 100%);border:1.5px solid #cbd5e1;border-top:none;border-radius:0 0 16px 16px;justify-content:center;align-items:center;width:140px;height:26px;display:flex;position:absolute;bottom:6px;box-shadow:0 10px 20px #000000d9}.logpose-rivets{align-items:center;gap:14px;display:flex}.logpose-rivets span{background:#e2e8f0;border-radius:50%;width:5px;height:5px;box-shadow:inset 0 1px 1px #fff,0 1px 2px #000}.logpose-orb{z-index:2;background:radial-gradient(circle at 40% 30%,#f0f9ff38 0%,#38bdf81f 40%,#0369a159 75%,#022c4ad9 100%);border:2.5px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:190px;height:190px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #fff6,inset -8px -8px 25px #0009,0 0 35px #38bdf859,0 12px 25px #000000b3}.logpose-glass-glare{pointer-events:none;filter:blur(.5px);z-index:10;background:radial-gradient(#ffffffd9 0%,#ffffff4d 50%,#0000 80%);border-radius:50%;width:65px;height:42px;position:absolute;top:12px;left:20px;transform:rotate(-35deg)}.logpose-top-cap{z-index:8;background:linear-gradient(#38bdf8 0%,#0369a1 100%);border:1px solid #ffffffb3;border-radius:50%;width:28px;height:10px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}.logpose-stem{z-index:3;background:linear-gradient(#e2e8f0 0%,#64748b 100%);width:2px;height:86px;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:0 0 2px #fff6}.logpose-bottom-dial{pointer-events:none;z-index:2;background:radial-gradient(#0ea5e926 0%,#020617b3 80%);border:1.5px solid #38bdf866;border-radius:50%;width:120px;height:50px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 10px #38bdf840}.logpose-dial-rings{border:1px dashed #94a3b859;border-radius:50%;width:64px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logpose-point-n{color:#38bdf8;font-size:.65rem;font-weight:700;position:absolute;top:2px;left:50%;transform:translate(-50%)}.logpose-point-s{color:#64748b;font-size:.65rem;font-weight:700;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.logpose-point-e{color:#64748b;font-size:.65rem;font-weight:700;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.logpose-point-o{color:#64748b;font-size:.65rem;font-weight:700;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.logpose-needle-wrapper{z-index:5;justify-content:center;align-items:center;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:0;left:0}.logpose-needle-body{justify-content:center;align-items:center;width:32px;height:110px;animation:3.5s ease-in-out infinite logpose-float;display:flex;position:relative}@keyframes logpose-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(1.2deg)}}.logpose-arrow-north{filter:drop-shadow(0 0 6px #ef4444b3);width:28px;height:56px;display:flex;position:absolute;top:2px}.logpose-arrow-facet-left.red{clip-path:polygon(100% 0,100% 100%,0 75%);background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);width:14px;height:56px}.logpose-arrow-facet-right.red{clip-path:polygon(0 0,100% 75%,0 100%);background:linear-gradient(135deg,#f87171 0%,#dc2626 100%);width:14px;height:56px}.logpose-arrow-south{filter:drop-shadow(0 2px 4px #00000080);width:28px;height:50px;display:flex;position:absolute;bottom:2px}.logpose-arrow-facet-left.white{clip-path:polygon(100% 100%,0 25%,100% 0);background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 100%);width:14px;height:50px}.logpose-arrow-facet-right.white{clip-path:polygon(0 100%,0 0,100% 25%);background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);width:14px;height:50px}.logpose-center-pivot{z-index:7;background:radial-gradient(circle at 35% 35%,#fbbf24,#b45309);border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 8px #fbbf24cc,0 2px 4px #0009}.logpose-container.size-small{margin:-10px auto;transform:scale(.75)}.logpose-container.size-large{margin:16px auto 24px;transform:scale(1.2)}.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:1.5rem;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-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}.dd-toggle-root{cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;align-items:center;display:inline-flex;position:relative}.dd-toggle-input{opacity:0;pointer-events:none;width:0;height:0;margin:0;position:absolute}.dd-toggle-track{box-sizing:border-box;background:linear-gradient(#0d0f14 0%,#171b24 100%);border:1px solid #ffffff1f;border-radius:9999px;align-items:center;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:inset 0 2px 5px #000c,0 1px 2px #ffffff0d}.dd-toggle-root:not(.is-disabled):hover .dd-toggle-track{border-color:#d4af3759;box-shadow:inset 0 2px 5px #000c,0 0 8px #d4af3726}.dd-toggle-runes{pointer-events:none;font-family:var(--font-heading,serif);justify-content:space-between;align-items:center;padding:0 6px;font-size:.62rem;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.dd-toggle-rune-on{color:#fbbf24b3;opacity:0;text-shadow:0 0 6px #fbbf2499;transition:opacity .2s,transform .2s;transform:scale(.7)}.dd-toggle-rune-off{color:#94a3b84d;opacity:1;margin-left:auto;transition:opacity .2s}.dd-toggle-thumb{background:linear-gradient(135deg,#475569 0%,#1e293b 100%);border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;transition:transform .24s cubic-bezier(.16,1,.3,1),background .2s,box-shadow .2s;display:flex;position:absolute;box-shadow:0 2px 6px #0009,inset 0 1px 1px #ffffff4d}.dd-toggle-thumb-core{background:#ffffff26;border-radius:50%;width:32%;height:32%;transition:all .2s}.dd-toggle-root.is-checked.variant-amber .dd-toggle-track{background:linear-gradient(#1f1809 0%,#2f2307 100%);border-color:#f59e0b99;box-shadow:inset 0 2px 5px #000000b3,0 0 12px #f59e0b40}.dd-toggle-root.is-checked.variant-amber .dd-toggle-thumb{background:linear-gradient(135deg,#fbbf24 0%,#b45309 100%);border-color:#fef08a;box-shadow:0 2px 8px #0009,0 0 10px #fbbf2499,inset 0 1px 2px #fff9}.dd-toggle-root.is-checked.variant-amber .dd-toggle-thumb-core{background:#fff;box-shadow:0 0 4px #fff}.dd-toggle-root.is-checked .dd-toggle-rune-on{opacity:1;transform:scale(1)}.dd-toggle-root.is-checked .dd-toggle-rune-off{opacity:0}.dd-toggle-root.is-checked.variant-ember .dd-toggle-track{background:linear-gradient(#200808 0%,#350b0b 100%);border-color:#ef444499;box-shadow:inset 0 2px 5px #000000b3,0 0 12px #ef44444d}.dd-toggle-root.is-checked.variant-ember .dd-toggle-thumb{background:linear-gradient(135deg,#f87171 0%,#991b1b 100%);border-color:#fecaca;box-shadow:0 2px 8px #0009,0 0 10px #ef444499}.dd-toggle-root.size-md .dd-toggle-track{width:48px;height:24px}.dd-toggle-root.size-md .dd-toggle-thumb{width:18px;height:18px;left:2px}.dd-toggle-root.size-md.is-checked .dd-toggle-thumb{transform:translate(24px)}.dd-toggle-root.size-sm .dd-toggle-track{width:38px;height:20px}.dd-toggle-root.size-sm .dd-toggle-thumb{width:14px;height:14px;left:2px}.dd-toggle-root.size-sm .dd-toggle-runes{padding:0 4px;font-size:.52rem}.dd-toggle-root.size-sm.is-checked .dd-toggle-thumb{transform:translate(18px)}.dd-toggle-root.size-lg .dd-toggle-track{width:56px;height:28px}.dd-toggle-root.size-lg .dd-toggle-thumb{width:22px;height:22px;left:2px}.dd-toggle-root.size-lg .dd-toggle-runes{padding:0 8px;font-size:.72rem}.dd-toggle-root.size-lg.is-checked .dd-toggle-thumb{transform:translate(28px)}.dd-toggle-root.is-disabled{cursor:not-allowed;opacity:.45}.dd-button-group{box-sizing:border-box;background:#1b1f2b99;border:1px solid #ffffff1a;border-radius:8px;align-items:stretch;padding:2px;display:inline-flex;position:relative;box-shadow:inset 0 1px 3px #00000080}.dd-button-group.full-width{width:100%;display:flex}.dd-button-group.full-width>.dd-button-group-item,.dd-button-group.full-width>button{flex:1}.dd-button-group>.dd-button-group-item,.dd-button-group>button{color:var(--text-muted,#94a3b8);cursor:pointer;box-sizing:border-box;text-align:center;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.45rem;margin:0;font-family:inherit;font-weight:600;line-height:1.2;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.dd-button-group>.dd-button-group-item:not(:first-child):not(.is-active):before,.dd-button-group>button:not(:first-child):not(.active):before{content:"";background:#ffffff14;width:1px;position:absolute;top:25%;bottom:25%;left:-2px}.dd-button-group>.dd-button-group-item:not(.is-active):not(:disabled):hover,.dd-button-group>button:not(.active):not(:disabled):hover{color:#f8fafc;background:#ffffff0f}.dd-button-group>.dd-button-group-item.is-active,.dd-button-group>button.active{color:var(--text-accent,#fbbf24);z-index:2;background:linear-gradient(135deg,#212b3cf2 0%,#151c2bfa 100%);border-color:#d4af3766;box-shadow:0 2px 8px #00000080,0 0 12px #d4af3726}.dd-button-group.variant-default>.dd-button-group-item.is-active,.dd-button-group.variant-default>button.active{color:#fbbf24;border-color:#d4af378c}.dd-button-group.variant-default>.dd-button-group-item.is-active .dd-button-group-label,.dd-button-group.variant-default>button.active{text-shadow:0 0 8px #fbbf244d}.dd-button-group-text{flex-direction:column;align-items:center;gap:.15rem;display:flex}.dd-button-group-label{letter-spacing:.3px;font-size:.88rem}.dd-button-group-sublabel{opacity:.65;font-size:.68rem;font-weight:500}.dd-button-group-icon{justify-content:center;align-items:center;display:inline-flex}.dd-button-group.size-sm>.dd-button-group-item,.dd-button-group.size-sm>button{padding:.35rem .6rem;font-size:.78rem}.dd-button-group.size-sm .dd-button-group-label{font-size:.78rem}.dd-button-group.size-sm .dd-button-group-sublabel{font-size:.62rem}.dd-button-group.size-md>.dd-button-group-item,.dd-button-group.size-md>button{padding:.5rem .85rem;font-size:.88rem}.dd-button-group.size-lg>.dd-button-group-item,.dd-button-group.size-lg>button{padding:.65rem 1.15rem;font-size:.95rem}.dd-button-group>.dd-button-group-item:disabled,.dd-button-group>button:disabled{opacity:.4;cursor:not-allowed}.settings-body-container{flex-direction:column;gap:1.2rem;display:flex}.settings-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;transition:background .15s;display:flex}.settings-item:hover{background:#ffffff0d}.settings-item.is-stacked{flex-direction:column;align-items:flex-start;gap:.75rem}.settings-item-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.settings-item-header{align-items:center;gap:.5rem;display:flex}.settings-item-icon{color:var(--text-accent,#fbbf24);align-items:center;display:flex}.settings-item-label{color:#f8fafc;font-size:.95rem;font-weight:600;font-family:var(--font-heading,serif)}.settings-override-badge{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:500}.settings-item-desc{color:var(--text-muted,#94a3b8);font-size:.78rem;line-height:1.35}.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,.choice-options-grid{flex-direction:column;gap:.85rem;width:100%;max-height:360px;margin-top:.85rem;padding:.25rem .35rem .25rem .2rem;display:flex;overflow-y:auto}.choice-option-button{text-align:left;cursor:pointer;background:linear-gradient(135deg,#1e293bd9 0%,#0f172af2 100%);border:1px solid #ffffff1f;border-left:4px solid #64748b;border-radius:8px;flex-direction:column;gap:.45rem;padding:.95rem 1.15rem;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 10px #00000040}.choice-option-button:hover{background:linear-gradient(135deg,#2d374ef2 0%,#141e34fa 100%);border-color:#fbbf2473 #fbbf2473 #fbbf2473 #fbbf24;border-left-style:solid;border-left-width:4px;transform:translateY(-2px);box-shadow:0 8px 18px -2px #00000073,0 0 14px #fbbf242e}.choice-option-button:active{transform:translateY(0);box-shadow:0 2px 6px #0006}.choice-option-title{color:#f8fafc;letter-spacing:.2px;text-shadow:0 1px 2px #0009;font-size:.96rem;font-weight:700;line-height:1.35;transition:color .2s}.choice-option-button:hover .choice-option-title{color:#fef08a}.choice-option-details{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-top:.2rem;font-size:.8rem;display:flex}.choice-option-type{color:#94a3b8;letter-spacing:.2px;background:#0f172ab3;border:1px solid #94a3b833;border-radius:4px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.76rem;font-weight:600;display:inline-flex}.choice-option-cost{color:#fca5a5;text-shadow:0 0 6px #ef444440;background:#dc262626;border:1px solid #ef444459;border-radius:4px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.76rem;font-weight:700;display:inline-flex}.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.1rem;line-height:1.25}.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(135deg,#1e293bb3,#0f172ad9);border:1px solid #ffffff26;border-radius:6px;align-self:flex-start;align-items:center;gap:.4rem;margin-top:.6rem;padding:.65rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.choice-back-button:hover{color:#fff;background:linear-gradient(135deg,#334155e6,#1e293bf2);border-color:#ffffff4d;transform:translate(-2px);box-shadow:0 4px 10px #0000004d}.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{width:92%;max-width:var(--modal-large);background:linear-gradient(160deg,#0e1713 0%,#080d0a 100%);border:1px solid #10b981;border-radius:12px;flex-direction:column;gap:1.25rem;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:.5rem;padding-top:1rem;display:flex}.btn-transmute-confirm{font-family:var(--font-heading);cursor:pointer;letter-spacing:.5px;flex:1;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}.btn-transmute-fail{font-family:var(--font-heading);cursor:pointer;letter-spacing:.5px;font-size:.85rem;color:#fef3c7!important;background:linear-gradient(135deg,#d97706d9 0%,#92400ef2 100%)!important;border:1px solid #f59e0b!important;border-radius:6px!important;padding:.65rem 1.15rem!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 0 15px #f59e0b4d!important}.btn-transmute-fail:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#f59e0b 0%,#b45309 100%)!important;box-shadow:0 0 20px #f59e0b80!important}.btn-transmute-fail:disabled{cursor:not-allowed;color:#64748b!important;box-shadow:none!important;background:#1e293b!important;border-color:#334155!important}.transmute-item-card.disabled{opacity:.35;filter:grayscale(.6);cursor:not-allowed}.transmute-meta-bar{color:#94a3b8;background:#0000004d;border:1px dashed #10b98140;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .85rem;font-size:.8rem;display:flex}.transmute-dc-pill{color:#38bdf8;font-weight:700}.transmute-embers-pill{color:#f59e0b;font-weight:700}.transmute-result-banner{border-radius:8px;flex-direction:column;gap:.4rem;padding:.9rem 1.1rem;display:flex}.transmute-result-banner.success{background:linear-gradient(135deg,#10b98140 0%,#064e3b59 100%);border:1px solid #10b981;box-shadow:0 0 20px #10b98133}.transmute-result-banner.unstable{background:linear-gradient(135deg,#f59e0b33 0%,#78350f4d 100%);border:1px solid #f59e0b;box-shadow:0 0 20px #f59e0b33}.transmute-roll-tag{letter-spacing:1px;text-transform:uppercase;font-size:.72rem;font-weight:800}.transmute-result-banner.success .transmute-roll-tag{color:#34d399}.transmute-result-banner.unstable .transmute-roll-tag{color:#fbbf24}.transmute-roll-details{color:#f1f5f9;font-size:.85rem;font-weight:600}.transmute-roll-instruction{color:#cbd5e1;font-size:.75rem}.transmute-candidates-grid{flex-direction:column;gap:.5rem;max-height:250px;padding-right:.4rem;display:flex;overflow-y:auto}.transmute-candidate-card{cursor:pointer;background:#0f1713cc;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.65rem .9rem;transition:all .2s;display:flex}.transmute-candidate-card:hover{background:#10b98126;border-color:#10b98166;transform:translate(3px)}.transmute-candidate-card.selected{background:linear-gradient(90deg,#10b98140 0%,#0596692e 100%);border:1px solid #10b981;box-shadow:0 0 12px #10b9814d}.transmute-candidate-card.unstable-card{cursor:default;background:linear-gradient(90deg,#f59e0b2e 0%,#b453091f 100%);border:1px solid #f59e0b99;box-shadow:0 0 14px #f59e0b33}.game-over-modal{max-width:var(--modal-large);text-align:center;color:#e2e8f0;background:linear-gradient(#18151b 0%,#0d0c0f 100%);border:2px solid #dc262666;border-radius:12px;width:90%;padding:2.5rem;position:relative;box-shadow:0 0 50px #b91c1c4d,inset 0 0 30px #000c}.game-over-header{margin-bottom:2rem}.game-over-icon{filter:drop-shadow(0 0 15px #ef444499);margin-bottom:.5rem;font-size:3rem;animation:2.5s ease-in-out infinite pulseIcon;display:block}@keyframes pulseIcon{0%,to{filter:drop-shadow(0 0 15px #ef444499);transform:scale(1)}50%{filter:drop-shadow(0 0 25px #ef4444e6);transform:scale(1.08)}}.game-over-title{letter-spacing:2px;color:#ef4444;text-shadow:0 2px 10px #000000e6,0 0 20px #dc2626cc;text-transform:uppercase;margin:0;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:3rem;font-weight:900}.game-over-subtitle{color:#94a3b8;margin-top:.75rem;font-size:1rem;font-style:italic;line-height:1.5}.game-over-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}.game-over-stat-card{background:#0006;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:.3rem;padding:.85rem;display:flex}.stat-card-label{text-transform:uppercase;color:#64748b;letter-spacing:1px;font-size:.75rem;font-weight:700}.stat-card-value{color:#f1f5f9;font-size:1.25rem;font-weight:800}.game-over-fallen-heroes{text-align:left;background:#0000004d;border:1px solid #ef444426;border-radius:8px;margin-bottom:2rem;padding:1rem}.fallen-title{color:#f87171;text-transform:uppercase;letter-spacing:1px;margin:0 0 .75rem;font-size:.8rem;font-weight:700}.fallen-heroes-list{flex-wrap:wrap;gap:.5rem;display:flex}.fallen-hero-pill{background:#dc26261a;border:1px solid #dc26264d;border-radius:6px;flex-direction:column;padding:.4rem .75rem;display:flex}.fallen-hero-name{color:#fca5a5;font-size:.85rem;font-weight:700}.fallen-hero-class{color:#94a3b8;font-size:.7rem}.game-over-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}.btn-game-over-exit{letter-spacing:1px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#b91c1c 0%,#7f1d1d 100%);border:1px solid #f8717166;border-radius:6px;width:100%;padding:.9rem 1.5rem;font-size:1.05rem;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #b91c1c66}.btn-game-over-exit:hover{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);transform:translateY(-2px);box-shadow:0 4px 25px #dc262699}.btn-game-over-spectate{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline;transition:color .2s}.btn-game-over-spectate:hover{color:#94a3b8}.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{width:90%;max-width:var(--modal-large);color:#e2e8f0;background:linear-gradient(#141a26 0%,#0a0d14 100%);border:1px solid #38bdf840;border-radius:12px;flex-direction:column;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 #33ace05e;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}.roll-card-target-box{text-align:center;background:#0f172ab3;border:1px solid #38bdf84d;border-radius:8px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.roll-target-badge{color:#facc15;letter-spacing:.5px;background:#facc151f;border:1px solid #facc1566;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:8px 16px;font-size:1.15rem;font-weight:800;display:inline-flex}.roll-target-breakdown{color:#94a3b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.interactable-roll-decision{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.btn-roll-fail{color:#fecaca;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#991b1bbf,#581c1cf2);border:1px solid #ef444480;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:1rem;font-weight:800;transition:all .15s;display:flex}.btn-roll-fail:hover:not(:disabled){background:linear-gradient(135deg,#b91c1cf2,#7f1d1d);border-color:#ef4444;transform:translateY(-1px);box-shadow:0 0 15px #ef444466}.btn-roll-success{color:#bbf7d0;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#166534bf,#14532df2);border:1px solid #22c55e80;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:1rem;font-weight:800;transition:all .15s;display:flex}.btn-roll-success:hover:not(:disabled){background:linear-gradient(135deg,#22c55ee6,#166534);border-color:#4ade80;transform:translateY(-1px);box-shadow:0 0 15px #22c55e66}.btn-roll-fail:disabled,.btn-roll-success:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.7)}.noise-ambush-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#080406e0;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.noise-ambush-modal{color:#f1f5f9;background:linear-gradient(#1c090d 0%,#100508 100%);border:1px solid #ef444473;border-radius:14px;flex-direction:column;width:90%;max-width:520px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000e6,0 0 35px #dc262638}.noise-ambush-header{background:linear-gradient(90deg,#280a10f2 0%,#14080ccc 100%);border-bottom:1px solid #ef444433;align-items:center;gap:14px;padding:16px 20px;display:flex}.noise-ambush-icon-badge{justify-content:center;align-items:center;width:48px;height:48px;font-size:1.85rem;display:flex}.noise-ambush-title-group{flex:1}.noise-ambush-tag{text-transform:uppercase;letter-spacing:1.2px;color:#fca5a5;border-radius:4px;margin-bottom:4px;font-size:.72rem;font-weight:800;display:inline-block}.noise-ambush-title{letter-spacing:.5px;color:#fff1f2;text-transform:uppercase;text-shadow:0 0 10px #ef444466;margin:0;font-size:1.25rem;font-weight:800}.noise-ambush-subtitle{color:#fca5a5;opacity:.85;font-size:.8rem}.noise-ambush-body{flex-direction:column;gap:16px;padding:20px;display:flex}.noise-ambush-context-row{background:#0006;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;display:flex}.noise-hero-info{align-items:center;gap:8px;display:flex}.noise-hero-name{color:#fff;font-weight:700}.noise-hero-class{color:#94a3b8;font-size:.8rem}.noise-tension-badge{text-transform:uppercase;color:#fca5a5;align-items:center;gap:5px;padding:3px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.noise-roll-card{text-align:center;flex-direction:column;gap:1rem;padding:16px;display:flex}.noise-roll-narrative{color:#fecdd3;margin:0;font-size:.92rem;line-height:1.45}.noise-roll-target-box{background:#00000073;border:1px dashed #ef444480;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin:4px 0;padding:12px 16px;display:flex}.noise-dice-icon{filter:drop-shadow(0 0 6px #ef444499);font-size:1.8rem}.noise-roll-instruction{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.noise-roll-label{text-transform:uppercase;letter-spacing:1px;color:#fda4af;font-size:.75rem;font-weight:700}.noise-roll-value{color:#fff;font-size:1.35rem;font-weight:900;font-family:var(--font-heading,inherit);letter-spacing:.5px}.noise-roll-value span{color:#fb7185}.noise-roll-subtext{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.35}.noise-actions-container{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.btn-noise-action{cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 12px;font-family:inherit;transition:all .2s;display:flex}.btn-noise-action:hover{transform:translateY(-2px)}.btn-noise-action:active{transform:translateY(0)}.btn-noise-action-label{letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;font-size:1.05rem;font-weight:900;display:flex}.btn-noise-action-sub{opacity:.9;font-size:.75rem;font-weight:600}.btn-noise-avoid{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:#34d399;box-shadow:0 4px 12px #10b98140}.btn-noise-avoid:hover{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#6ee7b7;box-shadow:0 6px 18px #10b98173}.btn-noise-ambush{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border-color:#f87171;box-shadow:0 4px 12px #dc262659}.btn-noise-ambush:hover{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border-color:#fca5a5;box-shadow:0 6px 20px #ef444499}.scouting-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#040508d1;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.scouting-modal-content{width:100%;max-width:var(--modal-large);color:#e2e8f0;background:linear-gradient(145deg,#14161f 0%,#0d0e14 100%);border:1px solid #d4af3759;border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;font-family:inherit;display:flex;position:relative;box-shadow:0 16px 45px #000000bf,0 0 25px #d4af371f}.scouting-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;padding-bottom:.75rem;display:flex}.scouting-title-block{flex-direction:column;gap:.25rem;display:flex}.scouting-badge{text-transform:uppercase;letter-spacing:1.2px;color:gold;background:#d4af3726;border:1px solid #d4af374d;border-radius:4px;align-self:flex-start;padding:2px 8px;font-size:.68rem;font-weight:800}.scouting-title{color:#f8fafc;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:800;display:flex}.scouting-hero-hint{color:#94a3b8;margin:0;font-size:.82rem}.scouting-doors-list{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin:.5rem 0;display:grid}.scouting-door-btn{color:#cbd5e1;cursor:pointer;background:#1e223099;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;align-items:center;gap:.4rem;padding:.85rem .6rem;font-family:inherit;transition:all .2s;display:flex}.scouting-door-btn:hover:not(:disabled){color:gold;background:#d4af371f;border-color:#d4af3773;transform:translateY(-2px)}.scouting-door-btn.selected{color:#fff;background:linear-gradient(135deg,#d4af3740,#a0781426);border-color:gold;font-weight:700;box-shadow:0 0 15px #d4af3733}.scouting-door-icon{font-size:1.4rem}.scouting-door-label{letter-spacing:.5px;font-size:.85rem}.scouting-result-card{background:radial-gradient(circle at top,#1c202ef2,#0f111af2);border:1px solid #d4af374d;border-radius:10px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex;position:relative;box-shadow:inset 0 0 30px #00000080}.scouting-phrase{color:#f1f5f9;text-align:center;margin:0;padding:.5rem .25rem;font-size:1rem;font-style:italic;line-height:1.55;position:relative}.scouting-phrase:before{content:"« ";color:gold;font-size:1.2rem;font-weight:700}.scouting-phrase:after{content:" »";color:gold;font-size:1.2rem;font-weight:700}.scouting-deduction-badge{color:#cbd5e1;letter-spacing:.3px;background:#00000073;border:1px solid #ffffff26;border-radius:6px;align-self:center;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.82rem;display:inline-flex}.scouting-deduction-badge strong{color:gold}.scouting-disclaimer{color:#64748b;text-align:center;letter-spacing:.3px;margin:0;font-size:.72rem}.scouting-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.scouting-actions .btn-scout-action{color:#0b0c10;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#d4af37 0%,#aa8500 100%);border:none;border-radius:8px;flex:1;padding:.75rem 1.25rem;font-size:.9rem;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #d4af3740}.scouting-actions .btn-scout-action:hover:not(:disabled){background:linear-gradient(135deg,#e6c24f 0%,#bb9400 100%);transform:translateY(-1px);box-shadow:0 4px 20px #d4af3766}.scouting-actions .btn-scout-action:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.scouting-master-panel{background:#0a0c12d9;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:.75rem;margin-top:.25rem;padding:1rem;display:flex}.scouting-master-panel.is-truth{border-color:#22c55e80;box-shadow:0 0 15px #22c55e1f}.scouting-master-panel.is-deception{border-color:#ef444480;box-shadow:0 0 15px #ef44441f}.scouting-master-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.scouting-master-tag{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;font-weight:700}.scouting-verdict-badge{letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:800}.scouting-verdict-badge.badge-truth{color:#4ade80;background:#22c55e33;border:1px solid #22c55e66}.scouting-verdict-badge.badge-deception{color:#f87171;background:#ef444433;border:1px solid #ef444466}.scouting-roll-summary{color:#cbd5e1;background:#00000059;border-radius:6px;padding:.4rem .65rem;font-size:.82rem}.scouting-comparison-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.scouting-comp-box{background:#0006;border-radius:6px;flex-direction:column;gap:.2rem;padding:.5rem .75rem;display:flex}.scouting-comp-box .comp-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.scouting-comp-box .comp-value{color:#f1f5f9;font-size:.85rem;font-weight:700}.scouting-comp-box.real.match .comp-value{color:#4ade80}.scouting-comp-box.real.mismatch .comp-value{color:#f87171}.equipment-sandbox-container{color:#e2e8f0;box-sizing:border-box;background:radial-gradient(circle at 50% 20%,#151828 0%,#0a0b12 100%);flex-direction:column;width:100vw;height:100vh;font-family:inherit;display:flex;overflow:hidden}.equipment-sandbox-container *{font-family:var(--font-body,"Josefin Sans", sans-serif)}.equip-sandbox-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#121722d9;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.equip-sandbox-header h1{letter-spacing:1.5px;color:#f8fafc;align-items:center;gap:.6rem;margin:0;font-size:1.4rem;font-weight:700;display:flex;font-family:var(--font-heading,"Cinzel", serif)!important}.equip-sandbox-header .subtitle-tag{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf866;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:400}.equip-sandbox-main{box-sizing:border-box;flex:1;grid-template-columns:420px 1fr;gap:1rem;padding:1rem;display:grid;overflow:hidden}.equip-hero-panel{background:#111827bf;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto;box-shadow:0 8px 32px #00000059}.class-picker-row{flex-direction:column;gap:.4rem;display:flex}.picker-row-labels{justify-content:space-between;align-items:center;padding-right:.25rem;display:flex}.class-picker-row label{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;font-size:.75rem;font-weight:700}.class-picker-controls{align-items:center;gap:.5rem;display:flex}.class-select{color:#f8fafc;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;flex:1;padding:.55rem .8rem;font-size:.95rem;font-weight:600;transition:border-color .2s}.class-select:focus{border-color:#38bdf8}.gender-toggle-btn{color:#f8fafc;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;min-width:42px;padding:.45rem .75rem;font-size:1.15rem;transition:all .2s;display:flex}.gender-toggle-btn:hover{background:#1e293b;border-color:#38bdf8;transform:translateY(-1px)}.level-input-wrapper{box-sizing:border-box;background:#0f172a;border:1px solid #334155;border-radius:6px;align-items:center;height:38px;padding:0 .5rem;transition:border-color .2s;display:flex}.level-input-wrapper:focus-within{border-color:#38bdf8}.level-input-wrapper .level-prefix{color:#94a3b8;-webkit-user-select:none;user-select:none;margin-right:.2rem;font-size:.8rem;font-weight:700}.level-input{color:#f8fafc;text-align:center;background:0 0;border:none;outline:none;width:38px;font-size:.95rem;font-weight:700}.level-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.level-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.level-input[type=number]{-moz-appearance:textfield}.hero-identity-card{background:#1e293b80;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:1rem;padding:.8rem;display:flex}.hero-avatar-box{background:#0b0f19;border:2px solid #475569;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex;overflow:hidden}.hero-avatar-box img{object-fit:cover;width:100%;height:100%}.hero-title-box{flex-direction:column;gap:.25rem;display:flex}.hero-title-name-row{align-items:center;gap:.6rem;display:flex}.hero-title-box h3{color:#f1f5f9;margin:0;font-size:1.15rem}.hero-level-badge{color:#fde047;letter-spacing:.5px;text-transform:uppercase;background:#eab30826;border:1px solid #eab30866;border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.hero-class-tag{color:#94a3b8;font-size:.8rem}.stat-display-section{flex-direction:column;gap:.6rem;display:flex}.stat-section-header{justify-content:space-between;align-items:center;padding:0 .1rem;display:flex}.stat-section-title{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;font-size:.75rem;font-weight:700}.stat-points-badge-group{align-items:center;gap:.5rem;display:flex}.stat-points-remaining{color:#94a3b8;background:#0f172acc;border:1px solid #334155;border-radius:4px;padding:.2rem .55rem;font-size:.75rem}.stat-points-remaining strong{color:#f8fafc}.stat-points-remaining.has-points{color:#fde047;background:#eab30826;border-color:#eab30866}.stat-points-remaining.has-points strong{color:#fde047}.btn-reset-stats{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:4px;padding:.18rem .45rem;font-size:.68rem;transition:all .2s}.btn-reset-stats:hover{color:#f87171;background:#f871711a;border-color:#f87171}.stat-grid-primary{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.stat-badge-card{text-align:center;background:#0f172a99;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;align-items:center;padding:.45rem .4rem;display:flex}.stat-badge-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:.15rem;display:flex}.stat-badge-lbl{color:#94a3b8;text-transform:uppercase;font-size:.72rem;font-weight:700}.stat-allocated-tag{color:#fde047;background:#eab30833;border-radius:3px;padding:.05rem .25rem;font-size:.65rem;font-weight:800;line-height:1.1}.stat-badge-controls{justify-content:space-between;align-items:center;gap:.2rem;width:100%;margin:.15rem 0;display:flex}.stat-badge-val{color:#f8fafc;text-align:center;min-width:28px;font-size:1.25rem;font-weight:800}.stat-btn{color:#f8fafc;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e293bcc;border:1px solid #475569;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:.95rem;font-weight:700;line-height:1;transition:all .15s;display:flex}.stat-btn:hover:not(:disabled){color:#0f172a;background:#38bdf8;border-color:#38bdf8;transform:scale(1.08)}.stat-btn:disabled{opacity:.25;cursor:not-allowed;border-color:#ffffff0d}.stat-badge-breakdown{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:.1rem;font-size:.65rem;overflow:hidden}.combat-derived-row{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.2rem;display:grid}.derived-card{border-radius:8px;flex-direction:column;gap:.2rem;padding:.7rem .8rem;display:flex}.derived-card.hp-card{background:#ef44441f;border:1px solid #ef444459}.derived-card.armor-card{background:#a855f726;border:1px solid #a855f766}.derived-card .title{text-transform:uppercase;color:#cbd5e1;font-size:.75rem;font-weight:700}.derived-card .value{font-size:1.4rem;font-weight:900}.derived-card.hp-card .value{color:#fca5a5}.derived-card.armor-card .value{color:#d8b4fe}.speed-ticks-box{background:#1e293b66;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-around;padding:.5rem .8rem;font-size:.78rem;display:flex}.speed-tick-item strong{color:#38bdf8}.equipment-slots-header{justify-content:space-between;align-items:center;display:flex}.equipment-slots-header span{text-transform:uppercase;letter-spacing:.6px;color:#cbd5e1;font-size:.85rem;font-weight:700}.btn-clear-loadout{color:#fca5a5;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:4px;padding:.25rem .6rem;font-size:.72rem;transition:all .2s}.btn-clear-loadout:hover{background:#ef444433}.equipment-slot-list{flex-direction:column;gap:.45rem;display:flex}.equipment-slot-card{background:#0f172a99;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .75rem;transition:border-color .15s;display:flex}.equipment-slot-card.filled{background:#0f172ad9;border-color:#38bdf859}.slot-left-info{align-items:center;gap:.6rem;display:flex;overflow:hidden}.slot-tag{color:#94a3b8;text-transform:uppercase;min-width:75px;font-size:.7rem;font-weight:700}.slot-item-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.slot-item-empty{color:#64748b;font-size:.8rem;font-style:italic}.btn-unequip-slot{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:4px;flex-shrink:0;padding:.2rem .5rem;font-size:.72rem}.btn-unequip-slot:hover{background:#ef44444d}.equip-catalog-panel{background:#111827bf;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000059}.equip-catalog-panel .catalog-header-bar{background:#141a2766;border-bottom:1px solid #ffffff14;flex-direction:column;gap:.75rem;padding:1rem 1.25rem .75rem;display:flex}.equip-catalog-panel .catalog-body{flex:1;padding:.5rem;overflow-y:auto}.btn-equip-item{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #60a5fa;border-radius:4px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:all .15s}.btn-equip-item:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f666}.btn-equip-item.is-equipped{color:#86efac;cursor:default;background:#22c55e33;border-color:#22c55e}.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}.mission-creator-container *{font-family:var(--font-body,"Josefin Sans", sans-serif)}.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}.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}.node-narrative{--node-color:#00e5ff;--node-color-alpha:#00e5ff40}.node-choice{--node-color:#fd00ab;--node-color-alpha:#fd00ab40}.node-dice-challenge{--node-color:#a855f7;--node-color-alpha:#a855f740}.node-branch{--node-color:#f59e0b;--node-color-alpha:#f59e0b40}.node-ending{--node-color:gold;--node-color-alpha:#ffd70040}.graph-node-label{justify-content:space-between;align-items:center;display:flex}.graph-node-name{color:#fff;font-size:.9rem;font-weight:700}.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{letter-spacing:.02rem;text-transform:uppercase;color:var(--text-muted,#8b8b99);font-size:.7rem;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;background:#000000d9;border:1px solid #ffffff0f;border-radius:4px;padding:.55rem .7rem;font-size:.85rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007acc;outline:none;box-shadow:0 0 0 1px #007acc}.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}.interactables-section{flex-direction:column;gap:.85rem;margin-top:.75rem;display:flex}.interactables-header{border-bottom:1px solid #d4af3733;justify-content:space-between;align-items:center;padding-bottom:.6rem;display:flex}.interactables-title{font-family:var(--font-heading,"Cinzel", serif);letter-spacing:.8px;color:var(--text-accent,#d4af37);text-shadow:0 0 8px #d4af3740;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.interactables-badge-count{color:var(--text-accent,#d4af37);background:#d4af3726;border:1px solid #d4af3759;border-radius:12px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.btn-add-interactable{font-size:.75rem;font-family:var(--font-heading,"Cinzel", serif);letter-spacing:.6px;color:var(--text-accent,#d4af37);cursor:pointer;background:linear-gradient(135deg,#d4af3726 0%,#00000080 100%);border:1px solid #d4af3766;border-radius:4px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-add-interactable:hover{color:#fff;background:linear-gradient(135deg,#d4af374d 0%,#141419cc 100%);border-color:gold;transform:translateY(-1px);box-shadow:0 0 12px #d4af3759}.interactables-empty-box{text-align:center;color:var(--text-muted,#8b8b99);background:#0006;border:1px dashed #ffffff1a;border-radius:6px;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem 1rem;font-size:.8rem;display:flex}.interactable-card{border:1px solid #ffffff14;border-left:3px solid var(--text-accent,#d4af37);background:linear-gradient(#18181ee6 0%,#0c0c10fa 100%);border-radius:6px;flex-direction:column;gap:.7rem;padding:.85rem;transition:all .2s;display:flex;box-shadow:0 4px 15px #0009}.interactable-card:hover{border-color:#d4af3759;box-shadow:0 6px 20px #000c}.interactable-card-header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.interactable-card-title-group{flex:1;align-items:center;gap:.6rem;display:flex}.interactable-icon-badge{background:#0009;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.25rem;display:flex;box-shadow:inset 0 0 8px #0009}.interactable-name-input{letter-spacing:.5px;flex:1;transition:all .2s;font-family:var(--font-heading,"Cinzel", serif)!important;color:#fff!important;background:#000000a6!important;border:1px solid #ffffff1f!important;border-radius:4px!important;padding:.35rem .6rem!important;font-size:.85rem!important;font-weight:700!important}.interactable-name-input:focus{outline:none;border-color:var(--text-accent,#d4af37)!important;box-shadow:0 0 10px #d4af3740!important}.btn-icon-danger{color:#ff6b6b;cursor:pointer;background:#c2292926;border:1px solid #c2292959;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:all .2s;display:flex}.btn-icon-danger:hover{color:#fff;background:#c2292966;border-color:#ff4d4d;transform:scale(1.05)}.interactable-grid-row{grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:.5rem;display:grid}.interactable-id-tag{color:var(--text-muted,#8b8b99)!important;background:#0009!important;border:1px solid #ffffff14!important;border-radius:4px!important;padding:.4rem .55rem!important;font-family:monospace!important;font-size:.72rem!important}.interactable-id-tag:focus{outline:none;border-color:var(--text-accent,#d4af37)!important;color:#fff!important}.interactable-roll-box{background:#00000080;border:1px solid #ffffff0f;border-radius:5px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.interactable-roll-label{color:var(--text-muted,#8b8b99);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:700}.interactable-roll-input{text-align:center;font-weight:700;width:48px!important;color:var(--text-accent,#d4af37)!important;background:#000000b3!important;border:1px solid #ffffff26!important;border-radius:3px!important;padding:.3rem!important;font-size:.75rem!important}.interactable-trigger-select{font-weight:600;color:#2ecc71!important;border-color:#2ecc7159!important}.vcb-container{background:#0006;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:.6rem;margin-bottom:.6rem;padding:.75rem;display:flex}.vcb-header{justify-content:space-between;align-items:center;display:flex}.vcb-title{font-family:var(--font-heading,"Cinzel", serif);letter-spacing:.5px;text-transform:uppercase;color:var(--text-accent,#d4af37);font-size:.75rem;font-weight:700}.vcb-mode-btn{color:var(--text-muted,#8b8b99);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:3px;padding:.2rem .55rem;font-size:.68rem;transition:all .2s}.vcb-mode-btn:hover{border-color:var(--text-accent,#d4af37);color:#fff;background:#d4af3726}.vcb-row{align-items:center;gap:.4rem;display:flex}.vcb-val-input{text-align:center;color:#fff!important;background:#000000b3!important;border:1px solid #ffffff26!important;border-radius:4px!important;width:65px!important;padding:.4rem .45rem!important;font-size:.75rem!important}.vcb-chips-row{flex-wrap:wrap;gap:.35rem;display:flex}.vcb-chip{color:var(--text-muted,#8b8b99);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:3px;padding:.2rem .5rem;font-size:.68rem;transition:all .2s}.vcb-chip:hover{color:var(--text-accent,#d4af37);background:#d4af3726;border-color:#d4af3766}.vcb-preview-tag{color:#2ecc71;background:#2ecc7114;border:1px solid #2ecc7140;border-radius:4px;align-items:center;gap:.4rem;padding:.25rem .55rem;font-size:.7rem;display:flex}.consequence-editor-box{background:#00000073;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:.7rem;margin-top:.5rem;padding:.85rem;display:flex}.consequence-editor-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:.4rem;display:flex}.consequence-editor-title{font-family:var(--font-heading,"Cinzel", serif);letter-spacing:.5px;color:var(--text-accent,#d4af37);text-transform:uppercase;font-size:.78rem;font-weight:700}.consequence-item-row{background:#ffffff05;border:1px solid #ffffff0f;border-radius:4px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;display:flex}.consequence-item-label{color:#e2e2e2;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.consequence-input-small{text-align:center;color:#fff!important;background:#000000b3!important;border:1px solid #ffffff1f!important;border-radius:3px!important;width:65px!important;padding:.25rem .45rem!important;font-size:.75rem!important}.creator-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d1;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.creator-modal-window{background:#121216;border:1px solid #d4af3759;border-radius:8px;flex-direction:column;animation:.25s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 16px 48px #000000f2,0 0 25px #d4af3726}.creator-modal-header{background:#121216f2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 1.4rem;display:flex}.creator-modal-title{font-family:var(--font-heading,"Cinzel", serif);letter-spacing:1px;color:var(--text-accent,#d4af37);text-shadow:0 0 10px #d4af374d;align-items:center;gap:.6rem;margin:0;font-size:1.1rem;display:flex}.creator-modal-close{color:var(--text-muted,#8b8b99);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1;transition:all .2s}.creator-modal-close:hover{color:#fff;transform:scale(1.1)}.creator-modal-body{flex:1;padding:1.2rem 1.4rem;overflow-y:auto}.creator-modal-footer{background:#0c0c0ffa;border-top:1px solid #ffffff14;justify-content:flex-end;gap:.75rem;padding:.85rem 1.4rem;display:flex}.creator-context-menu{-webkit-user-select:none;user-select:none;background:#1f1f1f;border:1px solid #454545;border-radius:4px;width:230px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;box-shadow:0 4px 14px #000000a6}.context-menu-header{color:#858585;letter-spacing:.5px;text-transform:uppercase;background:0 0;border-bottom:1px solid #333;justify-content:space-between;align-items:center;height:24px;padding:0 10px;font-size:10px;font-weight:600;display:flex}.btn-close-context{color:#858585;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:2px 4px;font-size:11px;line-height:1}.btn-close-context:hover{color:#fff;background:#ffffff1a}.context-menu-options{flex-direction:column;gap:1px;padding:4px;display:flex}.context-menu-item{color:#ccc;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:3px;justify-content:space-between;align-items:center;height:26px;padding:5px 8px;font-family:inherit;transition:background 80ms,color 80ms;display:flex}.context-menu-item:hover{color:#fff;background:#04395e}.context-menu-item:active{color:#fff;background:#094771}.context-menu-item .cmi-title{color:inherit;letter-spacing:0;font-size:12px;font-weight:400}.context-menu-item .cmi-tag{color:#858585;font-family:Consolas,Courier New,monospace;font-size:10px}.context-menu-item:hover .cmi-tag{color:#dcdcdc}.context-menu-separator{background:#333;height:1px;margin:3px 2px}.creator-select,.mission-creator-container select{color:#ccc!important;cursor:pointer!important;box-sizing:border-box!important;background-color:#252526!important;border:1px solid #3c3c3c!important;border-radius:3px!important;outline:none!important;width:100%!important;padding:5px 8px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:12px!important;transition:border-color .1s,background-color .1s,color .1s!important}.creator-select:hover,.mission-creator-container select:hover{color:#fff!important;background-color:#2a2d2e!important;border-color:#4b4b4b!important}.creator-select:focus,.mission-creator-container select:focus{color:#fff!important;background-color:#1f1f1f!important;border-color:#007acc!important;box-shadow:0 0 0 1px #007acc!important}.creator-select option,.mission-creator-container select option{color:#ccc!important;background-color:#1f1f1f!important;padding:6px 8px!important}.creator-select-sm{padding:3px 6px!important;font-size:11px!important}.creator-select.select-true{color:#10b981!important;border-color:#10b98166!important}.creator-select.select-true:focus{border-color:#10b981!important;box-shadow:0 0 0 1px #10b981!important}.creator-select.select-false{color:#f59e0b!important;border-color:#f59e0b66!important}.creator-select.select-false:focus{border-color:#f59e0b!important;box-shadow:0 0 0 1px #f59e0b!important}.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}.model-viewer-container .desktop-only{height:100%;display:flex}.model-viewer-container .mobile-only{display:none}.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){.model-viewer-container .desktop-only{display:none!important}.model-viewer-container .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:1.5rem;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:2rem}.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:1rem}.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;align-items:flex-start;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;min-height:auto;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:290px;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:600px;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{box-sizing:border-box;flex-direction:column;flex:1;gap:1.5rem;width:100%;min-width:0;max-width:1080px;margin:0 auto;padding:2rem;display:flex;overflow:hidden auto}.patches-version-banner{background:linear-gradient(135deg,#1a1a24cc,#14141cf2);border:1px solid #d4af3740;border-radius:12px;flex-direction:column;gap:1rem;padding:1.75rem;display:flex;position:relative;box-shadow:0 8px 30px #00000080}.patches-banner-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.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:minmax(0,1fr);gap:.75rem;width:100%;min-width:0;display:grid}.patches-change-card{box-sizing:border-box;background:#12121ab3;border:1px solid #ffffff0f;border-left:3px solid #64748b;border-radius:8px;flex-direction:column;gap:.4rem;width:100%;min-width:0;max-width:100%;padding:1.1rem 1.25rem;transition:all .2s;display:flex;overflow:hidden}.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-change-card.is-compact{gap:0;padding:.75rem 1.1rem}.patches-change-card.is-compact:hover{transform:translate(3px)}.patches-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;min-width:0;max-width:100%;padding-block:.25rem;display:flex}.patches-card-title-group{flex-wrap:wrap;flex:auto;align-items:center;gap:.5rem;min-width:0;max-width:100%;display:flex}.patches-class-badge{color:#fbbf24;background:#d4af371f;border:1px solid #d4af3766;border-radius:20px;flex-shrink:0;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.patches-class-badge-img{object-fit:cover;background:#000;border:1px solid #d4af37;border-radius:50%;width:18px;height:18px}.patches-custom-tag{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;align-items:center;padding:.1rem .45rem;font-size:.7rem;font-weight:500;display:inline-flex}.patches-card-title{color:#f8fafc;letter-spacing:.2px;word-break:break-word;overflow-wrap:break-word;font-size:.98rem;font-weight:700}.patches-card-top-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.patches-expand-toggle-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;width:auto;padding:0 .5rem;font-size:.75rem;transition:all .2s;display:flex}.patches-expand-toggle-btn:hover{color:#fbbf24;background:#d4af3726;border-color:#fbbf24}.patches-type-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;flex-shrink:0;padding:.18rem .5rem;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-body{flex-direction:column;gap:.75rem;min-width:0;max-width:100%;margin-top:.4rem;display:flex}.patches-card-desc{color:#cbd5e1;word-break:break-word;overflow-wrap:break-word;margin:0;font-size:.9rem;line-height:1.55}.patches-bullets-list{flex-direction:column;gap:.35rem;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.patches-bullet-item{color:#e2e8f0;align-items:flex-start;gap:.55rem;min-width:0;max-width:100%;font-size:.88rem;line-height:1.45;display:flex}.patches-bullet-marker{color:#fbbf24;flex-shrink:0;margin-top:.2rem;font-size:.75rem}.patches-bullet-text{word-break:break-word;overflow-wrap:break-word;flex:1;min-width:0}.patches-table-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#08080cbf;border:1px solid #d4af3740;border-radius:6px;width:100%;max-width:100%;margin:.35rem 0;overflow-x:auto}.patches-diff-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.patches-diff-table th{color:#fbbf24;font-family:var(--font-heading,"Cinzel", serif);letter-spacing:.5px;white-space:nowrap;background:#ffffff0a;border-bottom:1px solid #d4af3740;padding:.6rem .9rem;font-size:.8rem}.patches-diff-table td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:.55rem .9rem}.patches-diff-table tr:last-child td{border-bottom:none}.patches-diff-table tr:hover td{background:#d4af370a}.patches-diffs-container{flex-direction:column;gap:.4rem;margin:.25rem 0;display:flex}.patches-diff-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem .75rem;font-size:.85rem;display:flex}.patches-diff-label{color:#94a3b8;font-weight:500}.patches-diff-label.has-entity{cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline dotted #d4af3766;text-decoration:underline dotted #d4af3766;transition:color .2s}.patches-diff-label.has-entity:hover{color:#fbbf24}.patches-diff-values{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.patches-diff-before{color:#ef4444;background:#ef44441f;border:1px solid #ef444440;border-radius:4px;padding:.12rem .45rem;font-size:.78rem}.patches-diff-arrow{color:#64748b;font-size:.85rem}.patches-diff-after{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:4px;padding:.12rem .5rem;font-size:.78rem;font-weight:600}.patches-diffs-section{flex-direction:column;gap:.35rem;display:flex}.patches-show-more-btn{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;align-self:flex-start;align-items:center;gap:.35rem;margin-top:.25rem;padding:.22rem .65rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.patches-show-more-btn:hover{color:#fbbf24;background:#d4af371f;border-color:#d4af3766}.patches-show-more-btn svg{flex-shrink:0;transition:transform .2s}.patches-entities-section{flex-direction:column;gap:.5rem;padding-top:.65rem;display:flex}.patches-entities-row{flex-wrap:wrap;gap:.6rem;transition:max-height .3s;display:flex}.patches-entities-row.is-clamped{max-height:94px;overflow:hidden}.patches-entity-chip{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0c0c12e6;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:.55rem;padding:.35rem .65rem;transition:all .2s;display:flex}.patches-entity-chip:hover{background:#161620f2;transform:translateY(-2px)}.patches-entity-chip.tier-0{border-color:#f97316}.patches-entity-chip.tier-1{border-color:#aaa}.patches-entity-chip.tier-2{border-color:#4caf50}.patches-entity-chip.tier-3{border-color:#2196f3}.patches-entity-chip.tier-4{border-color:#9c27b0}.patches-entity-chip.type-ability{border-left:3px solid #fbbf24}.patches-entity-chip.type-background{border-left:3px solid #10b981}.patches-entity-chip.type-class{border-left:3px solid #eab308}.patches-entity-class-img{object-fit:cover;background:#000;border:1px solid #d4af3799;border-radius:50%;width:24px;height:24px}.patches-entity-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}.patches-entity-icon-frame{color:#fbbf24;background:#0009;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.15rem;display:flex}.patches-entity-info{text-align:left;flex-direction:column;gap:.1rem;display:flex}.patches-entity-name{color:#f8fafc;font-size:.82rem;font-weight:600}.patches-entity-badge{color:#94a3b8;font-size:.68rem}.patches-media-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem;margin-top:.5rem;display:grid}.patches-media-item{cursor:pointer;background:#0a0a0f80;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:.35rem;margin:0;transition:all .25s;display:flex;overflow:hidden}.patches-media-item:hover{border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 6px 20px #0009}.patches-media-img-wrapper{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.patches-media-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.patches-media-item:hover .patches-media-img-wrapper img{transform:scale(1.04)}.patches-media-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.patches-media-item:hover .patches-media-overlay{opacity:1}.patches-media-zoom-btn{color:#fbbf24;background:#0a0a0fe6;border:1px solid #fbbf24;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;box-shadow:0 4px 15px #00000080}.patches-media-placeholder{color:#64748b;background:#ffffff08;justify-content:center;align-items:center;width:100%;height:100%;font-size:.85rem;display:flex}.patches-media-caption{color:#94a3b8;background:#0000004d;padding:.4rem .75rem;font-size:.78rem;font-style:italic}.patches-lightbox-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;background:#050508eb;justify-content:center;align-items:center;padding:2rem;animation:.2s patchesFadeIn;display:flex;position:fixed;inset:0}@keyframes patchesFadeIn{0%{opacity:0}to{opacity:1}}.patches-lightbox-container{flex-direction:column;align-items:center;max-width:92vw;max-height:90vh;display:flex;position:relative}.patches-lightbox-close{color:#fbbf24;cursor:pointer;z-index:10;background:#181822;border:2px solid #fbbf24;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:-16px;right:-16px;box-shadow:0 4px 15px #00000080}.patches-lightbox-close:hover{color:#fff;background:#c22929;border-color:#ef4444;transform:scale(1.15)}.patches-lightbox-img-wrapper{justify-content:center;align-items:center;max-width:100%;max-height:80vh;display:flex}.patches-lightbox-img{object-fit:contain;border:1px solid #d4af3759;border-radius:8px;max-width:100%;max-height:80vh;box-shadow:0 15px 50px #000000e6}.patches-lightbox-caption{color:#e2e8f0;text-align:center;max-width:800px;margin-top:.85rem;font-size:.92rem;line-height:1.5}.patches-view-toggle-wrap{align-items:center;margin-left:auto;display:flex}.patches-view-toggle-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;transition:all .2s;display:flex}.patches-view-toggle-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.patches-view-toggle-btn.active{border-color:var(--text-accent,#fbbf24);color:var(--text-accent,#fbbf24);background:#d4af372e;font-weight:600}.patches-no-items{text-align:center;color:#64748b;background:#ffffff05;border:1px dashed #ffffff14;border-radius:8px;padding:2rem;font-size:.9rem}.patches-viewer-layout .mobile-only{display:none!important}.patches-viewer-layout .desktop-only{display:flex}.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){.patches-viewer-layout .mobile-only{display:flex!important}.patches-viewer-layout .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;box-sizing:border-box;gap:.9rem;width:100%;max-width:100%;overflow:hidden auto}.patches-version-banner{box-sizing:border-box;border-radius:8px;min-width:0;max-width:100%;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-view-toggle-wrap{width:100%;margin-top:.25rem;margin-left:0}.patches-view-toggle-btn{justify-content:center;width:100%;padding:.35rem;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{box-sizing:border-box;width:100%;min-width:0;max-width:100%;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;min-height:-webkit-fill-available;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:1.5rem;min-height:0;padding-inline:1.5rem;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}.player-manual-container .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);min-height:0;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{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;flex:1;min-height:0;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);text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:1rem 1.25rem 1rem 2rem;font-size:1.05rem;line-height:1.65;position:relative}.manual-list>li:before{content:"";background-color:var(--primary);border-radius:2px;width:3px;position:absolute;top:1rem;bottom:1rem;left:.85rem}.manual-list li strong{color:var(--text-main);font-family:var(--font-heading);letter-spacing:.5px}.manual-sublist{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6rem;margin:.75rem 0 0;padding:0;list-style-type:none;display:grid}.manual-sublist li{background:#ffffff05!important;border:1px solid #ffffff0a!important;border-radius:6px!important;padding:.65rem .85rem!important;font-size:.92rem!important;line-height:1.5!important}.manual-sublist li:before{display:none!important}@media (width<=768px){.manual-sublist{grid-template-columns:1fr;gap:.4rem}}.manual-navigation-footer{padding-top:1.5rem;padding-bottom:max(.5rem, env(safe-area-inset-bottom,.5rem));border-top:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;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 *{font-size:.85rem}.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:.85rem}.manual-table td{color:var(--text-muted);transition:var(--transition);border-bottom:1px solid #ffffff0d;padding:1.2rem;font-size:.85rem}.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}.player-manual-container .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;min-height:0;padding:1.25rem 1rem .5rem;display:flex}.section-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-right:.5rem;overflow-y:auto}.manual-section-detail h3{margin-top:1.5rem;font-size:1.2rem}.manual-section-detail p{font-size:1rem}.manual-list li{padding-left:1.5rem;font-size:.95rem}.manual-navigation-footer{padding-top:.75rem;padding-bottom:max(1.2rem, env(safe-area-inset-bottom,1.2rem));flex-shrink:0;width:100%;margin-top:auto}.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}.patches-entity-chip.type-status{border-left:3px solid #ef4444}.patches-entity-chip.type-item{border-left:3px solid #38bdf8}.manual-entity-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;width:100%;max-width:100%;margin:1rem 0 1.5rem;display:grid}@media (width<=1280px){.manual-entity-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.65rem}}@media (width<=860px){.manual-entity-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem}}@media (width<=560px){.manual-entity-grid{grid-template-columns:1fr;gap:.5rem}}.manual-entity-grid>*{min-width:0;max-width:100%}.manual-entity-grid>.tooltip-wrapper{width:100%;min-width:0;max-width:100%;display:flex}.manual-entity-grid .patches-entity-chip{box-sizing:border-box;align-items:center;gap:.65rem;width:100%;min-height:48px;padding:.45rem .75rem;display:flex}.manual-entity-grid .patches-entity-info{flex:1;min-width:0;overflow:hidden}.manual-entity-grid .patches-entity-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;display:block;overflow:hidden}.manual-entity-grid .patches-entity-badge{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;display:block;overflow:hidden}.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{z-index:50;padding:calc(.6rem + env(safe-area-inset-top,0px)) 1rem .6rem 1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);background:#050506f2;justify-content:space-between;align-items:center;margin:-10px -10px .5rem;display:flex;position:sticky;top:0}.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);cursor:pointer;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:inline-flex}.btn-change-hero-remote:hover{color:gold;background:#d4af3726;border-color:#d4af37}.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}.remote-hero-select-btn{-webkit-user-select:none;user-select:none;outline:none;font-family:inherit}.remote-hero-select-btn:hover,.remote-hero-select-btn:focus-visible{box-shadow:0 8px 24px #000000b3, 0 0 16px var(--class-color-glow,#d4af3759);transform:translateY(-2px);border-color:var(--class-color,gold)!important}.remote-hero-select-btn:active{transform:translateY(0)}.remote-dashboard .turn-card-stats{flex-direction:column;gap:.5rem;display:flex}.remote-dashboard-wrapper .turn-card-header{background:linear-gradient(135deg, var(--class-color-glow,#d4af3740) 0%, #0c0e16e6 75%);border:1px solid var(--class-color,#d4af374d);border-bottom:2px solid var(--class-color,#d4af3780);border-radius:8px;flex-direction:column;align-items:stretch;gap:.65rem;padding:.75rem 1rem;display:flex;box-shadow:0 4px 15px #0006,inset 0 1px #ffffff14}.remote-dashboard-wrapper .turn-card-header.remote-hero-select-btn{flex-direction:row;align-items:center}.remote-dashboard-wrapper .turn-card-header-main{align-items:center;gap:.85rem;width:100%;display:flex}.remote-dashboard-wrapper .btn-toggle-traits-remote{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.remote-dashboard-wrapper .btn-toggle-traits-remote:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.remote-dashboard-wrapper .remote-traits-list{border-top:1px solid #ffffff14;flex-direction:column;gap:.4rem;width:100%;padding-top:.5rem;display:flex}.remote-dashboard-wrapper .remote-trait-item{text-align:left;border-radius:6px;flex-direction:column;gap:.2rem;padding:.45rem .65rem;display:flex}.remote-dashboard-wrapper .remote-trait-item.virtue-trait{background:#22c55e14;border:1px solid #22c55e59}.remote-dashboard-wrapper .remote-trait-item.burden-trait{background:#ef444414;border:1px solid #ef444459}.remote-dashboard-wrapper .remote-trait-item .trait-header{align-items:center;gap:.35rem;display:flex}.remote-dashboard-wrapper .remote-trait-item .trait-kind{letter-spacing:.5px;font-size:.68rem;font-weight:800}.remote-dashboard-wrapper .remote-trait-item.virtue-trait .trait-kind{color:#4ade80}.remote-dashboard-wrapper .remote-trait-item.burden-trait .trait-kind{color:#f87171}.remote-dashboard-wrapper .remote-trait-item .trait-name{color:#fff;font-size:.82rem;font-weight:700}.remote-dashboard-wrapper .remote-trait-item .trait-desc{color:#cbd5e1;margin:0;font-size:.72rem;line-height:1.35}.remote-dashboard-wrapper .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}.remote-dashboard-wrapper .turn-hero-info{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.remote-dashboard-wrapper .turn-tag{color:var(--text-accent);text-transform:uppercase;letter-spacing:1px;font-size:.65rem;font-weight:700}.remote-dashboard-wrapper .turn-hero-name{color:#fff;font-size:1.25rem;font-family:var(--font-heading);letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.2;overflow:hidden}.remote-dashboard-wrapper .turn-hero-class{color:var(--text-accent);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600}.remote-loading{background:var(--bg-darker,#0b0c10);box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:100%;min-height:100vh;padding:2rem;display:flex}.remote-loading .spinner{border:3px solid #d4af3733;border-top-color:#fbbf24;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin-remote}.remote-loading p{font-family:var(--font-heading,sans-serif);color:#e5e7eb;letter-spacing:.5px;text-align:center;max-width:340px;margin:0;font-size:1.05rem;line-height:1.5}@keyframes spin-remote{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.remote-blood-vignette{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9999;will-change:opacity, transform;background:radial-gradient(#b91c1c00 38%,#b91c1c73 75%,#7f1d1de0 100%);width:100vw;height:100dvh;animation:1.2s cubic-bezier(.16,1,.3,1) forwards blood-flash-pulse;position:fixed;top:0;left:0;box-shadow:inset 0 0 75px 30px #dc2626d9,inset 0 0 145px 65px #881313a6}@keyframes blood-flash-pulse{0%{opacity:.8}to{opacity:0}}.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-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:1rem;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:1.05rem;font-weight:700}.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:70px;height:70px;display:flex}.item-fallback-icon{font-size:2rem}.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.4rem;font-weight:700;overflow:hidden}.item-desc-snippet{color:#c6d0df;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.1rem;line-height:1.4;display:-webkit-box;overflow:hidden}.item-stats-badges{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.15rem 0;display:flex}.item-stat-pill{font-family:var(--font-heading), serif;letter-spacing:.5px;background:#00000073;border:1px solid #fff3;border-radius:5px;align-items:center;padding:.2rem .6rem;font-size:1.05rem;font-weight:800;display:inline-flex;box-shadow:0 2px 5px #0006}.item-stat-pill.stat-atk{color:#fca5a5;background:#ef444438;border-color:#ef444480}.item-stat-pill.stat-def{color:#93c5fd;background:#3b82f638;border-color:#3b82f680}.item-stat-pill.stat-con{color:#86efac;background:#22c55e38;border-color:#22c55e80}.item-stat-pill.stat-vol{color:#d8b4fe;background:#a855f738;border-color:#a855f780}.item-stat-pill.stat-dex{color:#fde047;background:#eab30838;border-color:#eab30880}.item-stat-pill.stat-cha{color:#fdba74;background:#f9731638;border-color:#f9731680}.item-stat-pill.stat-range{color:#67e8f9;background:#06b6d438;border-color:#06b6d480}.item-stat-pill.stat-type{color:#e2e8f0;background:#94a3b833;border-color:#94a3b866}.item-stat-pill.stat-type-placa{color:#93c5fd;background:#3b82f640;border-color:#3b82f680}.item-stat-pill.stat-type-cuero{color:#fdba74;background:#f9731640;border-color:#f9731680}.item-stat-pill.stat-type-tela{color:#d8b4fe;background:#a855f740;border-color:#a855f780}.item-stat-pill.stat-handslot{color:#38bdf8;background:#38bdf833;border-color:#38bdf866}.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-notification-panel.type-scouting{--primary-color:#d4af37;--primary-glow:#d4af3766;--border-highlight:#d4af3780;border-color:#d4af37}.notification-scouting-container{background:radial-gradient(circle at top,#1c202ef2,#0f111af2);border:1px solid #d4af3759;border-radius:12px;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:inset 0 0 35px #0009}.notification-scouting-phrase{color:#f8fafc;text-align:center;text-shadow:0 2px 4px #000000e6;margin:0;font-size:1.25rem;font-style:italic;line-height:1.6}.notification-scouting-badge{color:#cbd5e1;background:#00000080;border:1px solid #d4af3759;border-radius:8px;align-items:center;gap:.6rem;padding:.6rem 1.5rem;font-size:1.05rem;display:inline-flex}.notification-scouting-badge strong{color:gold}.notification-scouting-disclaimer{color:#64748b;text-align:center;margin:0;font-size:.85rem}.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:8px 8px 18px;animation:.4s cubic-bezier(.16,1,.3,1) slideUpTimeline;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 10px 35px #000000bf,inset 0 1px 1px #ffffff1a}@keyframes slideUpTimeline{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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:76px;height:76px;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:88px;height:88px;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:#ea580c;border-color:#ea580c;box-shadow:0 0 10px #ea580c}.remote-tension-card.tension-level-4 .remote-t-bar.active{background:#f44336;border-color:#f44336;box-shadow:0 0 10px #f44336}.remote-tension-card.tension-level-5{border-color:#9c27b0;animation:2s infinite remoteTensionPulse;box-shadow:0 0 20px #9c27b066}.remote-tension-card.tension-level-5 .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:#fb923c}.remote-tension-card.tension-level-4 .remote-tension-status{color:#e57373}.remote-tension-card.tension-level-5 .remote-tension-status{color:#ce93d8;font-weight:700}.fullscreen-btn,.quality-btn,.audio-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,.audio-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}.audio-btn.audio-on{color:#4ade80;border-color:#22c55e8c;box-shadow:0 0 10px #22c55e33}.audio-btn.audio-off{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:1.1rem;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-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}}.remote-boss-hud-container{-webkit-backdrop-filter:blur(12px);z-index:110;pointer-events:none;background:linear-gradient(#100c0ef0 0%,#080608fa 100%);border:1px solid #d4af3766;border-radius:6px;width:fit-content;padding:1.25rem 1.5rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards descFadeIn;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #000000d9,0 0 24px #b91c1c38,inset 0 1px #ffffff1a}.boss-corner-tl{border-top:2px solid var(--text-accent,#d4af37);border-left:2px solid var(--text-accent,#d4af37);width:10px;height:10px;position:absolute;top:-3px;left:-3px}.boss-corner-tr{border-top:2px solid var(--text-accent,#d4af37);border-right:2px solid var(--text-accent,#d4af37);width:10px;height:10px;position:absolute;top:-3px;right:-3px}.boss-corner-bl{border-bottom:2px solid var(--text-accent,#d4af37);border-left:2px solid var(--text-accent,#d4af37);width:10px;height:10px;position:absolute;bottom:-3px;left:-3px}.boss-corner-br{border-bottom:2px solid var(--text-accent,#d4af37);border-right:2px solid var(--text-accent,#d4af37);width:10px;height:10px;position:absolute;bottom:-3px;right:-3px}.remote-boss-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.remote-boss-name{font-family:var(--font-heading,"Cinzel", "Outfit", serif);letter-spacing:1.5px;text-transform:uppercase;color:#f1f5f9;text-shadow:0 0 12px #d4af3766,0 2px 4px #000000e6;margin:0;font-size:1.5rem;font-weight:700}.remote-boss-phase-badge{font-family:var(--font-heading,"Cinzel", serif);letter-spacing:1px;text-transform:uppercase;color:#fca5a5;background:#dc262633;border:1px solid #dc262680;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:700}.remote-boss-hp-numbers{font-family:var(--font-body,"Josefin Sans", "Outfit", sans-serif);color:#cbd5e1;letter-spacing:.5px;text-shadow:0 2px 5px #000000f2;flex-shrink:0;align-items:baseline;font-size:1.35rem;font-weight:700;display:flex}.boss-hp-current{color:#ef4444;text-shadow:0 0 10px #ef444466;font-size:1.6rem;font-weight:800}.boss-hp-divider{color:#fff6;margin:0 6px;font-size:1.25rem}.boss-hp-max{color:#94a3b8;font-size:1.25rem}.remote-boss-hp-track{background:#0f080aeb;border:1.5px solid #d4af3773;border-radius:3px;width:100%;height:18px;position:relative;overflow:visible;box-shadow:inset 0 2px 6px #000000f2}.remote-boss-hp-fill{background:linear-gradient(90deg,#450a0a 0%,#7f1d1d 35%,#991b1b 70%,#b91c1c 100%);border-radius:1px;height:100%;transition:width .35s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 0 10px #b91c1c66,inset 0 1px #ffffff1f}.boss-phase-notch{z-index:5;pointer-events:none;background:#d4af37d9;width:2px;position:absolute;top:-2px;bottom:-2px;transform:translate(-50%);box-shadow:0 0 6px #d4af3799}.remote-boss-armor-track{background:#0f0814eb;border:1.5px solid #a855f78c;border-radius:3px;width:100%;height:14px;margin-top:6px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #000000f2}.remote-boss-armor-fill{background:linear-gradient(90deg,#3b0764 0%,#6b21a8 35%,#9333ea 70%,#a855f7 100%);border-radius:1px;height:100%;transition:width .35s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 0 10px #a855f773,inset 0 1px #ffffff2e}.remote-boss-statuses-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.remote-boss-status-pill{color:#f1f5f9;letter-spacing:.3px;background:#1e1419bf;border:1px solid #ef444459;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:.75rem;font-weight:600;display:flex}.boss-st-icon{color:#fca5a5;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.boss-st-name{color:#fca5a5}.boss-st-turns{color:#94a3b8;font-size:.7rem}.remote-camp-container{box-sizing:border-box;flex-direction:column;gap:1.25rem;min-height:100vh;max-height:100vh;padding:1.2rem 2rem 3rem;display:flex;overflow-y:auto}.remote-camp-header{background:linear-gradient(#1e1814f2 0%,#120e0cfa 100%);border:1px solid #d4af3759;border-radius:8px;flex-direction:column;gap:1rem;padding:1.2rem 1.8rem;display:flex;box-shadow:0 8px 30px #0009}.remote-camp-header-top{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.remote-camp-title-wrap h1{color:#fef08a;text-shadow:0 2px 8px #000c,0 0 20px #d4af3759;letter-spacing:.05em;margin:0 0 .25rem;font-size:2rem}.remote-camp-subtitle{color:#a8a29e;margin:0;font-size:.95rem;font-style:italic}.remote-camp-top-stats{align-items:center;gap:1rem;display:flex}.remote-camp-progression{flex-direction:column;gap:.4rem;display:flex}.remote-camp-next-mission-strip{background:#0006;border:1px solid #d4af3733;border-radius:6px;justify-content:space-between;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;display:flex}.remote-mission-strip-left{align-items:center;gap:1rem;display:flex}.remote-mission-strip-badge{color:#fbbf24;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f59e0b33;border:1px solid #f59e0b80;border-radius:4px;padding:.35rem .75rem;font-size:.85rem;font-weight:700}.remote-mission-strip-info h4{color:#fef08a;margin:0 0 .2rem;font-size:1.05rem}.remote-mission-strip-info p{color:#d6d3d1;margin:0;font-size:.85rem}.remote-mission-strip-meta{color:#e2e8f0;white-space:nowrap;align-items:center;gap:1.2rem;font-size:.85rem;display:flex}.remote-camp-heroes-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:stretch;gap:1.5rem;display:grid}.remote-camp-hero-card{background:linear-gradient(#1a1412eb 0%,#100c0af5 100%);border:1px solid #d4af374d;border-radius:8px;flex-direction:column;gap:.9rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 6px 25px #00000080}.remote-camp-hero-card:hover{border-color:#d4af378c;box-shadow:0 8px 30px #d4af3726}.remote-camp-hero-header{align-items:center;gap:1rem;display:flex}.remote-camp-hero-titles{flex:1;min-width:0}.remote-camp-hero-titles .hero-name{color:#fef08a;font-size:1.2rem;font-weight:700;display:block}.remote-camp-hero-titles .hero-class{color:#a8a29e;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.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}.single-match-container .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<=1024px),(height<=850px) and (orientation:landscape){.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}}@media (height<=550px) and (orientation:landscape){.mission-header-image{height:120px}.mission-info{padding:.85rem 1rem}.mission-title{margin-bottom:.25rem;font-size:1.3rem}.mission-desc{margin-bottom:.6rem;font-size:.85rem}.floors-stat{margin-bottom:.6rem}.objectives-section{margin-bottom:.75rem;padding:.75rem}.start-btn{padding:.75rem;font-size:1rem}}.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)}