/* ======================================================================== WFTO DUNGEON THEME - STREAMLINED VERSION (COMPLETE & FIXED + HOVER) Target: body.category-wfto, body.single.category-wfto, body.post-template.post-template-wp-custom-template-wfto-post ======================================================================== */ /* ===================================================================== SECTION 1: CSS VARIABLES (Color Palette) ===================================================================== */ /*CodeNumber 1.1 */ /* Base color definitions for the WFTO Dungeon Theme */ body.category-wfto, body.single.category-wfto, body.post-template.post-template-wp-custom-template-wfto-post { /* Base Colors */ --torch-amber: #f4d03f; --torch-amber-strong: #ffeb3b; --torch-orange: #ff9800; --text-body: #d4c9a8; --text-title: #f4d03f; --card-bg: rgba(25, 28, 32, 0.88); --card-border: rgba(244, 208, 63, 0.45); } /*CodeNumber 1.2 */ /* Glow Colors - Deadly Sins */ body.category-wfto, body.single.category-wfto, body.post-template.post-template-wp-custom-template-wfto-post { --envy: #50C878; --greed: #FFD700; --wrath: #FF4444; --sloth: #87CEEB; --gluttony: #FF8C00; --lust: #FF69B4; --vanity: #FFFFFF; } /*CodeNumber 1.3 */ /* Glow Colors - Game Elements */ body.category-wfto, body.single.category-wfto, body.post-template.post-template-wp-custom-template-wfto-post { --rituals: #F86565; --rooms: #ADFF2F; --spells: #B565D8; --constructs: #FF8C00; --traps: #00BFFF; --potions: #FFBF00; --lamash: #4B0082; --volta: #FFB366; --kasita: #FFFF00; --shale: #8B008B; --contract: #808080; --darkmagic: #8B0000; --unmana: #013220; --spiritcharge: #E0FFF0; --empower: #000000; --armoury: #05f0b9; --reworked: #008080; --new: #39FF14; --modified: #CD7F32; --sheerblack: #1a1a1a; } /*CodeNumber 1.4 */ /* Buff/Nerf colors */ body.category-wfto, body.single.category-wfto, body.post-template.post-template-wp-custom-template-wfto-post { --buff: #00C853; --nerf: #DC143C; } /*CodeNumber 1.5 */ /* Standard Glow Effects */ body.category-wfto, body.single.category-wfto, body.post-template.post-template-wp-custom-template-wfto-post { --glow-sm: drop-shadow(0 0 10px currentColor); --glow-md: drop-shadow(0 0 20px currentColor); --glow-lg: drop-shadow(0 0 30px currentColor); } /* ===================================================================== SECTION 2: BACKGROUND & BASE STYLING ===================================================================== */ /*CodeNumber 2.1 */ /* Main body background with tiled dungeon texture */ body.category-wfto, body.single.category-wfto, body.post-template.post-template-wp-custom-template-wfto-post, body.category-wfto .wp-site-blocks, body.single.category-wfto .wp-site-blocks, body.post-template.post-template-wp-custom-template-wfto-post .wp-site-blocks { background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url('https://stryv4.co.uk/wp-content/uploads/2025/10/Blackstone-2048.jpg') !important; background-repeat: repeat !important; background-size: 800px auto !important; background-position: top center !important; background-color: #0f0f10 !important; font-size: 18px; line-height: 1.7; } /*CodeNumber 2.2 */ /* Transparent site blocks container */ body.category-wfto .wp-site-blocks, body.single.category-wfto .wp-site-blocks, body.post-template.post-template-wp-custom-template-wfto-post .wp-site-blocks { background: transparent !important; position: relative; z-index: 1; } /* ===================================================================== SECTION 3: HEADER ===================================================================== */ /*CodeNumber 3.1 */ /* Main header styling with backdrop blur */ body.category-wfto header, body.single.category-wfto header, body.post-template.post-template-wp-custom-template-wfto-post header { background: rgba(10, 12, 14, 0.85) !important; backdrop-filter: blur(8px); border-bottom: 1px solid rgba(244, 208, 63, 0.25); padding: 1rem 0 !important; } /*CodeNumber 3.2 */ /* Transparent header group container */ body.category-wfto header > .wp-block-group, body.single.category-wfto header > .wp-block-group, body.post-template.post-template-wp-custom-template-wfto-post header > .wp-block-group { background: transparent !important; } /*CodeNumber 3.3 */ /* Logo glow effect - base state */ body.category-wfto .wfto-logo-glow img, body.single.category-wfto .wfto-logo-glow img, body.post-template.post-template-wp-custom-template-wfto-post .wfto-logo-glow img { filter: drop-shadow(0 0 20px rgba(244, 208, 63, 0.6)) drop-shadow(0 0 40px rgba(255, 152, 0, 0.5)) drop-shadow(0 0 60px rgba(255, 152, 0, 0.4)) drop-shadow(0 0 80px rgba(255, 87, 34, 0.3)); transition: filter 0.3s ease; border: none !important; box-shadow: none !important; outline: none !important; } /*CodeNumber 3.4 */ /* Logo figure wrapper - no styling */ body.category-wfto figure.wfto-logo-glow, body.single.category-wfto figure.wfto-logo-glow, body.post-template.post-template-wp-custom-template-wfto-post figure.wfto-logo-glow { border: none !important; box-shadow: none !important; background: transparent !important; filter: none !important; } /*CodeNumber 3.5 */ /* Logo glow effect - hover state */ body.category-wfto .wfto-logo-glow:hover img, body.single.category-wfto .wfto-logo-glow:hover img, body.post-template.post-template-wp-custom-template-wfto-post .wfto-logo-glow:hover img { filter: drop-shadow(0 0 25px rgba(244, 208, 63, 0.8)) drop-shadow(0 0 50px rgba(255, 152, 0, 0.7)) drop-shadow(0 0 75px rgba(255, 152, 0, 0.6)) drop-shadow(0 0 100px rgba(255, 87, 34, 0.5)); } /*CodeNumber 3.6 */ /* Navigation text styling - base state */ body.category-wfto header :where(.wp-block-site-title, .wp-block-site-title a, .wp-block-navigation a, .wp-block-page-list a), body.single.category-wfto header :where(.wp-block-site-title, .wp-block-site-title a, .wp-block-navigation a, .wp-block-page-list a), body.post-template.post-template-wp-custom-template-wfto-post header :where(.wp-block-site-title, .wp-block-site-title a, .wp-block-navigation a, .wp-block-page-list a) { color: var(--torch-amber) !important; font-size: 1.5rem !important; font-weight: 700; text-shadow: 0 0 8px rgba(244, 208, 63, 0.6), 0 0 16px rgba(255, 152, 0, 0.4); } /*CodeNumber 3.7 */ /* Navigation text styling - hover state */ body.category-wfto header .wp-block-navigation a:hover, body.single.category-wfto header .wp-block-navigation a:hover, body.post-template.post-template-wp-custom-template-wfto-post header .wp-block-navigation a:hover { color: var(--torch-amber-strong) !important; text-shadow: 0 0 8px rgba(255, 235, 59, 0.7), 0 0 16px rgba(255, 152, 0, 0.5); } /* ===================================================================== SECTION 4: HEADINGS (H1-H6) ===================================================================== */ /*CodeNumber 4.1 */ /* Base heading styles - all headings */ body.category-wfto :where(h1, h2, h3, h4, h5, h6), body.single.category-wfto :where(h1, h2, h3, h4, h5, h6), body.post-template.post-template-wp-custom-template-wfto-post :where(h1, h2, h3, h4, h5, h6) { color: var(--torch-amber) !important; font-weight: 800; letter-spacing: 0.5px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.8), 0 0 8px currentColor, 0 0 16px currentColor; transition: text-shadow 0.3s ease; } /*CodeNumber 4.2 */ /* Base heading styles - hover state */ body.category-wfto :where(h1, h2, h3, h4, h5, h6):hover, body.single.category-wfto :where(h1, h2, h3, h4, h5, h6):hover, body.post-template.post-template-wp-custom-template-wfto-post :where(h1, h2, h3, h4, h5, h6):hover { text-shadow: 0 0 3px rgba(0, 0, 0, 0.8), 0 0 12px currentColor, 0 0 24px currentColor; } /*CodeNumber 4.3 */ /* H1 - Largest heading */ body.category-wfto h1, body.single.category-wfto h1, body.post-template.post-template-wp-custom-template-wfto-post h1 { font-size: clamp(2.5rem, 5vw, 4rem); } /*CodeNumber 4.4 */ /* H2 - Second level heading */ body.category-wfto h2, body.single.category-wfto h2, body.post-template.post-template-wp-custom-template-wfto-post h2 { font-size: clamp(2rem, 4vw, 3rem); } /*CodeNumber 4.5 */ /* H3 - Third level heading */ body.category-wfto h3, body.single.category-wfto h3, body.post-template.post-template-wp-custom-template-wfto-post h3 { font-size: clamp(1.6rem, 3vw, 2.2rem); } /*CodeNumber 4.6 */ /* H4 - Fourth level heading */ body.category-wfto h4, body.single.category-wfto h4, body.post-template.post-template-wp-custom-template-wfto-post h4 { font-size: clamp(1.4rem, 2.5vw, 1.8rem); } /*CodeNumber 4.7 */ /* H5 - Fifth level heading */ body.category-wfto h5, body.single.category-wfto h5, body.post-template.post-template-wp-custom-template-wfto-post h5 { font-size: clamp(1.2rem, 2vw, 1.5rem); } /*CodeNumber 4.8 */ /* H6 - Smallest heading */ body.category-wfto h6, body.single.category-wfto h6, body.post-template.post-template-wp-custom-template-wfto-post h6 { font-size: clamp(1rem, 1.5vw, 1.25rem); } /* ===================================================================== SECTION 5: BODY TEXT & LISTS ===================================================================== */ /*CodeNumber 5.1 */ /* Paragraph and list item text styling */ body.category-wfto p, body.single.category-wfto p, body.post-template.post-template-wp-custom-template-wfto-post p, body.category-wfto li, body.single.category-wfto li, body.post-template.post-template-wp-custom-template-wfto-post li { color: var(--text-body) !important; line-height: 1.75 !important; font-size: 1.6rem !important; } /* ===================================================================== SECTION 6: LINKS ===================================================================== */ /*CodeNumber 6.1 */ /* Base link styling */ body.category-wfto a, body.single.category-wfto a, body.post-template.post-template-wp-custom-template-wfto-post a { color: var(--torch-amber); text-decoration: none; transition: all 0.2s ease; } /*CodeNumber 6.2 */ /* Link hover state */ body.category-wfto a:hover, body.single.category-wfto a:hover, body.post-template.post-template-wp-custom-template-wfto-post a:hover { color: var(--torch-amber-strong); text-shadow: 0 0 12px rgba(255, 235, 59, 0.6); } /* ===================================================================== SECTION 7: ARCHIVE TITLE ===================================================================== */ /*CodeNumber 7.1 */ /* Archive page title styling */ body.category-wfto .wp-block-archive-title { text-align: center !important; margin: 2rem auto 2.5rem !important; font-size: clamp(4rem, 8vw, 7rem) !important; padding: 3rem 2rem !important; background: rgba(15, 18, 22, 0.75) !important; border: 2px solid var(--card-border) !important; border-radius: 16px !important; box-shadow: 0 0 35px rgba(244, 208, 63, 0.35), 0 0 60px rgba(255, 152, 0, 0.25), inset 0 0 25px rgba(0, 0, 0, 0.7) !important; letter-spacing: 2px !important; } /* ===================================================================== SECTION 8: INTRO CARD ===================================================================== */ /*CodeNumber 8.1 */ /* Intro card container - base state */ body.category-wfto .wfto-intro { background: rgba(25, 28, 32, 0.92); border: 2px solid var(--card-border); border-radius: 16px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 60px rgba(244, 208, 63, 0.7), 0 0 100px rgba(255, 152, 0, 0.6), 0 0 150px rgba(255, 152, 0, 0.5), 0 0 200px rgba(255, 87, 34, 0.35), inset 0 0 20px rgba(0, 0, 0, 0.7); padding: clamp(24px, 4vw, 40px) !important; margin: 20px auto 80px !important; max-width: 900px; transition: all 0.3s ease; } /*CodeNumber 8.2 */ /* Intro card container - hover state */ body.category-wfto .wfto-intro:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 80px rgba(244, 208, 63, 0.9), 0 0 130px rgba(255, 152, 0, 0.8), 0 0 180px rgba(255, 152, 0, 0.65), 0 0 240px rgba(255, 87, 34, 0.5); } /*CodeNumber 8.3 */ /* Intro card text styling */ body.category-wfto .wfto-intro p, body.category-wfto .wfto-intro * { color: var(--text-body) !important; font-size: 1.5rem !important; line-height: 1.75 !important; } /* ===================================================================== SECTION 9: POST CARDS (Archive) ===================================================================== */ /*CodeNumber 9.1 */ /* Post card container - base state */ body.category-wfto .wp-block-query .wp-block-post-template > li, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-query .wp-block-post-template > li { background: var(--card-bg); border: 2px solid var(--card-border); border-radius: 14px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 60px rgba(244, 208, 63, 0.7), 0 0 100px rgba(255, 152, 0, 0.6), 0 0 150px rgba(255, 152, 0, 0.5), 0 0 200px rgba(255, 87, 34, 0.35), inset 0 0 18px rgba(0, 0, 0, 0.65); padding: clamp(20px, 3vw, 32px); transition: all 0.3s ease; } /*CodeNumber 9.2 */ /* Post card container - hover state */ body.category-wfto .wp-block-query .wp-block-post-template > li:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-query .wp-block-post-template > li:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 80px rgba(244, 208, 63, 0.9), 0 0 130px rgba(255, 152, 0, 0.8), 0 0 180px rgba(255, 152, 0, 0.65), 0 0 240px rgba(255, 87, 34, 0.5); } /*CodeNumber 9.3 */ /* Post card title styling */ body.category-wfto .wp-block-query .wp-block-post-template > li .wp-block-post-title a, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-query .wp-block-post-template > li .wp-block-post-title a { color: var(--torch-amber) !important; font-size: clamp(1.75rem, 4vw, 2.5rem) !important; font-weight: 800 !important; } /*CodeNumber 9.4 */ /* Post card excerpt styling */ body.category-wfto .wp-block-query .wp-block-post-template > li .wp-block-post-excerpt p, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-query .wp-block-post-template > li .wp-block-post-excerpt p { font-size: 1.5rem !important; color: var(--text-body) !important; } /* ===================================================================== SECTION 10: TEXT GLOW CLASSES ===================================================================== */ /*CodeNumber 10.1 */ /* DEADLY SINS - Envy (Emerald Green) */ body.category-wfto .envy-glow, body.single.category-wfto .envy-glow, body.post-template.post-template-wp-custom-template-wfto-post .envy-glow { color: var(--envy) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .envy-glow:hover, body.single.category-wfto .envy-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .envy-glow:hover { color: #60D888 !important; } /*CodeNumber 10.2 */ /* DEADLY SINS - Greed (Gold) */ body.category-wfto .greed-glow, body.single.category-wfto .greed-glow, body.post-template.post-template-wp-custom-template-wfto-post .greed-glow { color: var(--greed) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .greed-glow:hover, body.single.category-wfto .greed-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .greed-glow:hover { color: #FFE44D !important; } /*CodeNumber 10.3 */ /* DEADLY SINS - Wrath (Red) */ body.category-wfto .wrath-glow, body.single.category-wfto .wrath-glow, body.post-template.post-template-wp-custom-template-wfto-post .wrath-glow { color: var(--wrath) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .wrath-glow:hover, body.single.category-wfto .wrath-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .wrath-glow:hover { color: #FF5555 !important; } /*CodeNumber 10.4 */ /* DEADLY SINS - Sloth (Light Blue) */ body.category-wfto .sloth-glow, body.single.category-wfto .sloth-glow, body.post-template.post-template-wp-custom-template-wfto-post .sloth-glow { color: var(--sloth) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .sloth-glow:hover, body.single.category-wfto .sloth-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .sloth-glow:hover { color: #97DEFF !important; } /*CodeNumber 10.5 */ /* DEADLY SINS - Gluttony (Orange) */ body.category-wfto .gluttony-glow, body.single.category-wfto .gluttony-glow, body.post-template.post-template-wp-custom-template-wfto-post .gluttony-glow { color: var(--gluttony) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .gluttony-glow:hover, body.single.category-wfto .gluttony-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .gluttony-glow:hover { color: #FF9C10 !important; } /*CodeNumber 10.6 */ /* DEADLY SINS - Lust (Hot Pink) */ body.category-wfto .lust-glow, body.single.category-wfto .lust-glow, body.post-template.post-template-wp-custom-template-wfto-post .lust-glow { color: var(--lust) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .lust-glow:hover, body.single.category-wfto .lust-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .lust-glow:hover { color: #FF79C4 !important; } /*CodeNumber 10.7 */ /* DEADLY SINS - Vanity (Bright White) */ body.category-wfto .vanity-glow, body.single.category-wfto .vanity-glow, body.post-template.post-template-wp-custom-template-wfto-post .vanity-glow { color: var(--vanity) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .vanity-glow:hover, body.single.category-wfto .vanity-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .vanity-glow:hover { color: #FFFFFF !important; } /*CodeNumber 10.8 */ /* BUFF/NERF - Buff (Bright Green) */ body.category-wfto .buff-glow, body.single.category-wfto .buff-glow, body.post-template.post-template-wp-custom-template-wfto-post .buff-glow { color: var(--buff) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .buff-glow:hover, body.single.category-wfto .buff-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .buff-glow:hover { color: #10D863 !important; } /*CodeNumber 10.9 */ /* BUFF/NERF - Nerf (Crimson Red) */ body.category-wfto .nerf-glow, body.single.category-wfto .nerf-glow, body.post-template.post-template-wp-custom-template-wfto-post .nerf-glow { color: var(--nerf) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .nerf-glow:hover, body.single.category-wfto .nerf-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .nerf-glow:hover { color: #EC244C !important; } /*CodeNumber 10.10 */ /* GAME ELEMENTS - Rituals (Coral Red) */ body.category-wfto .rituals-glow, body.single.category-wfto .rituals-glow, body.post-template.post-template-wp-custom-template-wfto-post .rituals-glow { color: var(--rituals) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .rituals-glow:hover, body.single.category-wfto .rituals-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .rituals-glow:hover { color: #FF7575 !important; } /*CodeNumber 10.11 */ /* GAME ELEMENTS - Rooms (Lime Green) */ body.category-wfto .rooms-glow, body.single.category-wfto .rooms-glow, body.post-template.post-template-wp-custom-template-wfto-post .rooms-glow { color: var(--rooms) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .rooms-glow:hover, body.single.category-wfto .rooms-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .rooms-glow:hover { color: #BDFF3F !important; } /*CodeNumber 10.12 */ /* GAME ELEMENTS - Spells (Light Purple) */ body.category-wfto .spells-glow, body.single.category-wfto .spells-glow, body.post-template.post-template-wp-custom-template-wfto-post .spells-glow { color: var(--spells) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .spells-glow:hover, body.single.category-wfto .spells-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .spells-glow:hover { color: #C575E8 !important; } /*CodeNumber 10.13 */ /* GAME ELEMENTS - Constructs (Pure Orange) */ body.category-wfto .constructs-glow, body.single.category-wfto .constructs-glow, body.post-template.post-template-wp-custom-template-wfto-post .constructs-glow { color: var(--constructs) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .constructs-glow:hover, body.single.category-wfto .constructs-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .constructs-glow:hover { color: #FF9C10 !important; } /*CodeNumber 10.14 */ /* GAME ELEMENTS - Traps (Cyan) */ body.category-wfto .traps-glow, body.single.category-wfto .traps-glow, body.post-template.post-template-wp-custom-template-wfto-post .traps-glow { color: var(--traps) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .traps-glow:hover, body.single.category-wfto .traps-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .traps-glow:hover { color: #10CFFF !important; } /*CodeNumber 10.15 */ /* GAME ELEMENTS - Potions (Gold) */ body.category-wfto .potions-glow, body.single.category-wfto .potions-glow, body.post-template.post-template-wp-custom-template-wfto-post .potions-glow { color: var(--potions) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .potions-glow:hover, body.single.category-wfto .potions-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .potions-glow:hover { color: #FFCF10 !important; } /*CodeNumber 10.16 */ /* GAME ELEMENTS - Lamash (Dark Purple) */ body.category-wfto .lamash-glow, body.single.category-wfto .lamash-glow, body.post-template.post-template-wp-custom-template-wfto-post .lamash-glow { color: var(--lamash) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .lamash-glow:hover, body.single.category-wfto .lamash-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .lamash-glow:hover { color: #5B1092 !important; } /*CodeNumber 10.17 */ /* GAME ELEMENTS - Volta (Lighter Orange) */ body.category-wfto .volta-glow, body.single.category-wfto .volta-glow, body.post-template.post-template-wp-custom-template-wfto-post .volta-glow { color: var(--volta) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .volta-glow:hover, body.single.category-wfto .volta-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .volta-glow:hover { color: #FFC376 !important; } /*CodeNumber 10.18 */ /* GAME ELEMENTS - Kasita (Pure Yellow) */ body.category-wfto .kasita-glow, body.single.category-wfto .kasita-glow, body.post-template.post-template-wp-custom-template-wfto-post .kasita-glow { color: var(--kasita) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .kasita-glow:hover, body.single.category-wfto .kasita-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .kasita-glow:hover { color: #FFFF10 !important; } /*CodeNumber 10.19 */ /* GAME ELEMENTS - Shale (Deep Magenta) */ body.category-wfto .shale-glow, body.single.category-wfto .shale-glow, body.post-template.post-template-wp-custom-template-wfto-post .shale-glow { color: var(--shale) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .shale-glow:hover, body.single.category-wfto .shale-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .shale-glow:hover { color: #9B109B !important; } /*CodeNumber 10.20 */ /* GAME ELEMENTS - Contract (Light Grey) */ body.category-wfto .contract-glow, body.single.category-wfto .contract-glow, body.post-template.post-template-wp-custom-template-wfto-post .contract-glow { color: #C0C0C0 !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .contract-glow:hover, body.single.category-wfto .contract-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .contract-glow:hover { color: #D3D3D3 !important; } /*CodeNumber 10.21 */ /* GAME ELEMENTS - Dark Magic (Deep Crimson) */ body.category-wfto .darkmagic-glow, body.single.category-wfto .darkmagic-glow, body.post-template.post-template-wp-custom-template-wfto-post .darkmagic-glow { color: var(--darkmagic) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .darkmagic-glow:hover, body.single.category-wfto .darkmagic-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .darkmagic-glow:hover { color: #9B1010 !important; } /*CodeNumber 10.22 */ /* GAME ELEMENTS - Unmana (Dark Green) */ body.category-wfto .unmana-glow, body.single.category-wfto .unmana-glow, body.post-template.post-template-wp-custom-template-wfto-post .unmana-glow { color: var(--unmana) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .unmana-glow:hover, body.single.category-wfto .unmana-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .unmana-glow:hover { color: #114230 !important; } /*CodeNumber 10.23 */ /* GAME ELEMENTS - Spirit Charge (Mint/White) */ body.category-wfto .spiritcharge-glow, body.single.category-wfto .spiritcharge-glow, body.post-template.post-template-wp-custom-template-wfto-post .spiritcharge-glow { color: var(--spiritcharge) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .spiritcharge-glow:hover, body.single.category-wfto .spiritcharge-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .spiritcharge-glow:hover { color: #F0FFFF !important; } /*CodeNumber 10.24 */ /* GAME ELEMENTS - Empower (Dark Grey) */ body.category-wfto .empower-glow, body.single.category-wfto .empower-glow, body.post-template.post-template-wp-custom-template-wfto-post .empower-glow { color: var(--empower) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .empower-glow:hover, body.single.category-wfto .empower-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .empower-glow:hover { color: #2A2A2A !important; } /*CodeNumber 10.25 */ /* GAME ELEMENTS - Reworked (Teal) */ body.category-wfto .reworked-glow, body.single.category-wfto .reworked-glow, body.post-template.post-template-wp-custom-template-wfto-post .reworked-glow { color: var(--reworked) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .reworked-glow:hover, body.single.category-wfto .reworked-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .reworked-glow:hover { color: #109898 !important; } /*CodeNumber 10.26 */ /* GAME ELEMENTS - New (Neon Green) */ body.category-wfto .new-glow, body.single.category-wfto .new-glow, body.post-template.post-template-wp-custom-template-wfto-post .new-glow { color: var(--new) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .new-glow:hover, body.single.category-wfto .new-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .new-glow:hover { color: #49FF24 !important; } /*CodeNumber 10.27 */ /* GAME ELEMENTS - Modified (Bronze) */ body.category-wfto .modified-glow, body.single.category-wfto .modified-glow, body.post-template.post-template-wp-custom-template-wfto-post .modified-glow { color: var(--modified) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .modified-glow:hover, body.single.category-wfto .modified-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .modified-glow:hover { color: #DD8F5A !important; } /*CodeNumber 10.28 */ /* SPECIAL - Armoury (Cyan shifts to Turquoise) */ body.category-wfto .armoury-glow, body.single.category-wfto .armoury-glow, body.post-template.post-template-wp-custom-template-wfto-post .armoury-glow { color: #00FFFF !important; transition: color 0.4s ease, text-shadow 0.4s ease !important; } body.category-wfto .armoury-glow:hover, body.single.category-wfto .armoury-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .armoury-glow:hover { color: var(--armoury) !important; } /*CodeNumber 10.29 */ /* SPECIAL - Titan (Gun Metal Grey) */ body.category-wfto .titan-glow, body.single.category-wfto .titan-glow, body.post-template.post-template-wp-custom-template-wfto-post .titan-glow { color: #2C3539 !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .titan-glow:hover, body.single.category-wfto .titan-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .titan-glow:hover { color: #3A4449 !important; } /*CodeNumber 10.30 */ /* RAINBOW - Bright Multi-color */ body.category-wfto .rainbow-glow, body.single.category-wfto .rainbow-glow, body.post-template.post-template-wp-custom-template-wfto-post .rainbow-glow { color: #FFFFFF !important; text-shadow: 0 0 8px rgba(255, 0, 0, 0.6), 0 0 16px rgba(255, 127, 0, 0.5), 0 0 24px rgba(255, 255, 0, 0.4), 0 0 32px rgba(0, 255, 0, 0.4), 0 0 40px rgba(0, 127, 255, 0.4), 0 0 48px rgba(148, 0, 211, 0.4) !important; transition: color 0.3s ease, text-shadow 0.3s ease !important; } body.category-wfto .rainbow-glow:hover, body.single.category-wfto .rainbow-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .rainbow-glow:hover { text-shadow: 0 0 12px rgba(255, 0, 0, 0.8), 0 0 20px rgba(255, 127, 0, 0.7), 0 0 28px rgba(255, 255, 0, 0.6), 0 0 36px rgba(0, 255, 0, 0.6), 0 0 44px rgba(0, 127, 255, 0.6), 0 0 52px rgba(148, 0, 211, 0.6) !important; } /*CodeNumber 10.31 */ /* DARK RAINBOW - Animated Multi-color (Dark Tones) */ body.category-wfto .dark-rainbow-glow, body.single.category-wfto .dark-rainbow-glow, body.post-template.post-template-wp-custom-template-wfto-post .dark-rainbow-glow { color: #E0E0E0 !important; text-shadow: 0 0 3px rgba(0, 0, 0, 0.8), 0 0 8px hsl(var(--dark-rainbow-hue), 45%, 18%), 0 0 16px hsl(var(--dark-rainbow-hue), 40%, 16%), 0 0 24px hsl(var(--dark-rainbow-hue), 35%, 14%) !important; animation: dark-rainbow-cycle 25s linear infinite !important; transition: transform 0.1s ease, color 0.3s ease !important; } body.category-wfto .dark-rainbow-glow:hover, body.single.category-wfto .dark-rainbow-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .dark-rainbow-glow:hover { color: #F0F0F0 !important; transform: scale(1.01) !important; } /* ===================================================================== SECTION 11: GROUP GLOW VARIANTS (WITH ANIMATED DARK RAINBOW) ===================================================================== */ /*CodeNumber 11.1 */ /* Define animatable custom property for dark rainbow animation */ @property --dark-rainbow-hue { syntax: ''; initial-value: 0; inherits: false; } /*CodeNumber 11.2 */ /* Base Group Styling (Applied to ALL Groups) */ body.category-wfto .wp-block-post-content .wp-block-group:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group:not(.is-layout-flex):not(.group-invis) { background: rgba(25, 28, 32, 0.92) !important; border: 2px solid var(--card-border) !important; border-radius: 14px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(244, 208, 63, 0.6), 0 0 90px rgba(255, 152, 0, 0.5), 0 0 130px rgba(255, 152, 0, 0.4), 0 0 170px rgba(255, 87, 34, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; padding: clamp(20px, 3vw, 32px) !important; margin-bottom: 2rem !important; transition: transform 0.3s ease; } /*CodeNumber 11.3 */ /* Base Group Styling - Hover state */ body.category-wfto .wp-block-post-content .wp-block-group:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group:not(.is-layout-flex):not(.group-invis):hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(244, 208, 63, 0.8), 0 0 110px rgba(255, 152, 0, 0.7), 0 0 160px rgba(255, 152, 0, 0.55), 0 0 210px rgba(255, 87, 34, 0.45) !important; } /*CodeNumber 11.4 */ /* Color-only glow classes - removes glow effects but keeps color */ body.category-wfto .no-glow-effect, body.single.category-wfto .no-glow-effect, body.post-template.post-template-wp-custom-template-wfto-post .no-glow-effect { filter: none !important; text-shadow: none !important; } /*CodeNumber 11.5 */ /* Groups that start with headings become invisible wrappers */ body.category-wfto .wp-block-post-content .wp-block-group:not(.is-layout-flex):has(> :first-child:is(h1, h2, h3, h4, h5, h6)), body.single.category-wfto .wp-block-post-content .wp-block-group:not(.is-layout-flex):has(> :first-child:is(h1, h2, h3, h4, h5, h6)), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group:not(.is-layout-flex):has(> :first-child:is(h1, h2, h3, h4, h5, h6)) { background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; transform: none !important; } /*CodeNumber 11.6 */ /* RITUALS - Coral Red */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-rituals:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-rituals:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-rituals:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-rituals, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-rituals, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-rituals { border-color: rgba(248, 101, 101, 0.55) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(248, 101, 101, 0.7), 0 0 90px rgba(248, 101, 101, 0.6), 0 0 130px rgba(248, 101, 101, 0.5), 0 0 170px rgba(248, 101, 101, 0.4), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-rituals:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-rituals:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-rituals:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-rituals:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-rituals:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-rituals:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(248, 101, 101, 0.9), 0 0 110px rgba(248, 101, 101, 0.8), 0 0 160px rgba(248, 101, 101, 0.7), 0 0 210px rgba(248, 101, 101, 0.6), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.7 */ /* ROOMS - Lime Green */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-rooms:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-rooms:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-rooms:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-rooms, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-rooms, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-rooms { border-color: rgba(173, 255, 47, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(173, 255, 47, 0.6), 0 0 90px rgba(173, 255, 47, 0.5), 0 0 130px rgba(173, 255, 47, 0.4), 0 0 170px rgba(173, 255, 47, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-rooms:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-rooms:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-rooms:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-rooms:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-rooms:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-rooms:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(173, 255, 47, 0.8), 0 0 110px rgba(173, 255, 47, 0.7), 0 0 160px rgba(173, 255, 47, 0.6), 0 0 210px rgba(173, 255, 47, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.8 */ /* SPELLS - Light Purple */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-spells:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-spells:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-spells:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-spells, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-spells, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-spells { border-color: rgba(181, 101, 216, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(181, 101, 216, 0.6), 0 0 90px rgba(181, 101, 216, 0.5), 0 0 130px rgba(181, 101, 216, 0.4), 0 0 170px rgba(181, 101, 216, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-spells:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-spells:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-spells:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-spells:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-spells:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-spells:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(181, 101, 216, 0.8), 0 0 110px rgba(181, 101, 216, 0.7), 0 0 160px rgba(181, 101, 216, 0.6), 0 0 210px rgba(181, 101, 216, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.9 */ /* CONSTRUCTS - Pure Orange */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-constructs:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-constructs:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-constructs:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-constructs, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-constructs, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-constructs { border-color: rgba(255, 140, 0, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(255, 140, 0, 0.6), 0 0 90px rgba(255, 140, 0, 0.5), 0 0 130px rgba(255, 140, 0, 0.4), 0 0 170px rgba(255, 140, 0, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-constructs:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-constructs:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-constructs:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-constructs:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-constructs:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-constructs:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(255, 140, 0, 0.8), 0 0 110px rgba(255, 140, 0, 0.7), 0 0 160px rgba(255, 140, 0, 0.6), 0 0 210px rgba(255, 140, 0, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.10 */ /* TRAPS - Cyan */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-traps:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-traps:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-traps:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-traps, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-traps, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-traps { border-color: rgba(0, 191, 255, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(0, 191, 255, 0.6), 0 0 90px rgba(0, 191, 255, 0.5), 0 0 130px rgba(0, 191, 255, 0.4), 0 0 170px rgba(0, 191, 255, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-traps:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-traps:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-traps:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-traps:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-traps:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-traps:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(0, 191, 255, 0.8), 0 0 110px rgba(0, 191, 255, 0.7), 0 0 160px rgba(0, 191, 255, 0.6), 0 0 210px rgba(0, 191, 255, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.11 */ /* POTIONS - Gold */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-potions:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-potions:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-potions:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-potions, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-potions, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-potions { border-color: rgba(255, 191, 0, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(255, 191, 0, 0.6), 0 0 90px rgba(255, 191, 0, 0.5), 0 0 130px rgba(255, 191, 0, 0.4), 0 0 170px rgba(255, 191, 0, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-potions:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-potions:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-potions:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-potions:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-potions:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-potions:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(255, 191, 0, 0.8), 0 0 110px rgba(255, 191, 0, 0.7), 0 0 160px rgba(255, 191, 0, 0.6), 0 0 210px rgba(255, 191, 0, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.12 */ /* LAMASH - Dark Purple */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-lamash:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-lamash:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-lamash:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-lamash, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-lamash, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-lamash { border-color: rgba(75, 0, 130, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(75, 0, 130, 0.6), 0 0 90px rgba(75, 0, 130, 0.5), 0 0 130px rgba(75, 0, 130, 0.4), 0 0 170px rgba(75, 0, 130, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-lamash:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-lamash:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-lamash:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-lamash:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-lamash:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-lamash:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(75, 0, 130, 0.8), 0 0 110px rgba(75, 0, 130, 0.7), 0 0 160px rgba(75, 0, 130, 0.6), 0 0 210px rgba(75, 0, 130, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.13 */ /* VOLTA - Lighter Orange */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-volta:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-volta:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-volta:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-volta, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-volta, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-volta { border-color: rgba(255, 179, 102, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(255, 179, 102, 0.6), 0 0 90px rgba(255, 179, 102, 0.5), 0 0 130px rgba(255, 179, 102, 0.4), 0 0 170px rgba(255, 179, 102, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-volta:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-volta:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-volta:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-volta:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-volta:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-volta:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(255, 179, 102, 0.8), 0 0 110px rgba(255, 179, 102, 0.7), 0 0 160px rgba(255, 179, 102, 0.6), 0 0 210px rgba(255, 179, 102, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.14 */ /* KASITA - Pure Yellow */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-kasita:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-kasita:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-kasita:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-kasita, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-kasita, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-kasita { border-color: rgba(255, 255, 0, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(255, 255, 0, 0.6), 0 0 90px rgba(255, 255, 0, 0.5), 0 0 130px rgba(255, 255, 0, 0.4), 0 0 170px rgba(255, 255, 0, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-kasita:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-kasita:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-kasita:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-kasita:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-kasita:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-kasita:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(255, 255, 0, 0.8), 0 0 110px rgba(255, 255, 0, 0.7), 0 0 160px rgba(255, 255, 0, 0.6), 0 0 210px rgba(255, 255, 0, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.15 */ /* SHALE - Deep Magenta */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-shale:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-shale:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-shale:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-shale, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-shale, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-shale { border-color: rgba(139, 0, 139, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(139, 0, 139, 0.6), 0 0 90px rgba(139, 0, 139, 0.5), 0 0 130px rgba(139, 0, 139, 0.4), 0 0 170px rgba(139, 0, 139, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-shale:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-shale:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-shale:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-shale:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-shale:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-shale:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(139, 0, 139, 0.8), 0 0 110px rgba(139, 0, 139, 0.7), 0 0 160px rgba(139, 0, 139, 0.6), 0 0 210px rgba(139, 0, 139, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.16 */ /* CONTRACT - Light Grey */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-contract:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-contract:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-contract:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-contract, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-contract, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-contract { border-color: rgba(192, 192, 192, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(192, 192, 192, 0.6), 0 0 90px rgba(192, 192, 192, 0.5), 0 0 130px rgba(192, 192, 192, 0.4), 0 0 170px rgba(192, 192, 192, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-contract:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-contract:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-contract:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-contract:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-contract:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-contract:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(211, 211, 211, 0.8), 0 0 110px rgba(211, 211, 211, 0.7), 0 0 160px rgba(211, 211, 211, 0.6), 0 0 210px rgba(211, 211, 211, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.17 */ /* TITAN - Gun Metal Grey */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-titan:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-titan:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-titan:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-titan, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-titan, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-titan { border-color: rgba(44, 53, 57, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(44, 53, 57, 0.6), 0 0 90px rgba(44, 53, 57, 0.5), 0 0 130px rgba(44, 53, 57, 0.4), 0 0 170px rgba(44, 53, 57, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-titan:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-titan:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-titan:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-titan:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-titan:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-titan:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(58, 68, 73, 0.8), 0 0 110px rgba(58, 68, 73, 0.7), 0 0 160px rgba(58, 68, 73, 0.6), 0 0 210px rgba(58, 68, 73, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.18 */ /* DARK MAGIC - Deep Crimson */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-darkmagic:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-darkmagic:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-darkmagic:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-darkmagic, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-darkmagic, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-darkmagic { border-color: rgba(139, 0, 0, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(139, 0, 0, 0.6), 0 0 90px rgba(139, 0, 0, 0.5), 0 0 130px rgba(139, 0, 0, 0.4), 0 0 170px rgba(139, 0, 0, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-darkmagic:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-darkmagic:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-darkmagic:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-darkmagic:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-darkmagic:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-darkmagic:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(139, 0, 0, 0.8), 0 0 110px rgba(139, 0, 0, 0.7), 0 0 160px rgba(139, 0, 0, 0.6), 0 0 210px rgba(139, 0, 0, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.19 */ /* UNMANA - Dark Green */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-unmana:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-unmana:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-unmana:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-unmana, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-unmana, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-unmana { border-color: rgba(1, 50, 32, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(1, 50, 32, 0.6), 0 0 90px rgba(1, 50, 32, 0.5), 0 0 130px rgba(1, 50, 32, 0.4), 0 0 170px rgba(1, 50, 32, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-unmana:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-unmana:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-unmana:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-unmana:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-unmana:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-unmana:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(1, 50, 32, 0.8), 0 0 110px rgba(1, 50, 32, 0.7), 0 0 160px rgba(1, 50, 32, 0.6), 0 0 210px rgba(1, 50, 32, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.20 */ /* SPIRIT CHARGE - Mint/White */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-spiritcharge:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-spiritcharge:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-spiritcharge:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-spiritcharge, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-spiritcharge, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-spiritcharge { border-color: rgba(224, 255, 240, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(224, 255, 240, 0.6), 0 0 90px rgba(224, 255, 240, 0.5), 0 0 130px rgba(224, 255, 240, 0.4), 0 0 170px rgba(224, 255, 240, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-spiritcharge:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-spiritcharge:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-spiritcharge:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-spiritcharge:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-spiritcharge:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-spiritcharge:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(224, 255, 240, 0.8), 0 0 110px rgba(224, 255, 240, 0.7), 0 0 160px rgba(224, 255, 240, 0.6), 0 0 210px rgba(224, 255, 240, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.21 */ /* EMPOWER - Black (using dark grey for visibility) */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-empower:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-empower:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-empower:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-empower, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-empower, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-empower { border-color: rgba(64, 64, 64, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(64, 64, 64, 0.6), 0 0 90px rgba(64, 64, 64, 0.5), 0 0 130px rgba(64, 64, 64, 0.4), 0 0 170px rgba(64, 64, 64, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-empower:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-empower:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-empower:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-empower:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-empower:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-empower:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(64, 64, 64, 0.8), 0 0 110px rgba(64, 64, 64, 0.7), 0 0 160px rgba(64, 64, 64, 0.6), 0 0 210px rgba(64, 64, 64, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.22 */ /* ARMOURY - Cyan (shifts to #05f0b9 Turquoise on hover) */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-armoury:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-armoury:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-armoury:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-armoury, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-armoury, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-armoury { border-color: rgba(0, 255, 255, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(0, 255, 255, 0.6), 0 0 90px rgba(0, 255, 255, 0.5), 0 0 130px rgba(0, 255, 255, 0.4), 0 0 170px rgba(0, 255, 255, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; transition: all 0.4s ease !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-armoury:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-armoury:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-armoury:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-armoury:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-armoury:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-armoury:hover { transform: translateY(-2px); border-color: rgba(5, 240, 185, 0.55) !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(5, 240, 185, 0.8), 0 0 110px rgba(5, 240, 185, 0.7), 0 0 160px rgba(5, 240, 185, 0.6), 0 0 210px rgba(5, 240, 185, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.23 */ /* REWORKED - Teal */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-reworked:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-reworked:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-reworked:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-reworked, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-reworked, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-reworked { border-color: rgba(0, 128, 128, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(0, 128, 128, 0.6), 0 0 90px rgba(0, 128, 128, 0.5), 0 0 130px rgba(0, 128, 128, 0.4), 0 0 170px rgba(0, 128, 128, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-reworked:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-reworked:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-reworked:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-reworked:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-reworked:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-reworked:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(0, 128, 128, 0.8), 0 0 110px rgba(0, 128, 128, 0.7), 0 0 160px rgba(0, 128, 128, 0.6), 0 0 210px rgba(0, 128, 128, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.24 */ /* NEW - Neon Green */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-new:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-new:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-new:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-new, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-new, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-new { border-color: rgba(57, 255, 20, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(57, 255, 20, 0.6), 0 0 90px rgba(57, 255, 20, 0.5), 0 0 130px rgba(57, 255, 20, 0.4), 0 0 170px rgba(57, 255, 20, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-new:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-new:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-new:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-new:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-new:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-new:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(57, 255, 20, 0.8), 0 0 110px rgba(57, 255, 20, 0.7), 0 0 160px rgba(57, 255, 20, 0.6), 0 0 210px rgba(57, 255, 20, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.25 */ /* MODIFIED - Bronze */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-modified:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-modified:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-modified:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-modified, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-modified, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-modified { border-color: rgba(205, 127, 50, 0.45) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(205, 127, 50, 0.6), 0 0 90px rgba(205, 127, 50, 0.5), 0 0 130px rgba(205, 127, 50, 0.4), 0 0 170px rgba(205, 127, 50, 0.3), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-modified:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-modified:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-modified:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-modified:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-modified:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-modified:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 70px rgba(205, 127, 50, 0.8), 0 0 110px rgba(205, 127, 50, 0.7), 0 0 160px rgba(205, 127, 50, 0.6), 0 0 210px rgba(205, 127, 50, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; } /*CodeNumber 11.26 */ /* SHEER BLACK - Subtle Dark Glow */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-sheerblack:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-sheerblack:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-sheerblack:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-sheerblack, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-sheerblack, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-sheerblack { border-color: rgba(26, 26, 26, 0.65) !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.8), 0 0 50px rgba(26, 26, 26, 0.6), 0 0 90px rgba(26, 26, 26, 0.5), 0 0 130px rgba(26, 26, 26, 0.4), 0 0 170px rgba(26, 26, 26, 0.3), inset 0 0 25px rgba(0, 0, 0, 0.9) !important; } body.category-wfto .wp-block-post-content .wp-block-group.group-glow-sheerblack:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-sheerblack:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-sheerblack:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-sheerblack:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-sheerblack:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-sheerblack:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.9), 0 0 70px rgba(26, 26, 26, 0.8), 0 0 110px rgba(26, 26, 26, 0.7), 0 0 160px rgba(26, 26, 26, 0.6), 0 0 210px rgba(26, 26, 26, 0.5), inset 0 0 25px rgba(0, 0, 0, 0.9) !important; } /*CodeNumber 11.27 */ /* ANIMATED DARK RAINBOW GROUP GLOW - Animation Keyframes */ @keyframes dark-rainbow-cycle { 0% { --dark-rainbow-hue: 0; } 20% { --dark-rainbow-hue: 30; } 40% { --dark-rainbow-hue: 80; } 60% { --dark-rainbow-hue: 180; } 80% { --dark-rainbow-hue: 240; } 100% { --dark-rainbow-hue: 360; } } /*CodeNumber 11.28 */ /* ANIMATED DARK RAINBOW - Base state (animation runs continuously) */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-dark-rainbow:not(.is-layout-flex):not(.group-invis), body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-dark-rainbow:not(.is-layout-flex):not(.group-invis), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-dark-rainbow:not(.is-layout-flex):not(.group-invis), body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-dark-rainbow, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-dark-rainbow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-dark-rainbow { --dark-rainbow-hue: 0; background: rgba(25, 28, 32, 0.92) !important; border: 2px solid hsl(var(--dark-rainbow-hue), 50%, 15%) !important; border-radius: 14px !important; padding: clamp(20px, 3vw, 32px) !important; margin-bottom: 2rem !important; filter: drop-shadow(0 0 50px hsl(var(--dark-rainbow-hue), 40%, 16%)) drop-shadow(0 0 90px hsl(var(--dark-rainbow-hue), 30%, 12%)) !important; box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.7), 0 8px 30px rgba(0, 0, 0, 0.5) !important; animation: dark-rainbow-cycle 25s linear infinite !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; will-change: filter; } /*CodeNumber 11.29 */ /* ANIMATED DARK RAINBOW - Hover state (add brightness without stopping animation) */ body.category-wfto .wp-block-post-content .wp-block-group.group-glow-dark-rainbow:not(.is-layout-flex):not(.group-invis):hover, body.single.category-wfto .wp-block-post-content .wp-block-group.group-glow-dark-rainbow:not(.is-layout-flex):not(.group-invis):hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-group.group-glow-dark-rainbow:not(.is-layout-flex):not(.group-invis):hover, body.category-wfto .wp-block-post-content .wp-block-columns.group-glow-dark-rainbow:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns.group-glow-dark-rainbow:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.group-glow-dark-rainbow:hover { transform: translateY(-2px) !important; box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.7), 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 80px rgba(255, 255, 255, 0.15) !important; } /* ===================================================================== SECTION 12: COLUMNS LAYOUT ===================================================================== */ /*CodeNumber 12.1 */ /* Columns are invisible by default */ body.category-wfto .wp-block-post-content .wp-block-columns, body.single.category-wfto .wp-block-post-content .wp-block-columns, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns { background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin-bottom: 0 !important; } /*CodeNumber 12.2 */ /* Opt-in: add-glow applies card styling */ body.category-wfto .wp-block-post-content .wp-block-columns.add-glow, body.single.category-wfto .wp-block-post-content .wp-block-columns.add-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns.add-glow { background: rgba(25, 28, 32, 0.92) !important; border: 2px solid var(--card-border) !important; border-radius: 14px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 0 50px rgba(244, 208, 63, 0.6), 0 0 90px rgba(255, 152, 0, 0.5), inset 0 0 18px rgba(0, 0, 0, 0.7) !important; padding: clamp(20px, 3vw, 32px) !important; margin-bottom: 2rem !important; transition: all 0.3s ease; } /*CodeNumber 12.3 */ /* OPT-IN: add-column-style class applies dark blue box styling */ body.category-wfto .add-column-style, body.single.category-wfto .add-column-style, body.post-template.post-template-wp-custom-template-wfto-post .add-column-style, body.category-wfto .wp-block-columns.add-column-style, body.single.category-wfto .wp-block-columns.add-column-style, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-columns.add-column-style, body.category-wfto .wp-block-post-content .add-column-style, body.single.category-wfto .wp-block-post-content .add-column-style, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .add-column-style { background: rgba(20, 25, 35, 0.65) !important; border: 1px solid rgba(40, 50, 70, 0.3) !important; border-radius: 12px !important; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5) !important; padding: clamp(16px, 2.5vw, 28px) !important; margin-bottom: 2rem !important; transition: background 0.3s ease; } /*CodeNumber 12.4 */ /* add-column-style hover state */ body.category-wfto .add-column-style:hover, body.single.category-wfto .add-column-style:hover, body.post-template.post-template-wp-custom-template-wfto-post .add-column-style:hover { background: rgba(20, 25, 35, 0.75) !important; } /*CodeNumber 12.5 */ /* Individual Column styling with add-column-style - FORCE OVERRIDE */ body.category-wfto .wp-block-post-content .wp-block-columns .wp-block-column.add-column-style, body.single.category-wfto .wp-block-post-content .wp-block-columns .wp-block-column.add-column-style, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns .wp-block-column.add-column-style { background: rgba(20, 25, 35, 0.65) !important; border: 1px solid rgba(40, 50, 70, 0.3) !important; border-radius: 12px !important; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5) !important; padding: clamp(16px, 2.5vw, 28px) !important; margin-bottom: 2rem !important; transition: background 0.3s ease; } /*CodeNumber 12.6 */ /* Individual Column styling with add-column-style - hover state */ body.category-wfto .wp-block-post-content .wp-block-columns .wp-block-column.add-column-style:hover, body.single.category-wfto .wp-block-post-content .wp-block-columns .wp-block-column.add-column-style:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns .wp-block-column.add-column-style:hover { background: rgba(20, 25, 35, 0.75) !important; } /*CodeNumber 12.7 */ /* Individual columns don't have padding by default */ body.category-wfto .wp-block-post-content .wp-block-columns .wp-block-column:not(.allow-padding), body.single.category-wfto .wp-block-post-content .wp-block-columns .wp-block-column:not(.allow-padding), body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content .wp-block-columns .wp-block-column:not(.allow-padding) { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } /*CodeNumber 12.8 */ /* Opt-in: lock-width prevents column resizing */ body.category-wfto .wp-block-column.lock-width, body.single.category-wfto .wp-block-column.lock-width, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-column.lock-width { flex-shrink: 0 !important; flex-grow: 0 !important; } /*CodeNumber 12.9 */ /* Opt-in: keep-side-by-side prevents stacking */ body.category-wfto .wp-block-columns.keep-side-by-side, body.single.category-wfto .wp-block-columns.keep-side-by-side, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-columns.keep-side-by-side { flex-wrap: nowrap !important; } /* ===================================================================== SECTION 13: IMAGE GLOWS - COMPLETE WITH RAINBOW EFFECTS ===================================================================== */ /*CodeNumber 13.1 */ /* Base image styling - NO default glow */ body.category-wfto .wp-block-post-content img, body.single.category-wfto .wp-block-post-content img, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content img { border-radius: 8px; transition: all 0.3s ease; } /*CodeNumber 13.2 */ /* Base image hover - subtle lift only */ body.category-wfto .wp-block-post-content img:hover, body.single.category-wfto .wp-block-post-content img:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content img:hover { transform: translateY(-2px); } /*CodeNumber 13.3 */ /* Opt-out: no-glow removes all styling */ body.category-wfto .no-glow img, body.single.category-wfto .no-glow img, body.post-template.post-template-wp-custom-template-wfto-post .no-glow img { box-shadow: none !important; border-radius: 0 !important; transform: none !important; } /*CodeNumber 13.4 */ /* Opt-in: image-glow for blocks like Greenshift */ body.category-wfto .image-glow, body.single.category-wfto .image-glow, body.post-template.post-template-wp-custom-template-wfto-post .image-glow { border-radius: 12px !important; overflow: visible !important; } /*CodeNumber 13.5 */ /* DARK RAINBOW - Custom property for images */ @property --dark-rainbow-hue-img { syntax: ''; initial-value: 0; inherits: false; } /*CodeNumber 13.6 */ /* DARK RAINBOW - Animation keyframes for images */ @keyframes dark-rainbow-cycle-img { 0% { --dark-rainbow-hue-img: 0; } 20% { --dark-rainbow-hue-img: 30; } 40% { --dark-rainbow-hue-img: 80; } 60% { --dark-rainbow-hue-img: 180; } 80% { --dark-rainbow-hue-img: 240; } 100% { --dark-rainbow-hue-img: 360; } } /*CodeNumber 13.7 */ /* DARK RAINBOW - Animated Image Glow (OPTIMIZED) */ body.category-wfto .wp-block-post-content img.dark-rainbow-glow, body.single.category-wfto .wp-block-post-content img.dark-rainbow-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content img.dark-rainbow-glow, body.category-wfto .dark-rainbow-glow img, body.single.category-wfto .dark-rainbow-glow img, body.post-template.post-template-wp-custom-template-wfto-post .dark-rainbow-glow img, body.category-wfto img.dark-rainbow-glow, body.single.category-wfto img.dark-rainbow-glow, body.post-template.post-template-wp-custom-template-wfto-post img.dark-rainbow-glow { border: 3px solid hsl(var(--dark-rainbow-hue-img), 50%, 15%) !important; filter: drop-shadow(0 0 30px hsl(var(--dark-rainbow-hue-img), 35%, 14%)) !important; animation: dark-rainbow-cycle-img 25s linear infinite !important; transition: transform 0.3s ease !important; border-radius: 8px !important; will-change: filter; } /*CodeNumber 13.8 */ /* DARK RAINBOW - Animated Image Glow hover state */ body.category-wfto .wp-block-post-content img.dark-rainbow-glow:hover, body.single.category-wfto .wp-block-post-content img.dark-rainbow-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-post-content img.dark-rainbow-glow:hover, body.category-wfto .dark-rainbow-glow img:hover, body.single.category-wfto .dark-rainbow-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .dark-rainbow-glow img:hover, body.category-wfto img.dark-rainbow-glow:hover, body.single.category-wfto img.dark-rainbow-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.dark-rainbow-glow:hover { transform: scale(1.02) !important; filter: brightness(1.1) drop-shadow(0 0 40px hsl(var(--dark-rainbow-hue-img), 35%, 16%)) !important; } /*CodeNumber 13.9 */ /* OLD-DEFAULT-GLOW (Original magenta/purple glow - opt-in only) */ body.category-wfto .old-default-glow img, body.single.category-wfto .old-default-glow img, body.post-template.post-template-wp-custom-template-wfto-post .old-default-glow img, body.category-wfto img.old-default-glow, body.single.category-wfto img.old-default-glow, body.post-template.post-template-wp-custom-template-wfto-post img.old-default-glow { box-shadow: 0 0 12px rgba(255, 0, 128, 0.35), 0 0 20px rgba(255, 0, 128, 0.25), 0 0 30px rgba(200, 0, 150, 0.2) !important; } /*CodeNumber 13.10 */ /* OLD-DEFAULT-GLOW hover state */ body.category-wfto .old-default-glow img:hover, body.single.category-wfto .old-default-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .old-default-glow img:hover, body.category-wfto img.old-default-glow:hover, body.single.category-wfto img.old-default-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.old-default-glow:hover { box-shadow: 0 0 15px rgba(255, 0, 128, 0.5), 0 0 28px rgba(255, 0, 128, 0.4), 0 0 40px rgba(200, 0, 150, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 13.11 */ /* CONTRACT-GLOW (Light Grey) */ body.category-wfto .contract-glow img, body.single.category-wfto .contract-glow img, body.post-template.post-template-wp-custom-template-wfto-post .contract-glow img, body.category-wfto img.contract-glow, body.single.category-wfto img.contract-glow, body.post-template.post-template-wp-custom-template-wfto-post img.contract-glow { box-shadow: 0 0 12px rgba(192, 192, 192, 0.4), 0 0 20px rgba(192, 192, 192, 0.3), 0 0 30px rgba(192, 192, 192, 0.2) !important; } /*CodeNumber 13.12 */ /* CONTRACT-GLOW hover state */ body.category-wfto .contract-glow img:hover, body.single.category-wfto .contract-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .contract-glow img:hover, body.category-wfto img.contract-glow:hover, body.single.category-wfto img.contract-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.contract-glow:hover { box-shadow: 0 0 15px rgba(211, 211, 211, 0.5), 0 0 28px rgba(211, 211, 211, 0.4), 0 0 40px rgba(211, 211, 211, 0.3) !important; } /*CodeNumber 13.13 */ /* TITAN-GLOW (Gun Metal Grey) */ body.category-wfto .titan-glow img, body.single.category-wfto .titan-glow img, body.post-template.post-template-wp-custom-template-wfto-post .titan-glow img, body.category-wfto img.titan-glow, body.single.category-wfto img.titan-glow, body.post-template.post-template-wp-custom-template-wfto-post img.titan-glow { box-shadow: 0 0 12px rgba(44, 53, 57, 0.5), 0 0 20px rgba(44, 53, 57, 0.4), 0 0 30px rgba(44, 53, 57, 0.3) !important; } /*CodeNumber 13.14 */ /* TITAN-GLOW hover state */ body.category-wfto .titan-glow img:hover, body.single.category-wfto .titan-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .titan-glow img:hover, body.category-wfto img.titan-glow:hover, body.single.category-wfto img.titan-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.titan-glow:hover { box-shadow: 0 0 15px rgba(58, 68, 73, 0.6), 0 0 28px rgba(58, 68, 73, 0.5), 0 0 40px rgba(58, 68, 73, 0.4) !important; } /*CodeNumber 13.15 */ /* DEADLY SINS - ENVY (Emerald Green) */ body.category-wfto .envy-glow img, body.single.category-wfto .envy-glow img, body.post-template.post-template-wp-custom-template-wfto-post .envy-glow img, body.category-wfto img.envy-glow, body.single.category-wfto img.envy-glow, body.post-template.post-template-wp-custom-template-wfto-post img.envy-glow { box-shadow: 0 0 12px rgba(80, 200, 120, 0.35), 0 0 20px rgba(80, 200, 120, 0.25), 0 0 30px rgba(80, 200, 120, 0.2) !important; } body.category-wfto .envy-glow img:hover, body.single.category-wfto .envy-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .envy-glow img:hover, body.category-wfto img.envy-glow:hover, body.single.category-wfto img.envy-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.envy-glow:hover { box-shadow: 0 0 15px rgba(96, 216, 136, 0.5), 0 0 28px rgba(96, 216, 136, 0.4), 0 0 40px rgba(96, 216, 136, 0.3) !important; } /*CodeNumber 13.16 */ /* DEADLY SINS - GREED (Gold) */ body.category-wfto .greed-glow img, body.single.category-wfto .greed-glow img, body.post-template.post-template-wp-custom-template-wfto-post .greed-glow img, body.category-wfto img.greed-glow, body.single.category-wfto img.greed-glow, body.post-template.post-template-wp-custom-template-wfto-post img.greed-glow { box-shadow: 0 0 12px rgba(255, 215, 0, 0.35), 0 0 20px rgba(255, 215, 0, 0.25), 0 0 30px rgba(255, 215, 0, 0.2) !important; } body.category-wfto .greed-glow img:hover, body.single.category-wfto .greed-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .greed-glow img:hover, body.category-wfto img.greed-glow:hover, body.single.category-wfto img.greed-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.greed-glow:hover { box-shadow: 0 0 15px rgba(255, 228, 77, 0.5), 0 0 28px rgba(255, 228, 77, 0.4), 0 0 40px rgba(255, 228, 77, 0.3) !important; } /*CodeNumber 13.17 */ /* DEADLY SINS - WRATH (Red) */ body.category-wfto .wrath-glow img, body.single.category-wfto .wrath-glow img, body.post-template.post-template-wp-custom-template-wfto-post .wrath-glow img, body.category-wfto img.wrath-glow, body.single.category-wfto img.wrath-glow, body.post-template.post-template-wp-custom-template-wfto-post img.wrath-glow { box-shadow: 0 0 12px rgba(255, 68, 68, 0.35), 0 0 20px rgba(255, 68, 68, 0.25), 0 0 30px rgba(255, 68, 68, 0.2) !important; } body.category-wfto .wrath-glow img:hover, body.single.category-wfto .wrath-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .wrath-glow img:hover, body.category-wfto img.wrath-glow:hover, body.single.category-wfto img.wrath-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.wrath-glow:hover { box-shadow: 0 0 15px rgba(255, 85, 85, 0.5), 0 0 28px rgba(255, 85, 85, 0.4), 0 0 40px rgba(255, 85, 85, 0.3) !important; } /*CodeNumber 13.18 */ /* DEADLY SINS - SLOTH (Light Blue) */ body.category-wfto .sloth-glow img, body.single.category-wfto .sloth-glow img, body.post-template.post-template-wp-custom-template-wfto-post .sloth-glow img, body.category-wfto img.sloth-glow, body.single.category-wfto img.sloth-glow, body.post-template.post-template-wp-custom-template-wfto-post img.sloth-glow { box-shadow: 0 0 12px rgba(135, 206, 235, 0.35), 0 0 20px rgba(135, 206, 235, 0.25), 0 0 30px rgba(135, 206, 235, 0.2) !important; } body.category-wfto .sloth-glow img:hover, body.single.category-wfto .sloth-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .sloth-glow img:hover, body.category-wfto img.sloth-glow:hover, body.single.category-wfto img.sloth-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.sloth-glow:hover { box-shadow: 0 0 15px rgba(151, 222, 255, 0.5), 0 0 28px rgba(151, 222, 255, 0.4), 0 0 40px rgba(151, 222, 255, 0.3) !important; } /*CodeNumber 13.19 */ /* DEADLY SINS - GLUTTONY (Orange) */ body.category-wfto .gluttony-glow img, body.single.category-wfto .gluttony-glow img, body.post-template.post-template-wp-custom-template-wfto-post .gluttony-glow img, body.category-wfto img.gluttony-glow, body.single.category-wfto img.gluttony-glow, body.post-template.post-template-wp-custom-template-wfto-post img.gluttony-glow { box-shadow: 0 0 12px rgba(255, 140, 0, 0.35), 0 0 20px rgba(255, 140, 0, 0.25), 0 0 30px rgba(255, 140, 0, 0.2) !important; } body.category-wfto .gluttony-glow img:hover, body.single.category-wfto .gluttony-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .gluttony-glow img:hover, body.category-wfto img.gluttony-glow:hover, body.single.category-wfto img.gluttony-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.gluttony-glow:hover { box-shadow: 0 0 15px rgba(255, 156, 16, 0.5), 0 0 28px rgba(255, 156, 16, 0.4), 0 0 40px rgba(255, 156, 16, 0.3) !important; } /*CodeNumber 13.20 */ /* DEADLY SINS - LUST (Hot Pink) */ body.category-wfto .lust-glow img, body.single.category-wfto .lust-glow img, body.post-template.post-template-wp-custom-template-wfto-post .lust-glow img, body.category-wfto img.lust-glow, body.single.category-wfto img.lust-glow, body.post-template.post-template-wp-custom-template-wfto-post img.lust-glow { box-shadow: 0 0 12px rgba(255, 105, 180, 0.35), 0 0 20px rgba(255, 105, 180, 0.25), 0 0 30px rgba(255, 105, 180, 0.2) !important; } body.category-wfto .lust-glow img:hover, body.single.category-wfto .lust-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .lust-glow img:hover, body.category-wfto img.lust-glow:hover, body.single.category-wfto img.lust-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.lust-glow:hover { box-shadow: 0 0 15px rgba(255, 121, 196, 0.5), 0 0 28px rgba(255, 121, 196, 0.4), 0 0 40px rgba(255, 121, 196, 0.3) !important; } /*CodeNumber 13.21 */ /* DEADLY SINS - VANITY (Bright White) */ body.category-wfto .vanity-glow img, body.single.category-wfto .vanity-glow img, body.post-template.post-template-wp-custom-template-wfto-post .vanity-glow img, body.category-wfto img.vanity-glow, body.single.category-wfto img.vanity-glow, body.post-template.post-template-wp-custom-template-wfto-post img.vanity-glow { box-shadow: 0 0 12px rgba(255, 255, 255, 0.35), 0 0 20px rgba(255, 255, 255, 0.25), 0 0 30px rgba(255, 255, 255, 0.2) !important; } body.category-wfto .vanity-glow img:hover, body.single.category-wfto .vanity-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .vanity-glow img:hover, body.category-wfto img.vanity-glow:hover, body.single.category-wfto img.vanity-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.vanity-glow:hover { box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 0 28px rgba(255, 255, 255, 0.4), 0 0 40px rgba(255, 255, 255, 0.3) !important; } /*CodeNumber 13.22 */ /* BUFF/NERF - BUFF (Bright Green) */ body.category-wfto .buff-glow img, body.single.category-wfto .buff-glow img, body.post-template.post-template-wp-custom-template-wfto-post .buff-glow img, body.category-wfto img.buff-glow, body.single.category-wfto img.buff-glow, body.post-template.post-template-wp-custom-template-wfto-post img.buff-glow { box-shadow: 0 0 12px rgba(0, 200, 83, 0.35), 0 0 20px rgba(0, 200, 83, 0.25), 0 0 30px rgba(0, 200, 83, 0.2) !important; } body.category-wfto .buff-glow img:hover, body.single.category-wfto .buff-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .buff-glow img:hover, body.category-wfto img.buff-glow:hover, body.single.category-wfto img.buff-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.buff-glow:hover { box-shadow: 0 0 15px rgba(16, 216, 99, 0.5), 0 0 28px rgba(16, 216, 99, 0.4), 0 0 40px rgba(16, 216, 99, 0.3) !important; } /*CodeNumber 13.23 */ /* BUFF/NERF - NERF (Crimson Red) */ body.category-wfto .nerf-glow img, body.single.category-wfto .nerf-glow img, body.post-template.post-template-wp-custom-template-wfto-post .nerf-glow img, body.category-wfto img.nerf-glow, body.single.category-wfto img.nerf-glow, body.post-template.post-template-wp-custom-template-wfto-post img.nerf-glow { box-shadow: 0 0 12px rgba(220, 20, 60, 0.35), 0 0 20px rgba(220, 20, 60, 0.25), 0 0 30px rgba(220, 20, 60, 0.2) !important; } body.category-wfto .nerf-glow img:hover, body.single.category-wfto .nerf-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .nerf-glow img:hover, body.category-wfto img.nerf-glow:hover, body.single.category-wfto img.nerf-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.nerf-glow:hover { box-shadow: 0 0 15px rgba(236, 36, 76, 0.5), 0 0 28px rgba(236, 36, 76, 0.4), 0 0 40px rgba(236, 36, 76, 0.3) !important; } /*CodeNumber 13.24 */ /* GAME ELEMENTS - RITUALS (Coral Red) */ body.category-wfto .rituals-glow img, body.single.category-wfto .rituals-glow img, body.post-template.post-template-wp-custom-template-wfto-post .rituals-glow img, body.category-wfto img.rituals-glow, body.single.category-wfto img.rituals-glow, body.post-template.post-template-wp-custom-template-wfto-post img.rituals-glow { box-shadow: 0 0 12px rgba(248, 101, 101, 0.35), 0 0 20px rgba(248, 101, 101, 0.25), 0 0 30px rgba(248, 101, 101, 0.2) !important; } body.category-wfto .rituals-glow img:hover, body.single.category-wfto .rituals-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .rituals-glow img:hover, body.category-wfto img.rituals-glow:hover, body.single.category-wfto img.rituals-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.rituals-glow:hover { box-shadow: 0 0 15px rgba(255, 117, 117, 0.5), 0 0 28px rgba(255, 117, 117, 0.4), 0 0 40px rgba(255, 117, 117, 0.3) !important; } /*CodeNumber 13.25 */ /* GAME ELEMENTS - ROOMS (Lime Green) */ body.category-wfto .rooms-glow img, body.single.category-wfto .rooms-glow img, body.post-template.post-template-wp-custom-template-wfto-post .rooms-glow img, body.category-wfto img.rooms-glow, body.single.category-wfto img.rooms-glow, body.post-template.post-template-wp-custom-template-wfto-post img.rooms-glow { box-shadow: 0 0 12px rgba(173, 255, 47, 0.35), 0 0 20px rgba(173, 255, 47, 0.25), 0 0 30px rgba(173, 255, 47, 0.2) !important; } body.category-wfto .rooms-glow img:hover, body.single.category-wfto .rooms-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .rooms-glow img:hover, body.category-wfto img.rooms-glow:hover, body.single.category-wfto img.rooms-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.rooms-glow:hover { box-shadow: 0 0 15px rgba(189, 255, 63, 0.5), 0 0 28px rgba(189, 255, 63, 0.4), 0 0 40px rgba(189, 255, 63, 0.3) !important; } /*CodeNumber 13.26 */ /* GAME ELEMENTS - SPELLS (Light Purple) */ body.category-wfto .spells-glow img, body.single.category-wfto .spells-glow img, body.post-template.post-template-wp-custom-template-wfto-post .spells-glow img, body.category-wfto img.spells-glow, body.single.category-wfto img.spells-glow, body.post-template.post-template-wp-custom-template-wfto-post img.spells-glow { box-shadow: 0 0 12px rgba(181, 101, 216, 0.35), 0 0 20px rgba(181, 101, 216, 0.25), 0 0 30px rgba(181, 101, 216, 0.2) !important; } body.category-wfto .spells-glow img:hover, body.single.category-wfto .spells-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .spells-glow img:hover, body.category-wfto img.spells-glow:hover, body.single.category-wfto img.spells-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.spells-glow:hover { box-shadow: 0 0 15px rgba(197, 117, 232, 0.5), 0 0 28px rgba(197, 117, 232, 0.4), 0 0 40px rgba(197, 117, 232, 0.3) !important; } /*CodeNumber 13.27 */ /* GAME ELEMENTS - CONSTRUCTS (Pure Orange) */ body.category-wfto .constructs-glow img, body.single.category-wfto .constructs-glow img, body.post-template.post-template-wp-custom-template-wfto-post .constructs-glow img, body.category-wfto img.constructs-glow, body.single.category-wfto img.constructs-glow, body.post-template.post-template-wp-custom-template-wfto-post img.constructs-glow { box-shadow: 0 0 12px rgba(255, 140, 0, 0.35), 0 0 20px rgba(255, 140, 0, 0.25), 0 0 30px rgba(255, 140, 0, 0.2) !important; } body.category-wfto .constructs-glow img:hover, body.single.category-wfto .constructs-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .constructs-glow img:hover, body.category-wfto img.constructs-glow:hover, body.single.category-wfto img.constructs-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.constructs-glow:hover { box-shadow: 0 0 15px rgba(255, 156, 16, 0.5), 0 0 28px rgba(255, 156, 16, 0.4), 0 0 40px rgba(255, 156, 16, 0.3) !important; } /*CodeNumber 13.28 */ /* GAME ELEMENTS - TRAPS (Cyan) */ body.category-wfto .traps-glow img, body.single.category-wfto .traps-glow img, body.post-template.post-template-wp-custom-template-wfto-post .traps-glow img, body.category-wfto img.traps-glow, body.single.category-wfto img.traps-glow, body.post-template.post-template-wp-custom-template-wfto-post img.traps-glow { box-shadow: 0 0 12px rgba(0, 191, 255, 0.35), 0 0 20px rgba(0, 191, 255, 0.25), 0 0 30px rgba(0, 191, 255, 0.2) !important; } body.category-wfto .traps-glow img:hover, body.single.category-wfto .traps-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .traps-glow img:hover, body.category-wfto img.traps-glow:hover, body.single.category-wfto img.traps-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.traps-glow:hover { box-shadow: 0 0 15px rgba(16, 207, 255, 0.5), 0 0 28px rgba(16, 207, 255, 0.4), 0 0 40px rgba(16, 207, 255, 0.3) !important; } /*CodeNumber 13.29 */ /* GAME ELEMENTS - POTIONS (Gold) */ body.category-wfto .potions-glow img, body.single.category-wfto .potions-glow img, body.post-template.post-template-wp-custom-template-wfto-post .potions-glow img, body.category-wfto img.potions-glow, body.single.category-wfto img.potions-glow, body.post-template.post-template-wp-custom-template-wfto-post img.potions-glow { box-shadow: 0 0 12px rgba(255, 191, 0, 0.35), 0 0 20px rgba(255, 191, 0, 0.25), 0 0 30px rgba(255, 191, 0, 0.2) !important; } body.category-wfto .potions-glow img:hover, body.single.category-wfto .potions-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .potions-glow img:hover, body.category-wfto img.potions-glow:hover, body.single.category-wfto img.potions-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.potions-glow:hover { box-shadow: 0 0 15px rgba(255, 207, 16, 0.5), 0 0 28px rgba(255, 207, 16, 0.4), 0 0 40px rgba(255, 207, 16, 0.3) !important; } /*CodeNumber 13.30 */ /* GAME ELEMENTS - LAMASH (Dark Purple) */ body.category-wfto .lamash-glow img, body.single.category-wfto .lamash-glow img, body.post-template.post-template-wp-custom-template-wfto-post .lamash-glow img, body.category-wfto img.lamash-glow, body.single.category-wfto img.lamash-glow, body.post-template.post-template-wp-custom-template-wfto-post img.lamash-glow { box-shadow: 0 0 12px rgba(75, 0, 130, 0.35), 0 0 20px rgba(75, 0, 130, 0.25), 0 0 30px rgba(75, 0, 130, 0.2) !important; } body.category-wfto .lamash-glow img:hover, body.single.category-wfto .lamash-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .lamash-glow img:hover, body.category-wfto img.lamash-glow:hover, body.single.category-wfto img.lamash-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.lamash-glow:hover { box-shadow: 0 0 15px rgba(91, 16, 146, 0.5), 0 0 28px rgba(91, 16, 146, 0.4), 0 0 40px rgba(91, 16, 146, 0.3) !important; } /*CodeNumber 13.31 */ /* GAME ELEMENTS - VOLTA (Lighter Orange) */ body.category-wfto .volta-glow img, body.single.category-wfto .volta-glow img, body.post-template.post-template-wp-custom-template-wfto-post .volta-glow img, body.category-wfto img.volta-glow, body.single.category-wfto img.volta-glow, body.post-template.post-template-wp-custom-template-wfto-post img.volta-glow { box-shadow: 0 0 12px rgba(255, 179, 102, 0.35), 0 0 20px rgba(255, 179, 102, 0.25), 0 0 30px rgba(255, 179, 102, 0.2) !important; } body.category-wfto .volta-glow img:hover, body.single.category-wfto .volta-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .volta-glow img:hover, body.category-wfto img.volta-glow:hover, body.single.category-wfto img.volta-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.volta-glow:hover { box-shadow: 0 0 15px rgba(255, 195, 118, 0.5), 0 0 28px rgba(255, 195, 118, 0.4), 0 0 40px rgba(255, 195, 118, 0.3) !important; } /*CodeNumber 13.32 */ /* GAME ELEMENTS - KASITA (Pure Yellow) */ body.category-wfto .kasita-glow img, body.single.category-wfto .kasita-glow img, body.post-template.post-template-wp-custom-template-wfto-post .kasita-glow img, body.category-wfto img.kasita-glow, body.single.category-wfto img.kasita-glow, body.post-template.post-template-wp-custom-template-wfto-post img.kasita-glow { box-shadow: 0 0 12px rgba(255, 255, 0, 0.35), 0 0 20px rgba(255, 255, 0, 0.25), 0 0 30px rgba(255, 255, 0, 0.2) !important; } body.category-wfto .kasita-glow img:hover, body.single.category-wfto .kasita-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .kasita-glow img:hover, body.category-wfto img.kasita-glow:hover, body.single.category-wfto img.kasita-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.kasita-glow:hover { box-shadow: 0 0 15px rgba(255, 255, 16, 0.5), 0 0 28px rgba(255, 255, 16, 0.4), 0 0 40px rgba(255, 255, 16, 0.3) !important; } /*CodeNumber 13.33 */ /* GAME ELEMENTS - SHALE (Deep Magenta) */ body.category-wfto .shale-glow img, body.single.category-wfto .shale-glow img, body.post-template.post-template-wp-custom-template-wfto-post .shale-glow img, body.category-wfto img.shale-glow, body.single.category-wfto img.shale-glow, body.post-template.post-template-wp-custom-template-wfto-post img.shale-glow { box-shadow: 0 0 12px rgba(139, 0, 139, 0.35), 0 0 20px rgba(139, 0, 139, 0.25), 0 0 30px rgba(139, 0, 139, 0.2) !important; } body.category-wfto .shale-glow img:hover, body.single.category-wfto .shale-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .shale-glow img:hover, body.category-wfto img.shale-glow:hover, body.single.category-wfto img.shale-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.shale-glow:hover { box-shadow: 0 0 15px rgba(155, 16, 155, 0.5), 0 0 28px rgba(155, 16, 155, 0.4), 0 0 40px rgba(155, 16, 155, 0.3) !important; } /*CodeNumber 13.34 */ /* GAME ELEMENTS - DARKMAGIC (Deep Crimson) */ body.category-wfto .darkmagic-glow img, body.single.category-wfto .darkmagic-glow img, body.post-template.post-template-wp-custom-template-wfto-post .darkmagic-glow img, body.category-wfto img.darkmagic-glow, body.single.category-wfto img.darkmagic-glow, body.post-template.post-template-wp-custom-template-wfto-post img.darkmagic-glow { box-shadow: 0 0 12px rgba(139, 0, 0, 0.35), 0 0 20px rgba(139, 0, 0, 0.25), 0 0 30px rgba(139, 0, 0, 0.2) !important; } body.category-wfto .darkmagic-glow img:hover, body.single.category-wfto .darkmagic-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .darkmagic-glow img:hover, body.category-wfto img.darkmagic-glow:hover, body.single.category-wfto img.darkmagic-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.darkmagic-glow:hover { box-shadow: 0 0 15px rgba(155, 16, 16, 0.5), 0 0 28px rgba(155, 16, 16, 0.4), 0 0 40px rgba(155, 16, 16, 0.3) !important; } /*CodeNumber 13.35 */ /* GAME ELEMENTS - UNMANA (Dark Green) */ body.category-wfto .unmana-glow img, body.single.category-wfto .unmana-glow img, body.post-template.post-template-wp-custom-template-wfto-post .unmana-glow img, body.category-wfto img.unmana-glow, body.single.category-wfto img.unmana-glow, body.post-template.post-template-wp-custom-template-wfto-post img.unmana-glow { box-shadow: 0 0 12px rgba(1, 50, 32, 0.35), 0 0 20px rgba(1, 50, 32, 0.25), 0 0 30px rgba(1, 50, 32, 0.2) !important; } body.category-wfto .unmana-glow img:hover, body.single.category-wfto .unmana-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .unmana-glow img:hover, body.category-wfto img.unmana-glow:hover, body.single.category-wfto img.unmana-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.unmana-glow:hover { box-shadow: 0 0 15px rgba(17, 66, 48, 0.5), 0 0 28px rgba(17, 66, 48, 0.4), 0 0 40px rgba(17, 66, 48, 0.3) !important; } /*CodeNumber 13.36 */ /* GAME ELEMENTS - SPIRITCHARGE (Mint/White) */ body.category-wfto .spiritcharge-glow img, body.single.category-wfto .spiritcharge-glow img, body.post-template.post-template-wp-custom-template-wfto-post .spiritcharge-glow img, body.category-wfto img.spiritcharge-glow, body.single.category-wfto img.spiritcharge-glow, body.post-template.post-template-wp-custom-template-wfto-post img.spiritcharge-glow { box-shadow: 0 0 12px rgba(224, 255, 240, 0.35), 0 0 20px rgba(224, 255, 240, 0.25), 0 0 30px rgba(224, 255, 240, 0.2) !important; } body.category-wfto .spiritcharge-glow img:hover, body.single.category-wfto .spiritcharge-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .spiritcharge-glow img:hover, body.category-wfto img.spiritcharge-glow:hover, body.single.category-wfto img.spiritcharge-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.spiritcharge-glow:hover { box-shadow: 0 0 15px rgba(240, 255, 255, 0.5), 0 0 28px rgba(240, 255, 255, 0.4), 0 0 40px rgba(240, 255, 255, 0.3) !important; } /*CodeNumber 13.37 */ /* GAME ELEMENTS - EMPOWER (Dark Grey) */ body.category-wfto .empower-glow img, body.single.category-wfto .empower-glow img, body.post-template.post-template-wp-custom-template-wfto-post .empower-glow img, body.category-wfto img.empower-glow, body.single.category-wfto img.empower-glow, body.post-template.post-template-wp-custom-template-wfto-post img.empower-glow { box-shadow: 0 0 12px rgba(0, 0, 0, 0.35), 0 0 20px rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.2) !important; } body.category-wfto .empower-glow img:hover, body.single.category-wfto .empower-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .empower-glow img:hover, body.category-wfto img.empower-glow:hover, body.single.category-wfto img.empower-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.empower-glow:hover { box-shadow: 0 0 15px rgba(42, 42, 42, 0.5), 0 0 28px rgba(42, 42, 42, 0.4), 0 0 40px rgba(42, 42, 42, 0.3) !important; } /*CodeNumber 13.38 */ /* GAME ELEMENTS - ARMOURY (Cyan shifts to Turquoise) */ body.category-wfto .armoury-glow img, body.single.category-wfto .armoury-glow img, body.post-template.post-template-wp-custom-template-wfto-post .armoury-glow img, body.category-wfto img.armoury-glow, body.single.category-wfto img.armoury-glow, body.post-template.post-template-wp-custom-template-wfto-post img.armoury-glow { box-shadow: 0 0 12px rgba(0, 255, 255, 0.35), 0 0 20px rgba(0, 255, 255, 0.25), 0 0 30px rgba(0, 255, 255, 0.2) !important; transition: all 0.4s ease !important; } body.category-wfto .armoury-glow img:hover, body.single.category-wfto .armoury-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .armoury-glow img:hover, body.category-wfto img.armoury-glow:hover, body.single.category-wfto img.armoury-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.armoury-glow:hover { box-shadow: 0 0 15px rgba(5, 240, 185, 0.5), 0 0 28px rgba(5, 240, 185, 0.4), 0 0 40px rgba(5, 240, 185, 0.3) !important; } /*CodeNumber 13.39 */ /* GAME ELEMENTS - REWORKED (Teal) */ body.category-wfto .reworked-glow img, body.single.category-wfto .reworked-glow img, body.post-template.post-template-wp-custom-template-wfto-post .reworked-glow img, body.category-wfto img.reworked-glow, body.single.category-wfto img.reworked-glow, body.post-template.post-template-wp-custom-template-wfto-post img.reworked-glow { box-shadow: 0 0 12px rgba(0, 128, 128, 0.35), 0 0 20px rgba(0, 128, 128, 0.25), 0 0 30px rgba(0, 128, 128, 0.2) !important; } body.category-wfto .reworked-glow img:hover, body.single.category-wfto .reworked-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .reworked-glow img:hover, body.category-wfto img.reworked-glow:hover, body.single.category-wfto img.reworked-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.reworked-glow:hover { box-shadow: 0 0 15px rgba(16, 152, 152, 0.5), 0 0 28px rgba(16, 152, 152, 0.4), 0 0 40px rgba(16, 152, 152, 0.3) !important; } /*CodeNumber 13.40 */ /* GAME ELEMENTS - NEW (Neon Green) */ body.category-wfto .new-glow img, body.single.category-wfto .new-glow img, body.post-template.post-template-wp-custom-template-wfto-post .new-glow img, body.category-wfto img.new-glow, body.single.category-wfto img.new-glow, body.post-template.post-template-wp-custom-template-wfto-post img.new-glow { box-shadow: 0 0 12px rgba(57, 255, 20, 0.35), 0 0 20px rgba(57, 255, 20, 0.25), 0 0 30px rgba(57, 255, 20, 0.2) !important; } body.category-wfto .new-glow img:hover, body.single.category-wfto .new-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .new-glow img:hover, body.category-wfto img.new-glow:hover, body.single.category-wfto img.new-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.new-glow:hover { box-shadow: 0 0 15px rgba(73, 255, 36, 0.5), 0 0 28px rgba(73, 255, 36, 0.4), 0 0 40px rgba(73, 255, 36, 0.3) !important; } /*CodeNumber 13.41 */ /* GAME ELEMENTS - MODIFIED (Bronze) */ body.category-wfto .modified-glow img, body.single.category-wfto .modified-glow img, body.post-template.post-template-wp-custom-template-wfto-post .modified-glow img, body.category-wfto img.modified-glow, body.single.category-wfto img.modified-glow, body.post-template.post-template-wp-custom-template-wfto-post img.modified-glow { box-shadow: 0 0 12px rgba(205, 127, 50, 0.35), 0 0 20px rgba(205, 127, 50, 0.25), 0 0 30px rgba(205, 127, 50, 0.2) !important; } body.category-wfto .modified-glow img:hover, body.single.category-wfto .modified-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .modified-glow img:hover, body.category-wfto img.modified-glow:hover, body.single.category-wfto img.modified-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.modified-glow:hover { box-shadow: 0 0 15px rgba(221, 143, 90, 0.5), 0 0 28px rgba(221, 143, 90, 0.4), 0 0 40px rgba(221, 143, 90, 0.3) !important; } /*CodeNumber 13.42 */ /* RAINBOW (Bright) - Image Glow */ body.category-wfto .rainbow-glow img, body.single.category-wfto .rainbow-glow img, body.post-template.post-template-wp-custom-template-wfto-post .rainbow-glow img, body.category-wfto img.rainbow-glow, body.single.category-wfto img.rainbow-glow, body.post-template.post-template-wp-custom-template-wfto-post img.rainbow-glow { box-shadow: 0 0 12px rgba(255, 0, 0, 0.4), 0 0 20px rgba(255, 127, 0, 0.35), 0 0 30px rgba(255, 255, 0, 0.3), 0 0 40px rgba(0, 255, 0, 0.25), 0 0 50px rgba(0, 127, 255, 0.2), 0 0 60px rgba(148, 0, 211, 0.15) !important; } body.category-wfto .rainbow-glow img:hover, body.single.category-wfto .rainbow-glow img:hover, body.post-template.post-template-wp-custom-template-wfto-post .rainbow-glow img:hover, body.category-wfto img.rainbow-glow:hover, body.single.category-wfto img.rainbow-glow:hover, body.post-template.post-template-wp-custom-template-wfto-post img.rainbow-glow:hover { box-shadow: 0 0 15px rgba(255, 0, 0, 0.6), 0 0 28px rgba(255, 127, 0, 0.5), 0 0 40px rgba(255, 255, 0, 0.45), 0 0 52px rgba(0, 255, 0, 0.4), 0 0 64px rgba(0, 127, 255, 0.35), 0 0 76px rgba(148, 0, 211, 0.3) !important; } /* ===================================================================== SECTION 14: TABLES ===================================================================== */ /*CodeNumber 14.1 */ /* Base table styling */ body.category-wfto table, body.single.category-wfto table, body.post-template.post-template-wp-custom-template-wfto-post table { width: 100%; border-collapse: collapse; background: rgba(25, 28, 32, 0.85); border: 2px solid var(--card-border); border-radius: 12px; overflow: hidden; } /*CodeNumber 14.2 */ /* Table header background */ body.category-wfto table thead, body.single.category-wfto table thead, body.post-template.post-template-wp-custom-template-wfto-post table thead { background: rgba(35, 38, 42, 0.95); } /*CodeNumber 14.3 */ /* Table header cells */ body.category-wfto table th, body.single.category-wfto table th, body.post-template.post-template-wp-custom-template-wfto-post table th { color: var(--torch-amber) !important; font-weight: 700; padding: 1rem; text-align: left; border-bottom: 2px solid var(--card-border); text-shadow: 0 0 4px rgba(244, 208, 63, 0.3); } /*CodeNumber 14.4 */ /* Table data cells */ body.category-wfto table td, body.single.category-wfto table td, body.post-template.post-template-wp-custom-template-wfto-post table td { color: var(--text-body) !important; padding: 0.875rem 1rem; border-bottom: 1px solid rgba(244, 208, 63, 0.15); } /*CodeNumber 14.5 */ /* Table row hover effect */ body.category-wfto table tbody tr:hover, body.single.category-wfto table tbody tr:hover, body.post-template.post-template-wp-custom-template-wfto-post table tbody tr:hover { background: rgba(244, 208, 63, 0.05); } /* ===================================================================== SECTION 15: BUTTONS ===================================================================== */ /*CodeNumber 15.1 */ /* Base button styling */ body.category-wfto .wp-block-button .wp-block-button__link, body.single.category-wfto .wp-block-button .wp-block-button__link, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-button .wp-block-button__link { background: rgba(25, 28, 32, 0.9) !important; color: var(--torch-amber) !important; border: 2px solid var(--card-border); padding: 0.75rem 1.5rem; border-radius: 12px; transition: all 0.2s ease; } /*CodeNumber 15.2 */ /* Button hover state */ body.category-wfto .wp-block-button .wp-block-button__link:hover, body.single.category-wfto .wp-block-button .wp-block-button__link:hover, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-button .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 0 20px rgba(244, 208, 63, 0.4); } /* ===================================================================== SECTION 16: SEPARATORS ===================================================================== */ /*CodeNumber 16.1 */ /* Default amber/gold divider */ body.category-wfto hr, body.single.category-wfto hr, body.post-template.post-template-wp-custom-template-wfto-post hr, body.category-wfto .wp-block-separator, body.single.category-wfto .wp-block-separator, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator { border: none !important; height: 3px !important; background: linear-gradient(90deg, transparent, rgba(244, 208, 63, 0.7), transparent) !important; margin: 3rem auto !important; max-width: 85% !important; opacity: 1 !important; box-shadow: 0 0 15px rgba(244, 208, 63, 0.5), 0 0 25px rgba(255, 152, 0, 0.3) !important; } /*CodeNumber 16.2 */ /* DEADLY SINS - ENVY (Emerald Green) */ body.category-wfto hr.envy-glow, body.category-wfto .wp-block-separator.envy-glow, body.single.category-wfto hr.envy-glow, body.single.category-wfto .wp-block-separator.envy-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.envy-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.envy-glow { background: linear-gradient(90deg, transparent, rgba(80, 200, 120, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(80, 200, 120, 0.5), 0 0 25px rgba(80, 200, 120, 0.3) !important; } /*CodeNumber 16.3 */ /* DEADLY SINS - GREED (Gold) */ body.category-wfto hr.greed-glow, body.category-wfto .wp-block-separator.greed-glow, body.single.category-wfto hr.greed-glow, body.single.category-wfto .wp-block-separator.greed-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.greed-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.greed-glow { background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(255, 215, 0, 0.5), 0 0 25px rgba(255, 215, 0, 0.3) !important; } /*CodeNumber 16.4 */ /* DEADLY SINS - WRATH (Red) */ body.category-wfto hr.wrath-glow, body.category-wfto .wp-block-separator.wrath-glow, body.single.category-wfto hr.wrath-glow, body.single.category-wfto .wp-block-separator.wrath-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.wrath-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.wrath-glow { background: linear-gradient(90deg, transparent, rgba(255, 68, 68, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(255, 68, 68, 0.5), 0 0 25px rgba(255, 68, 68, 0.3) !important; } /*CodeNumber 16.5 */ /* DEADLY SINS - SLOTH (Light Blue) */ body.category-wfto hr.sloth-glow, body.category-wfto .wp-block-separator.sloth-glow, body.single.category-wfto hr.sloth-glow, body.single.category-wfto .wp-block-separator.sloth-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.sloth-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.sloth-glow { background: linear-gradient(90deg, transparent, rgba(135, 206, 235, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(135, 206, 235, 0.5), 0 0 25px rgba(135, 206, 235, 0.3) !important; } /*CodeNumber 16.6 */ /* DEADLY SINS - GLUTTONY (Orange) */ body.category-wfto hr.gluttony-glow, body.category-wfto .wp-block-separator.gluttony-glow, body.single.category-wfto hr.gluttony-glow, body.single.category-wfto .wp-block-separator.gluttony-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.gluttony-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.gluttony-glow { background: linear-gradient(90deg, transparent, rgba(255, 140, 0, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(255, 140, 0, 0.5), 0 0 25px rgba(255, 140, 0, 0.3) !important; } /*CodeNumber 16.7 */ /* DEADLY SINS - LUST (Hot Pink) */ body.category-wfto hr.lust-glow, body.category-wfto .wp-block-separator.lust-glow, body.single.category-wfto hr.lust-glow, body.single.category-wfto .wp-block-separator.lust-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.lust-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.lust-glow { background: linear-gradient(90deg, transparent, rgba(255, 105, 180, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(255, 105, 180, 0.5), 0 0 25px rgba(255, 105, 180, 0.3) !important; } /*CodeNumber 16.8 */ /* DEADLY SINS - VANITY (Bright White) */ body.category-wfto hr.vanity-glow, body.category-wfto .wp-block-separator.vanity-glow, body.single.category-wfto hr.vanity-glow, body.single.category-wfto .wp-block-separator.vanity-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.vanity-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.vanity-glow { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 0 25px rgba(255, 255, 255, 0.3) !important; } /*CodeNumber 16.9 */ /* BUFF/NERF - BUFF (Bright Green) */ body.category-wfto hr.buff-glow, body.category-wfto .wp-block-separator.buff-glow, body.single.category-wfto hr.buff-glow, body.single.category-wfto .wp-block-separator.buff-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.buff-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.buff-glow { background: linear-gradient(90deg, transparent, rgba(0, 200, 83, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(0, 200, 83, 0.5), 0 0 25px rgba(0, 200, 83, 0.3) !important; } /*CodeNumber 16.10 */ /* BUFF/NERF - NERF (Crimson Red) */ body.category-wfto hr.nerf-glow, body.category-wfto .wp-block-separator.nerf-glow, body.single.category-wfto hr.nerf-glow, body.single.category-wfto .wp-block-separator.nerf-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.nerf-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.nerf-glow { background: linear-gradient(90deg, transparent, rgba(220, 20, 60, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(220, 20, 60, 0.5), 0 0 25px rgba(220, 20, 60, 0.3) !important; } /*CodeNumber 16.11 */ /* GAME ELEMENTS - RITUALS (Coral Red) */ body.category-wfto hr.rituals-glow, body.category-wfto .wp-block-separator.rituals-glow, body.single.category-wfto hr.rituals-glow, body.single.category-wfto .wp-block-separator.rituals-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.rituals-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.rituals-glow { background: linear-gradient(90deg, transparent, rgba(248, 101, 101, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(248, 101, 101, 0.5), 0 0 25px rgba(248, 101, 101, 0.3) !important; } /*CodeNumber 16.12 */ /* GAME ELEMENTS - ROOMS (Lime Green) */ body.category-wfto hr.rooms-glow, body.category-wfto .wp-block-separator.rooms-glow, body.single.category-wfto hr.rooms-glow, body.single.category-wfto .wp-block-separator.rooms-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.rooms-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.rooms-glow { background: linear-gradient(90deg, transparent, rgba(173, 255, 47, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(173, 255, 47, 0.5), 0 0 25px rgba(173, 255, 47, 0.3) !important; } /*CodeNumber 16.13 */ /* GAME ELEMENTS - SPELLS (Light Purple) */ body.category-wfto hr.spells-glow, body.category-wfto .wp-block-separator.spells-glow, body.single.category-wfto hr.spells-glow, body.single.category-wfto .wp-block-separator.spells-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.spells-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.spells-glow { background: linear-gradient(90deg, transparent, rgba(181, 101, 216, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(181, 101, 216, 0.5), 0 0 25px rgba(181, 101, 216, 0.3) !important; } /*CodeNumber 16.14 */ /* GAME ELEMENTS - CONSTRUCTS (Pure Orange) */ body.category-wfto hr.constructs-glow, body.category-wfto .wp-block-separator.constructs-glow, body.single.category-wfto hr.constructs-glow, body.single.category-wfto .wp-block-separator.constructs-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.constructs-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.constructs-glow { background: linear-gradient(90deg, transparent, rgba(255, 140, 0, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(255, 140, 0, 0.5), 0 0 25px rgba(255, 140, 0, 0.3) !important; } /*CodeNumber 16.15 */ /* GAME ELEMENTS - TRAPS (Cyan) */ body.category-wfto hr.traps-glow, body.category-wfto .wp-block-separator.traps-glow, body.single.category-wfto hr.traps-glow, body.single.category-wfto .wp-block-separator.traps-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.traps-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.traps-glow { background: linear-gradient(90deg, transparent, rgba(0, 191, 255, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(0, 191, 255, 0.5), 0 0 25px rgba(0, 191, 255, 0.3) !important; } /*CodeNumber 16.16 */ /* GAME ELEMENTS - POTIONS (Gold) */ body.category-wfto hr.potions-glow, body.category-wfto .wp-block-separator.potions-glow, body.single.category-wfto hr.potions-glow, body.single.category-wfto .wp-block-separator.potions-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.potions-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.potions-glow { background: linear-gradient(90deg, transparent, rgba(255, 191, 0, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(255, 191, 0, 0.5), 0 0 25px rgba(255, 191, 0, 0.3) !important; } /*CodeNumber 16.17 */ /* GAME ELEMENTS - LAMASH (Dark Purple) */ body.category-wfto hr.lamash-glow, body.category-wfto .wp-block-separator.lamash-glow, body.single.category-wfto hr.lamash-glow, body.single.category-wfto .wp-block-separator.lamash-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.lamash-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.lamash-glow { background: linear-gradient(90deg, transparent, rgba(75, 0, 130, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(75, 0, 130, 0.5), 0 0 25px rgba(75, 0, 130, 0.3) !important; } /*CodeNumber 16.18 */ /* GAME ELEMENTS - VOLTA (Lighter Orange) */ body.category-wfto hr.volta-glow, body.category-wfto .wp-block-separator.volta-glow, body.single.category-wfto hr.volta-glow, body.single.category-wfto .wp-block-separator.volta-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.volta-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.volta-glow { background: linear-gradient(90deg, transparent, rgba(255, 179, 102, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(255, 179, 102, 0.5), 0 0 25px rgba(255, 179, 102, 0.3) !important; } /*CodeNumber 16.19 */ /* GAME ELEMENTS - KASITA (Pure Yellow) */ body.category-wfto hr.kasita-glow, body.category-wfto .wp-block-separator.kasita-glow, body.single.category-wfto hr.kasita-glow, body.single.category-wfto .wp-block-separator.kasita-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.kasita-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.kasita-glow { background: linear-gradient(90deg, transparent, rgba(255, 255, 0, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(255, 255, 0, 0.5), 0 0 25px rgba(255, 255, 0, 0.3) !important; } /*CodeNumber 16.20 */ /* GAME ELEMENTS - SHALE (Deep Magenta) */ body.category-wfto hr.shale-glow, body.category-wfto .wp-block-separator.shale-glow, body.single.category-wfto hr.shale-glow, body.single.category-wfto .wp-block-separator.shale-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.shale-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.shale-glow { background: linear-gradient(90deg, transparent, rgba(139, 0, 139, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(139, 0, 139, 0.5), 0 0 25px rgba(139, 0, 139, 0.3) !important; } /*CodeNumber 16.21 */ /* GAME ELEMENTS - CONTRACT (Light Grey) */ body.category-wfto hr.contract-glow, body.category-wfto .wp-block-separator.contract-glow, body.single.category-wfto hr.contract-glow, body.single.category-wfto .wp-block-separator.contract-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.contract-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.contract-glow { background: linear-gradient(90deg, transparent, rgba(192, 192, 192, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(192, 192, 192, 0.5), 0 0 25px rgba(192, 192, 192, 0.3) !important; } /*CodeNumber 16.22 */ /* GAME ELEMENTS - TITAN (Gun Metal Grey) */ body.category-wfto hr.titan-glow, body.category-wfto .wp-block-separator.titan-glow, body.single.category-wfto hr.titan-glow, body.single.category-wfto .wp-block-separator.titan-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.titan-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.titan-glow { background: linear-gradient(90deg, transparent, rgba(44, 53, 57, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(44, 53, 57, 0.5), 0 0 25px rgba(44, 53, 57, 0.3) !important; } /*CodeNumber 16.23 */ /* GAME ELEMENTS - DARKMAGIC (Deep Crimson) */ body.category-wfto hr.darkmagic-glow, body.category-wfto .wp-block-separator.darkmagic-glow, body.single.category-wfto hr.darkmagic-glow, body.single.category-wfto .wp-block-separator.darkmagic-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.darkmagic-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.darkmagic-glow { background: linear-gradient(90deg, transparent, rgba(139, 0, 0, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(139, 0, 0, 0.5), 0 0 25px rgba(139, 0, 0, 0.3) !important; } /*CodeNumber 16.24 */ /* GAME ELEMENTS - UNMANA (Dark Green) */ body.category-wfto hr.unmana-glow, body.category-wfto .wp-block-separator.unmana-glow, body.single.category-wfto hr.unmana-glow, body.single.category-wfto .wp-block-separator.unmana-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.unmana-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.unmana-glow { background: linear-gradient(90deg, transparent, rgba(1, 50, 32, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(1, 50, 32, 0.5), 0 0 25px rgba(1, 50, 32, 0.3) !important; } /*CodeNumber 16.25 */ /* GAME ELEMENTS - SPIRITCHARGE (Mint/White) */ body.category-wfto hr.spiritcharge-glow, body.category-wfto .wp-block-separator.spiritcharge-glow, body.single.category-wfto hr.spiritcharge-glow, body.single.category-wfto .wp-block-separator.spiritcharge-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.spiritcharge-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.spiritcharge-glow { background: linear-gradient(90deg, transparent, rgba(224, 255, 240, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(224, 255, 240, 0.5), 0 0 25px rgba(224, 255, 240, 0.3) !important; } /*CodeNumber 16.26 */ /* GAME ELEMENTS - EMPOWER (Dark Grey) */ body.category-wfto hr.empower-glow, body.category-wfto .wp-block-separator.empower-glow, body.single.category-wfto hr.empower-glow, body.single.category-wfto .wp-block-separator.empower-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.empower-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.empower-glow { background: linear-gradient(90deg, transparent, rgba(64, 64, 64, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(64, 64, 64, 0.5), 0 0 25px rgba(64, 64, 64, 0.3) !important; } /*CodeNumber 16.27 */ /* GAME ELEMENTS - ARMOURY (Turquoise) */ body.category-wfto hr.armoury-glow, body.category-wfto .wp-block-separator.armoury-glow, body.single.category-wfto hr.armoury-glow, body.single.category-wfto .wp-block-separator.armoury-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.armoury-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.armoury-glow { background: linear-gradient(90deg, transparent, rgba(5, 240, 185, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(5, 240, 185, 0.5), 0 0 25px rgba(5, 240, 185, 0.3) !important; } /*CodeNumber 16.28 */ /* GAME ELEMENTS - REWORKED (Teal) */ body.category-wfto hr.reworked-glow, body.category-wfto .wp-block-separator.reworked-glow, body.single.category-wfto hr.reworked-glow, body.single.category-wfto .wp-block-separator.reworked-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.reworked-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.reworked-glow { background: linear-gradient(90deg, transparent, rgba(0, 128, 128, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(0, 128, 128, 0.5), 0 0 25px rgba(0, 128, 128, 0.3) !important; } /*CodeNumber 16.29 */ /* GAME ELEMENTS - NEW (Neon Green) */ body.category-wfto hr.new-glow, body.category-wfto .wp-block-separator.new-glow, body.single.category-wfto hr.new-glow, body.single.category-wfto .wp-block-separator.new-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.new-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.new-glow { background: linear-gradient(90deg, transparent, rgba(57, 255, 20, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(57, 255, 20, 0.5), 0 0 25px rgba(57, 255, 20, 0.3) !important; } /*CodeNumber 16.30 */ /* GAME ELEMENTS - MODIFIED (Bronze) */ body.category-wfto hr.modified-glow, body.category-wfto .wp-block-separator.modified-glow, body.single.category-wfto hr.modified-glow, body.single.category-wfto .wp-block-separator.modified-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.modified-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.modified-glow { background: linear-gradient(90deg, transparent, rgba(205, 127, 50, 0.7), transparent) !important; box-shadow: 0 0 15px rgba(205, 127, 50, 0.5), 0 0 25px rgba(205, 127, 50, 0.3) !important; } /*CodeNumber 16.31 */ /* RAINBOW (Bright) - Separator */ body.category-wfto hr.rainbow-glow, body.category-wfto .wp-block-separator.rainbow-glow, body.single.category-wfto hr.rainbow-glow, body.single.category-wfto .wp-block-separator.rainbow-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.rainbow-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.rainbow-glow { background: linear-gradient(90deg, transparent, rgba(255, 0, 0, 0.7) 10%, rgba(255, 127, 0, 0.7) 25%, rgba(255, 255, 0, 0.7) 40%, rgba(0, 255, 0, 0.7) 55%, rgba(0, 127, 255, 0.7) 70%, rgba(148, 0, 211, 0.7) 90%, transparent) !important; box-shadow: 0 0 15px rgba(255, 0, 0, 0.4), 0 0 25px rgba(255, 127, 0, 0.3), 0 0 35px rgba(0, 255, 0, 0.3), 0 0 45px rgba(0, 127, 255, 0.2) !important; } /*CodeNumber 16.32 */ /* DARK RAINBOW - Separator */ body.category-wfto hr.dark-rainbow-glow, body.category-wfto .wp-block-separator.dark-rainbow-glow, body.single.category-wfto hr.dark-rainbow-glow, body.single.category-wfto .wp-block-separator.dark-rainbow-glow, body.post-template.post-template-wp-custom-template-wfto-post hr.dark-rainbow-glow, body.post-template.post-template-wp-custom-template-wfto-post .wp-block-separator.dark-rainbow-glow { background: linear-gradient(90deg, transparent, rgba(139, 0, 0, 0.8) 12.5%, rgba(85, 107, 47, 0.8) 37.5%, rgba(0, 100, 100, 0.8) 62.5%, rgba(25, 25, 112, 0.8) 87.5%, transparent) !important; box-shadow: 0 0 15px rgba(139, 0, 0, 0.5), 0 0 25px rgba(85, 107, 47, 0.4), 0 0 35px rgba(0, 100, 100, 0.3) !important; } /* ===================================================================== SECTION 17: UTILITY CLASSES ===================================================================== */ /*CodeNumber 17.1 */ /* Invisible wrapper - removes all styling */ body.category-wfto .invisible-wrap, body.single.category-wfto .invisible-wrap, body.post-template.post-template-wp-custom-template-wfto-post .invisible-wrap, body.category-wfto .group-invis, body.single.category-wfto .group-invis, body.post-template.post-template-wp-custom-template-wfto-post .group-invis { background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; transform: none !important; transition: none !important; } /*CodeNumber 17.2 */ /* Width control for images - 1024px */ body.category-wfto figure.width-1024, body.single.category-wfto figure.width-1024, body.post-template.post-template-wp-custom-template-wfto-post figure.width-1024 { max-width: 1024px !important; width: auto !important; flex-shrink: 0 !important; } /*CodeNumber 17.3 */ /* Width control for images - 1024px img element */ body.category-wfto figure.width-1024 img, body.single.category-wfto figure.width-1024 img, body.post-template.post-template-wp-custom-template-wfto-post figure.width-1024 img { width: auto !important; height: auto !important; max-width: 1024px !important; max-height: 1024px !important; object-fit: contain !important; } /* ===================================================================== SECTION 18: VIGNETTE OVERLAY ===================================================================== */ /*CodeNumber 18.1 */ /* Radial gradient vignette overlay */ body.category-wfto::after, body.single.category-wfto::after, body.post-template.post-template-wp-custom-template-wfto-post::after { content: ""; position: fixed; inset: 0; background: radial-gradient(circle at 50% 40%, transparent 50%, rgba(0, 0, 0, 0.7) 100%); pointer-events: none; z-index: 0; } /* ===================================================================== SECTION 19: FOOTER ===================================================================== */ /*CodeNumber 19.1 */ /* Footer base styling */ body.category-wfto footer, body.single.category-wfto footer, body.post-template.post-template-wp-custom-template-wfto-post footer { background: rgba(10, 12, 14, 0.85) !important; backdrop-filter: blur(8px); border-top: 1px solid rgba(244, 208, 63, 0.25); padding: 1.5rem 0; } /*CodeNumber 19.2 */ /* Footer link styling */ body.category-wfto footer a, body.single.category-wfto footer a, body.post-template.post-template-wp-custom-template-wfto-post footer a { color: var(--torch-amber) !important; text-shadow: 0 0 6px rgba(244, 208, 63, 0.5); } /*CodeNumber 19.3 */ /* Footer link hover state */ body.category-wfto footer a:hover, body.single.category-wfto footer a:hover, body.post-template.post-template-wp-custom-template-wfto-post footer a:hover { color: var(--torch-amber-strong) !important; } /* ===================================================================== SECTION 20: CAROUSEL SYSTEM (GALLERY CONVERTER) ===================================================================== */ /*CodeNumber 20.1 */ /* Hide gallery until carousel is initialized - prevents FOUC */ .wp-block-gallery.carousel:not(.carousel-ready) { opacity: 0; visibility: hidden; } /*CodeNumber 20.2 */ /* Show carousel when ready */ .wp-block-gallery.carousel.carousel-ready { opacity: 1; visibility: visible; transition: opacity 0.3s ease; } /*CodeNumber 20.3 */ /* Carousel container positioning */ .wp-block-gallery.carousel { position: relative; padding: 40px 80px; overflow: visible !important; max-width: 750px; margin: 0 auto; } /*CodeNumber 20.4 */ /* Gallery grid display override */ .wp-block-gallery.carousel .blocks-gallery-grid, .wp-block-gallery.carousel .wp-block-gallery__inner-container { display: block !important; overflow: visible !important; } /*CodeNumber 20.5 */ /* Swiper container */ .carousel .swiper { overflow: visible !important; width: 100%; max-width: 512px; margin: 0 auto; } /*CodeNumber 20.6 */ /* Swiper wrapper alignment */ .carousel .swiper-wrapper { display: flex !important; align-items: center; } /*CodeNumber 20.7 */ /* Swiper slide - base state (hidden) */ .carousel .swiper-slide { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; height: auto !important; display: flex; justify-content: center; align-items: center; flex-shrink: 0; overflow: visible !important; } /*CodeNumber 20.8 */ /* Swiper slide - active state (visible) */ .carousel .swiper-slide-active { opacity: 1 !important; pointer-events: auto; } /*CodeNumber 20.9 */ /* Carousel image blocks */ .carousel .wp-block-image, .carousel figure { margin: 0 auto !important; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; overflow: visible !important; } /*CodeNumber 20.10 */ /* Carousel images */ .carousel .wp-block-image img, .carousel figure img { width: 100%; max-width: 512px; height: auto; display: block; border-radius: 8px; transition: all 0.3s ease; } /*CodeNumber 20.11 */ /* CAROUSEL IMAGE GLOWS - Applied via carousel-img-* classes */ /* These classes are added to images by JavaScript */ /* DEADLY SINS - ENVY */ .carousel .carousel-img-envy-glow { box-shadow: 0 0 12px rgba(80, 200, 120, 0.35), 0 0 20px rgba(80, 200, 120, 0.25), 0 0 30px rgba(80, 200, 120, 0.2) !important; } .carousel .carousel-img-envy-glow:hover { box-shadow: 0 0 15px rgba(96, 216, 136, 0.5), 0 0 28px rgba(96, 216, 136, 0.4), 0 0 40px rgba(96, 216, 136, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.12 */ /* DEADLY SINS - GREED */ .carousel .carousel-img-greed-glow { box-shadow: 0 0 12px rgba(255, 215, 0, 0.35), 0 0 20px rgba(255, 215, 0, 0.25), 0 0 30px rgba(255, 215, 0, 0.2) !important; } .carousel .carousel-img-greed-glow:hover { box-shadow: 0 0 15px rgba(255, 228, 77, 0.5), 0 0 28px rgba(255, 228, 77, 0.4), 0 0 40px rgba(255, 228, 77, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.13 */ /* DEADLY SINS - WRATH */ .carousel .carousel-img-wrath-glow { box-shadow: 0 0 12px rgba(255, 68, 68, 0.35), 0 0 20px rgba(255, 68, 68, 0.25), 0 0 30px rgba(255, 68, 68, 0.2) !important; } .carousel .carousel-img-wrath-glow:hover { box-shadow: 0 0 15px rgba(255, 85, 85, 0.5), 0 0 28px rgba(255, 85, 85, 0.4), 0 0 40px rgba(255, 85, 85, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.14 */ /* DEADLY SINS - SLOTH */ .carousel .carousel-img-sloth-glow { box-shadow: 0 0 12px rgba(135, 206, 235, 0.35), 0 0 20px rgba(135, 206, 235, 0.25), 0 0 30px rgba(135, 206, 235, 0.2) !important; } .carousel .carousel-img-sloth-glow:hover { box-shadow: 0 0 15px rgba(151, 222, 255, 0.5), 0 0 28px rgba(151, 222, 255, 0.4), 0 0 40px rgba(151, 222, 255, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.15 */ /* DEADLY SINS - GLUTTONY */ .carousel .carousel-img-gluttony-glow { box-shadow: 0 0 12px rgba(255, 140, 0, 0.35), 0 0 20px rgba(255, 140, 0, 0.25), 0 0 30px rgba(255, 140, 0, 0.2) !important; } .carousel .carousel-img-gluttony-glow:hover { box-shadow: 0 0 15px rgba(255, 156, 16, 0.5), 0 0 28px rgba(255, 156, 16, 0.4), 0 0 40px rgba(255, 156, 16, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.16 */ /* DEADLY SINS - LUST */ .carousel .carousel-img-lust-glow { box-shadow: 0 0 12px rgba(255, 105, 180, 0.35), 0 0 20px rgba(255, 105, 180, 0.25), 0 0 30px rgba(255, 105, 180, 0.2) !important; } .carousel .carousel-img-lust-glow:hover { box-shadow: 0 0 15px rgba(255, 121, 196, 0.5), 0 0 28px rgba(255, 121, 196, 0.4), 0 0 40px rgba(255, 121, 196, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.17 */ /* DEADLY SINS - VANITY */ .carousel .carousel-img-vanity-glow { box-shadow: 0 0 12px rgba(255, 255, 255, 0.35), 0 0 20px rgba(255, 255, 255, 0.25), 0 0 30px rgba(255, 255, 255, 0.2) !important; } .carousel .carousel-img-vanity-glow:hover { box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 0 28px rgba(255, 255, 255, 0.4), 0 0 40px rgba(255, 255, 255, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.18 */ /* BUFF/NERF - BUFF */ .carousel .carousel-img-buff-glow { box-shadow: 0 0 12px rgba(0, 200, 83, 0.35), 0 0 20px rgba(0, 200, 83, 0.25), 0 0 30px rgba(0, 200, 83, 0.2) !important; } .carousel .carousel-img-buff-glow:hover { box-shadow: 0 0 15px rgba(16, 216, 99, 0.5), 0 0 28px rgba(16, 216, 99, 0.4), 0 0 40px rgba(16, 216, 99, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.19 */ /* BUFF/NERF - NERF */ .carousel .carousel-img-nerf-glow { box-shadow: 0 0 12px rgba(220, 20, 60, 0.35), 0 0 20px rgba(220, 20, 60, 0.25), 0 0 30px rgba(220, 20, 60, 0.2) !important; } .carousel .carousel-img-nerf-glow:hover { box-shadow: 0 0 15px rgba(236, 36, 76, 0.5), 0 0 28px rgba(236, 36, 76, 0.4), 0 0 40px rgba(236, 36, 76, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.20 */ /* GAME ELEMENTS - RITUALS */ .carousel .carousel-img-rituals-glow { box-shadow: 0 0 12px rgba(248, 101, 101, 0.35), 0 0 20px rgba(248, 101, 101, 0.25), 0 0 30px rgba(248, 101, 101, 0.2) !important; } .carousel .carousel-img-rituals-glow:hover { box-shadow: 0 0 15px rgba(255, 117, 117, 0.5), 0 0 28px rgba(255, 117, 117, 0.4), 0 0 40px rgba(255, 117, 117, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.21 */ /* GAME ELEMENTS - ROOMS */ .carousel .carousel-img-rooms-glow { box-shadow: 0 0 12px rgba(173, 255, 47, 0.35), 0 0 20px rgba(173, 255, 47, 0.25), 0 0 30px rgba(173, 255, 47, 0.2) !important; } .carousel .carousel-img-rooms-glow:hover { box-shadow: 0 0 15px rgba(189, 255, 63, 0.5), 0 0 28px rgba(189, 255, 63, 0.4), 0 0 40px rgba(189, 255, 63, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.22 */ /* GAME ELEMENTS - SPELLS */ .carousel .carousel-img-spells-glow { box-shadow: 0 0 12px rgba(181, 101, 216, 0.35), 0 0 20px rgba(181, 101, 216, 0.25), 0 0 30px rgba(181, 101, 216, 0.2) !important; } .carousel .carousel-img-spells-glow:hover { box-shadow: 0 0 15px rgba(197, 117, 232, 0.5), 0 0 28px rgba(197, 117, 232, 0.4), 0 0 40px rgba(197, 117, 232, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.23 */ /* GAME ELEMENTS - CONSTRUCTS */ .carousel .carousel-img-constructs-glow { box-shadow: 0 0 12px rgba(255, 140, 0, 0.35), 0 0 20px rgba(255, 140, 0, 0.25), 0 0 30px rgba(255, 140, 0, 0.2) !important; } .carousel .carousel-img-constructs-glow:hover { box-shadow: 0 0 15px rgba(255, 156, 16, 0.5), 0 0 28px rgba(255, 156, 16, 0.4), 0 0 40px rgba(255, 156, 16, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.24 */ /* GAME ELEMENTS - TRAPS */ .carousel .carousel-img-traps-glow { box-shadow: 0 0 12px rgba(0, 191, 255, 0.35), 0 0 20px rgba(0, 191, 255, 0.25), 0 0 30px rgba(0, 191, 255, 0.2) !important; } .carousel .carousel-img-traps-glow:hover { box-shadow: 0 0 15px rgba(16, 207, 255, 0.5), 0 0 28px rgba(16, 207, 255, 0.4), 0 0 40px rgba(16, 207, 255, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.25 */ /* GAME ELEMENTS - POTIONS */ .carousel .carousel-img-potions-glow { box-shadow: 0 0 12px rgba(255, 191, 0, 0.35), 0 0 20px rgba(255, 191, 0, 0.25), 0 0 30px rgba(255, 191, 0, 0.2) !important; } .carousel .carousel-img-potions-glow:hover { box-shadow: 0 0 15px rgba(255, 207, 16, 0.5), 0 0 28px rgba(255, 207, 16, 0.4), 0 0 40px rgba(255, 207, 16, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.26 */ /* GAME ELEMENTS - LAMASH */ .carousel .carousel-img-lamash-glow { box-shadow: 0 0 12px rgba(75, 0, 130, 0.35), 0 0 20px rgba(75, 0, 130, 0.25), 0 0 30px rgba(75, 0, 130, 0.2) !important; } .carousel .carousel-img-lamash-glow:hover { box-shadow: 0 0 15px rgba(91, 16, 146, 0.5), 0 0 28px rgba(91, 16, 146, 0.4), 0 0 40px rgba(91, 16, 146, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.27 */ /* GAME ELEMENTS - VOLTA */ .carousel .carousel-img-volta-glow { box-shadow: 0 0 12px rgba(255, 179, 102, 0.35), 0 0 20px rgba(255, 179, 102, 0.25), 0 0 30px rgba(255, 179, 102, 0.2) !important; } .carousel .carousel-img-volta-glow:hover { box-shadow: 0 0 15px rgba(255, 195, 118, 0.5), 0 0 28px rgba(255, 195, 118, 0.4), 0 0 40px rgba(255, 195, 118, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.28 */ /* GAME ELEMENTS - KASITA */ .carousel .carousel-img-kasita-glow { box-shadow: 0 0 12px rgba(255, 255, 0, 0.35), 0 0 20px rgba(255, 255, 0, 0.25), 0 0 30px rgba(255, 255, 0, 0.2) !important; } .carousel .carousel-img-kasita-glow:hover { box-shadow: 0 0 15px rgba(255, 255, 16, 0.5), 0 0 28px rgba(255, 255, 16, 0.4), 0 0 40px rgba(255, 255, 16, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.29 */ /* GAME ELEMENTS - SHALE */ .carousel .carousel-img-shale-glow { box-shadow: 0 0 12px rgba(139, 0, 139, 0.35), 0 0 20px rgba(139, 0, 139, 0.25), 0 0 30px rgba(139, 0, 139, 0.2) !important; } .carousel .carousel-img-shale-glow:hover { box-shadow: 0 0 15px rgba(155, 16, 155, 0.5), 0 0 28px rgba(155, 16, 155, 0.4), 0 0 40px rgba(155, 16, 155, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.30 */ /* GAME ELEMENTS - CONTRACT */ .carousel .carousel-img-contract-glow { box-shadow: 0 0 12px rgba(192, 192, 192, 0.4), 0 0 20px rgba(192, 192, 192, 0.3), 0 0 30px rgba(192, 192, 192, 0.2) !important; } .carousel .carousel-img-contract-glow:hover { box-shadow: 0 0 15px rgba(211, 211, 211, 0.5), 0 0 28px rgba(211, 211, 211, 0.4), 0 0 40px rgba(211, 211, 211, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.31 */ /* GAME ELEMENTS - TITAN */ .carousel .carousel-img-titan-glow { box-shadow: 0 0 12px rgba(44, 53, 57, 0.5), 0 0 20px rgba(44, 53, 57, 0.4), 0 0 30px rgba(44, 53, 57, 0.3) !important; } .carousel .carousel-img-titan-glow:hover { box-shadow: 0 0 15px rgba(58, 68, 73, 0.6), 0 0 28px rgba(58, 68, 73, 0.5), 0 0 40px rgba(58, 68, 73, 0.4) !important; transform: translateY(-2px); } /*CodeNumber 20.32 */ /* GAME ELEMENTS - DARKMAGIC */ .carousel .carousel-img-darkmagic-glow { box-shadow: 0 0 12px rgba(139, 0, 0, 0.35), 0 0 20px rgba(139, 0, 0, 0.25), 0 0 30px rgba(139, 0, 0, 0.2) !important; } .carousel .carousel-img-darkmagic-glow:hover { box-shadow: 0 0 15px rgba(155, 16, 16, 0.5), 0 0 28px rgba(155, 16, 16, 0.4), 0 0 40px rgba(155, 16, 16, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.33 */ /* GAME ELEMENTS - UNMANA */ .carousel .carousel-img-unmana-glow { box-shadow: 0 0 12px rgba(1, 50, 32, 0.35), 0 0 20px rgba(1, 50, 32, 0.25), 0 0 30px rgba(1, 50, 32, 0.2) !important; } .carousel .carousel-img-unmana-glow:hover { box-shadow: 0 0 15px rgba(17, 66, 48, 0.5), 0 0 28px rgba(17, 66, 48, 0.4), 0 0 40px rgba(17, 66, 48, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.34 */ /* GAME ELEMENTS - SPIRITCHARGE */ .carousel .carousel-img-spiritcharge-glow { box-shadow: 0 0 12px rgba(224, 255, 240, 0.35), 0 0 20px rgba(224, 255, 240, 0.25), 0 0 30px rgba(224, 255, 240, 0.2) !important; } .carousel .carousel-img-spiritcharge-glow:hover { box-shadow: 0 0 15px rgba(240, 255, 255, 0.5), 0 0 28px rgba(240, 255, 255, 0.4), 0 0 40px rgba(240, 255, 255, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.35 */ /* GAME ELEMENTS - EMPOWER */ .carousel .carousel-img-empower-glow { box-shadow: 0 0 12px rgba(0, 0, 0, 0.35), 0 0 20px rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.2) !important; } .carousel .carousel-img-empower-glow:hover { box-shadow: 0 0 15px rgba(42, 42, 42, 0.5), 0 0 28px rgba(42, 42, 42, 0.4), 0 0 40px rgba(42, 42, 42, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.36 */ /* GAME ELEMENTS - ARMOURY */ .carousel .carousel-img-armoury-glow { box-shadow: 0 0 12px rgba(0, 255, 255, 0.35), 0 0 20px rgba(0, 255, 255, 0.25), 0 0 30px rgba(0, 255, 255, 0.2) !important; transition: all 0.4s ease !important; } .carousel .carousel-img-armoury-glow:hover { box-shadow: 0 0 15px rgba(5, 240, 185, 0.5), 0 0 28px rgba(5, 240, 185, 0.4), 0 0 40px rgba(5, 240, 185, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.37 */ /* GAME ELEMENTS - REWORKED */ .carousel .carousel-img-reworked-glow { box-shadow: 0 0 12px rgba(0, 128, 128, 0.35), 0 0 20px rgba(0, 128, 128, 0.25), 0 0 30px rgba(0, 128, 128, 0.2) !important; } .carousel .carousel-img-reworked-glow:hover { box-shadow: 0 0 15px rgba(16, 152, 152, 0.5), 0 0 28px rgba(16, 152, 152, 0.4), 0 0 40px rgba(16, 152, 152, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.38 */ /* GAME ELEMENTS - NEW */ .carousel .carousel-img-new-glow { box-shadow: 0 0 12px rgba(57, 255, 20, 0.35), 0 0 20px rgba(57, 255, 20, 0.25), 0 0 30px rgba(57, 255, 20, 0.2) !important; } .carousel .carousel-img-new-glow:hover { box-shadow: 0 0 15px rgba(73, 255, 36, 0.5), 0 0 28px rgba(73, 255, 36, 0.4), 0 0 40px rgba(73, 255, 36, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.39 */ /* GAME ELEMENTS - MODIFIED */ .carousel .carousel-img-modified-glow { box-shadow: 0 0 12px rgba(205, 127, 50, 0.35), 0 0 20px rgba(205, 127, 50, 0.25), 0 0 30px rgba(205, 127, 50, 0.2) !important; } .carousel .carousel-img-modified-glow:hover { box-shadow: 0 0 15px rgba(221, 143, 90, 0.5), 0 0 28px rgba(221, 143, 90, 0.4), 0 0 40px rgba(221, 143, 90, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.40 */ /* RAINBOW (Bright) - Carousel Images */ .carousel .carousel-img-rainbow-glow { box-shadow: 0 0 12px rgba(255, 0, 0, 0.4), 0 0 20px rgba(255, 127, 0, 0.35), 0 0 30px rgba(255, 255, 0, 0.3), 0 0 40px rgba(0, 255, 0, 0.25), 0 0 50px rgba(0, 127, 255, 0.2), 0 0 60px rgba(148, 0, 211, 0.15) !important; } .carousel .carousel-img-rainbow-glow:hover { box-shadow: 0 0 15px rgba(255, 0, 0, 0.6), 0 0 28px rgba(255, 127, 0, 0.5), 0 0 40px rgba(255, 255, 0, 0.45), 0 0 52px rgba(0, 255, 0, 0.4), 0 0 64px rgba(0, 127, 255, 0.35), 0 0 76px rgba(148, 0, 211, 0.3) !important; transform: translateY(-2px); } /*CodeNumber 20.41 */ /* DARK RAINBOW - Carousel Images */ .carousel .carousel-img-dark-rainbow-glow { box-shadow: 0 0 12px rgba(139, 0, 0, 0.5), 0 0 20px rgba(85, 107, 47, 0.4), 0 0 30px rgba(0, 100, 100, 0.35), 0 0 40px rgba(25, 25, 112, 0.3), 0 0 50px rgba(72, 61, 139, 0.25) !important; } .carousel .carousel-img-dark-rainbow-glow:hover { box-shadow: 0 0 15px rgba(139, 0, 0, 0.7), 0 0 28px rgba(85, 107, 47, 0.6), 0 0 40px rgba(0, 100, 100, 0.55), 0 0 52px rgba(25, 25, 112, 0.5), 0 0 64px rgba(72, 61, 139, 0.45) !important; transform: translateY(-2px); } /*CodeNumber 20.42 */ /* Navigation buttons */ .carousel .swiper-button-next, .carousel .swiper-button-prev { color: #fff !important; width: 50px !important; height: 50px !important; background: rgba(0, 0, 0, 0.5) !important; border-radius: 50% !important; box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important; transition: all 0.3s ease !important; z-index: 10 !important; outline: none !important; } /*CodeNumber 20.43 */ /* Navigation buttons - focus/active states */ .carousel .swiper-button-next:focus, .carousel .swiper-button-prev:focus, .carousel .swiper-button-next:active, .carousel .swiper-button-prev:active { outline: none !important; box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important; } /*CodeNumber 20.44 */ /* Navigation buttons - hover state */ .carousel .swiper-button-next:hover, .carousel .swiper-button-prev:hover { background: rgba(0, 0, 0, 0.8) !important; transform: scale(1.1) !important; } /*CodeNumber 20.45 */ /* Navigation button icons */ .carousel .swiper-button-next:after, .carousel .swiper-button-prev:after { font-size: 22px !important; font-weight: bold !important; } /*CodeNumber 20.46 */ /* Navigation button positioning - previous */ .carousel .swiper-button-prev { left: 10px !important; } /*CodeNumber 20.47 */ /* Navigation button positioning - next */ .carousel .swiper-button-next { right: 10px !important; } /*CodeNumber 20.48 */ /* Pagination dots container */ .carousel .swiper-pagination { position: relative !important; margin-top: 30px !important; bottom: auto !important; } /*CodeNumber 20.49 */ /* Pagination bullet styling */ .carousel .swiper-pagination-bullet { background: #fff !important; opacity: 0.6 !important; width: 11px !important; height: 11px !important; margin: 0 6px !important; transition: all 0.3s ease !important; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2) !important; } /*CodeNumber 20.50 */ /* Pagination bullet - active state */ .carousel .swiper-pagination-bullet-active { opacity: 1 !important; transform: scale(1.4) !important; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.3) !important; } /*CodeNumber 20.51 */ /* Mobile responsive - Tablet */ @media (max-width: 768px) { .wp-block-gallery.carousel { padding: 40px 50px; max-width: 100%; } .carousel .swiper { max-width: 400px; } .carousel .wp-block-image img, .carousel figure img { max-width: 400px; } .carousel .swiper-button-next, .carousel .swiper-button-prev { width: 40px !important; height: 40px !important; } .carousel .swiper-button-next:after, .carousel .swiper-button-prev:after { font-size: 18px !important; } .carousel .swiper-button-prev { left: 5px !important; } .carousel .swiper-button-next { right: 5px !important; } .carousel .swiper-pagination-bullet { width: 10px !important; height: 10px !important; margin: 0 4px !important; } } /*CodeNumber 20.52 */ /* Mobile responsive - Phone */ @media (max-width: 480px) { .carousel .swiper { max-width: 300px; } .carousel .wp-block-image img, .carousel figure img { max-width: 300px; } } /* ===================================================================== SECTION 21: ELECTRIC BORDERS (CYAN + PURPLE) ===================================================================== */ /*CodeNumber 21.1 */ /* Electric border - Cyan variant */ body.category-wfto .electric-border-cyan, body.single.category-wfto .electric-border-cyan, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-cyan { position: relative; padding: 2rem; background: rgba(10, 12, 14, 0.6); border: 2px solid transparent; border-radius: 8px; overflow: hidden; } /*CodeNumber 21.2 */ /* Electric border cyan - animated border effect */ body.category-wfto .electric-border-cyan::before, body.single.category-wfto .electric-border-cyan::before, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-cyan::before { content: ''; position: absolute; inset: -2px; background: linear-gradient( 90deg, transparent, rgba(0, 255, 255, 0.8), transparent ); border-radius: 8px; animation: electric-border-cyan-animation 3s linear infinite; z-index: -1; } /*CodeNumber 21.3 */ /* Electric border cyan - inner glow layer */ body.category-wfto .electric-border-cyan::after, body.single.category-wfto .electric-border-cyan::after, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-cyan::after { content: ''; position: absolute; inset: 0; background: rgba(10, 12, 14, 0.95); border-radius: 6px; z-index: -1; box-shadow: inset 0 0 20px rgba(0, 255, 255, 0.2), inset 0 0 40px rgba(0, 255, 255, 0.1); } /*CodeNumber 21.4 */ /* Keyframes for cyan electric border animation */ @keyframes electric-border-cyan-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*CodeNumber 21.5 */ /* Electric border - Purple variant */ body.category-wfto .electric-border-purple, body.single.category-wfto .electric-border-purple, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-purple { position: relative; padding: 2rem; background: rgba(10, 12, 14, 0.6); border: 2px solid transparent; border-radius: 8px; overflow: hidden; } /*CodeNumber 21.6 */ /* Electric border purple - animated border effect */ body.category-wfto .electric-border-purple::before, body.single.category-wfto .electric-border-purple::before, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-purple::before { content: ''; position: absolute; inset: -2px; background: linear-gradient( 90deg, transparent, rgba(138, 43, 226, 0.8), transparent ); border-radius: 8px; animation: electric-border-purple-animation 3s linear infinite; z-index: -1; } /*CodeNumber 21.7 */ /* Electric border purple - inner glow layer */ body.category-wfto .electric-border-purple::after, body.single.category-wfto .electric-border-purple::after, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-purple::after { content: ''; position: absolute; inset: 0; background: rgba(10, 12, 14, 0.95); border-radius: 6px; z-index: -1; box-shadow: inset 0 0 20px rgba(138, 43, 226, 0.2), inset 0 0 40px rgba(138, 43, 226, 0.1); } /*CodeNumber 21.8 */ /* Keyframes for purple electric border animation */ @keyframes electric-border-purple-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*CodeNumber 21.9 */ /* Electric border hover - Cyan variant */ body.category-wfto .electric-border-cyan:hover::before, body.single.category-wfto .electric-border-cyan:hover::before, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-cyan:hover::before { background: linear-gradient( 90deg, transparent, rgba(0, 255, 255, 1), transparent ); animation-duration: 2s; } /*CodeNumber 21.10 */ /* Electric border hover - Purple variant */ body.category-wfto .electric-border-purple:hover::before, body.single.category-wfto .electric-border-purple:hover::before, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-purple:hover::before { background: linear-gradient( 90deg, transparent, rgba(138, 43, 226, 1), transparent ); animation-duration: 2s; } /*CodeNumber 21.11 */ /* Electric border - Cyan + Purple dual variant */ body.category-wfto .electric-border-dual, body.single.category-wfto .electric-border-dual, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-dual { position: relative; padding: 2rem; background: rgba(10, 12, 14, 0.6); border: 2px solid transparent; border-radius: 8px; overflow: hidden; } /*CodeNumber 21.12 */ /* Electric border dual - first animated layer (cyan) */ body.category-wfto .electric-border-dual::before, body.single.category-wfto .electric-border-dual::before, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-dual::before { content: ''; position: absolute; inset: -2px; background: linear-gradient( 90deg, transparent, rgba(0, 255, 255, 0.6), transparent ); border-radius: 8px; animation: electric-border-dual-animation-1 3s linear infinite; z-index: -1; } /*CodeNumber 21.13 */ /* Electric border dual - inner background layer */ body.category-wfto .electric-border-dual::after, body.single.category-wfto .electric-border-dual::after, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-dual::after { content: ''; position: absolute; inset: 0; background: rgba(10, 12, 14, 0.95); border-radius: 6px; z-index: -1; box-shadow: inset 0 0 20px rgba(0, 255, 255, 0.15), inset 0 0 40px rgba(138, 43, 226, 0.15); } /*CodeNumber 21.14 */ /* Electric border dual - second animated layer (purple) using data attribute */ body.category-wfto .electric-border-dual[data-dual]::before, body.single.category-wfto .electric-border-dual[data-dual]::before, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-dual[data-dual]::before { content: ''; position: absolute; inset: -2px; background: linear-gradient( 270deg, transparent, rgba(138, 43, 226, 0.6), transparent ); border-radius: 8px; animation: electric-border-dual-animation-2 3s linear infinite; z-index: -2; } /*CodeNumber 21.15 */ /* Keyframes for dual electric border - layer 1 (cyan clockwise) */ @keyframes electric-border-dual-animation-1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*CodeNumber 21.16 */ /* Keyframes for dual electric border - layer 2 (purple counter-clockwise) */ @keyframes electric-border-dual-animation-2 { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } /*CodeNumber 21.17 */ /* Electric border dual - hover state (speeds up animation) */ body.category-wfto .electric-border-dual:hover::before, body.single.category-wfto .electric-border-dual:hover::before, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-dual:hover::before, body.category-wfto .electric-border-dual:hover[data-dual]::before, body.single.category-wfto .electric-border-dual:hover[data-dual]::before, body.post-template.post-template-wp-custom-template-wfto-post .electric-border-dual:hover[data-dual]::before { animation-duration: 1.5s; } /* ===================================================================== END OF WFTO THEME CSS - COMPLETE WITH HOVER EFFECTS ===================================================================== */ /* ===================================================================== SECTION 23: DARK MAGIC CALCULATOR ===================================================================== */ /*CodeNumber 23.1 */ /* Dark Magic Calculator - Container and Base Styles */ * { box-sizing: border-box; margin: 0; padding: 0; } .dark-magic-calculator { font-family: system-ui, -apple-system, sans-serif; background: transparent; color: #d4c9a8; padding: 2rem; border-radius: 16px; } .dm-container { max-width: 1400px; margin: 0 auto; } .dm-title { text-align: center; color: #DC143C !important; font-size: 2.5rem; font-weight: 800; margin-bottom: 2rem; text-shadow: 0 0 20px rgba(139, 0, 139, 0.8), 0 0 40px rgba(220, 20, 60, 0.6) !important; } .dm-header { display: flex; align-items: center; justify-content: center; gap: 1.5rem; margin-bottom: 2rem; } .dm-icon { width: 128px; height: 128px; } /*CodeNumber 23.2 */ /* Dark Magic Calculator - Card Styles */ .dm-card { background: rgba(25, 28, 32, 0.92); border: 2px solid rgba(139, 0, 139, 0.45); border-radius: 16px; padding: 2rem; margin-bottom: 2rem; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 60px rgba(139, 0, 139, 0.3); } .dm-card h2 { color: #DC143C !important; font-size: 1.8rem; text-align: center; margin-bottom: 1.5rem; text-shadow: 0 0 20px rgba(139, 0, 139, 0.8), 0 0 40px rgba(220, 20, 60, 0.6) !important; } /*CodeNumber 23.3 */ /* Dark Magic Calculator - Interactive Meter Bar */ .dm-meter-display { position: relative; margin-bottom: 2rem; } .dm-meter-bar { position: relative; width: 100%; height: 50px; background: rgba(15, 18, 22, 0.9); border: 2px solid rgba(139, 0, 139, 0.5); border-radius: 25px; overflow: visible; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); cursor: pointer; } .dm-meter-fill { position: absolute; top: 0; left: 0; height: 100%; width: 0%; background: linear-gradient(90deg, #8B008B, #DC143C); border-radius: 25px; transition: width 0.3s ease, background-color 0.3s ease; pointer-events: none; } .dm-meter-percentage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 1.8rem; font-weight: 900; text-shadow: 0 0 10px rgba(0, 0, 0, 0.9), 0 0 20px rgba(139, 0, 139, 0.8), 2px 2px 4px rgba(0, 0, 0, 0.8); z-index: 10; pointer-events: none; user-select: none; } /*CodeNumber 23.4 */ /* Dark Magic Calculator - Draggable Meter Thumb */ .dm-meter-thumb { position: absolute; top: 50%; left: 0%; transform: translate(-50%, -50%); width: 48px; height: 48px; background: url('https://stryv4.co.uk/wp-content/uploads/2025/11/scaled_128.png') center/contain no-repeat; cursor: grab; border-radius: 50%; filter: drop-shadow(0 0 15px rgba(139, 0, 139, 0.9)) drop-shadow(0 0 25px rgba(220, 20, 60, 0.7)); transition: left 0.1s ease, filter 0.2s ease; z-index: 15; pointer-events: auto; user-select: none; } .dm-meter-thumb:hover { transform: translate(-50%, -50%) scale(1.15); filter: drop-shadow(0 0 20px rgba(139, 0, 139, 1)) drop-shadow(0 0 35px rgba(220, 20, 60, 0.9)); } .dm-meter-thumb:active { cursor: grabbing; } /*CodeNumber 23.5 */ /* Dark Magic Calculator - Meter Labels */ .dm-labels { display: flex; justify-content: space-between; margin-top: 0.75rem; font-size: 0.9rem; color: #888; position: relative; } .dm-label-item { position: absolute; transform: translateX(-50%); white-space: nowrap; } .dm-label-item.start { left: 0%; transform: translateX(0%); } .dm-label-item.end { left: 100%; transform: translateX(-100%); } .dm-milestone { color: #DC143C; font-weight: 600; text-shadow: 0 0 8px rgba(220, 20, 60, 0.6); } /*CodeNumber 23.6 */ /* Dark Magic Calculator - Activation Button */ .dm-activate-btn { padding: 1rem 2rem; background: linear-gradient(to right, rgba(220, 20, 60, 0.3), rgba(139, 0, 139, 0.3)); border: 2px solid rgba(220, 20, 60, 0.5); border-radius: 12px; color: rgba(255, 255, 255, 0.5); font-size: 1.2rem; font-weight: 900; cursor: not-allowed; text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 15px rgba(220, 20, 60, 0.3); transition: all 0.3s; display: block; margin: 1.5rem auto; opacity: 0.6; } .dm-activate-btn:disabled { cursor: not-allowed; opacity: 0.6; } .dm-activate-btn.ready { background: linear-gradient(to right, #DC143C, #8B008B); border: 2px solid #f4d03f; color: #fff; cursor: pointer; box-shadow: 0 0 30px rgba(220, 20, 60, 0.8), 0 0 50px rgba(139, 0, 139, 0.6); animation: pulse 2s infinite; opacity: 1; } .dm-activate-btn.ready:hover { transform: scale(1.05); box-shadow: 0 0 40px rgba(220, 20, 60, 1), 0 0 60px rgba(139, 0, 139, 0.8); } /*CodeNumber 23.7 */ /* Dark Magic Calculator - Ritual Button */ .dm-ritual-btn { padding: 0.9rem 1.8rem; background: linear-gradient(to right, #8B008B, #4B0082); border: 2px solid #9370DB; border-radius: 10px; color: #E6E6FA; font-size: 1.1rem; font-weight: 800; cursor: pointer; text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); box-shadow: 0 0 25px rgba(139, 0, 139, 0.7), 0 0 40px rgba(75, 0, 130, 0.5); transition: all 0.3s; display: block; margin: 1rem auto; opacity: 1; animation: ritualPulse 2.5s infinite; } .dm-ritual-btn:disabled { cursor: not-allowed; opacity: 0.5; background: linear-gradient(to right, rgba(139, 0, 139, 0.4), rgba(75, 0, 130, 0.4)); border: 2px solid rgba(139, 0, 139, 0.6); color: rgba(200, 150, 255, 0.7); box-shadow: 0 0 12px rgba(139, 0, 139, 0.3); animation: none; } .dm-ritual-btn:not(:disabled):hover { transform: scale(1.05); box-shadow: 0 0 35px rgba(139, 0, 139, 0.9), 0 0 50px rgba(75, 0, 130, 0.7); } /*CodeNumber 23.8 */ /* Dark Magic Calculator - Control Buttons */ .dm-stop-btn { padding: 0.8rem 1.5rem; background: rgba(100, 100, 100, 0.7); border: 2px solid #888; border-radius: 10px; color: #fff; font-size: 1rem; font-weight: 700; cursor: pointer; margin: 0 auto; display: block; } .dm-stop-btn:hover { background: rgba(120, 120, 120, 0.8); } .dm-reset-btn { padding: 0.8rem 1.5rem; background: rgba(220, 20, 60, 0.3); border: 2px solid #DC143C; border-radius: 10px; color: #DC143C; font-size: 1rem; font-weight: 700; cursor: pointer; margin: 1rem auto; display: block; transition: all 0.3s; } .dm-reset-btn:hover { background: rgba(220, 20, 60, 0.5); transform: translateY(-2px); } .dm-drain-status { text-align: center; padding: 0.8rem; background: rgba(220, 20, 60, 0.2); border: 2px solid #DC143C; border-radius: 10px; color: #DC143C; font-weight: 700; margin-top: 1rem; } /*CodeNumber 23.9 */ /* Dark Magic Calculator - Status Messages */ .dm-status { padding: 1rem; border-radius: 10px; text-align: center; font-size: 1.1rem; font-weight: 600; margin: 1.5rem 0; transition: all 0.4s; } .dm-status-inactive { background: rgba(20, 25, 35, 0.7); border: 2px solid rgba(100, 100, 120, 0.3); color: #b0a090; } .dm-status-building { background: rgba(139, 0, 139, 0.15); border: 2px solid rgba(139, 0, 139, 0.5); color: #d4c9a8; } .dm-status-active { background: rgba(139, 0, 139, 0.25); border: 2px solid rgba(139, 0, 139, 0.7); color: #DC143C; animation: statusPulse 2s infinite; } .dm-status-ready { background: rgba(139, 0, 139, 0.3); border: 2px solid #DC143C; color: #DC143C; animation: statusPulse 1.5s infinite; } .dm-status-draining { background: rgba(220, 20, 60, 0.3); border: 3px solid #DC143C; color: #fff; animation: statusPulse 1s infinite; } /*CodeNumber 23.10 */ /* Dark Magic Calculator - Abilities Table */ .dm-table-container { overflow-x: auto; margin: 1.5rem 0; } .dm-table { width: 100%; border-collapse: collapse; background: rgba(25, 28, 32, 0.85); border: 2px solid rgba(139, 0, 139, 0.4); border-radius: 12px; overflow: hidden; } .dm-table thead { background: rgba(35, 38, 42, 0.95); } .dm-table th { color: #DC143C !important; font-weight: 700; padding: 1rem; text-align: left; border-bottom: 2px solid #FA8072; text-shadow: 0 0 8px rgba(220, 20, 60, 0.6) !important; } .dark-magic-calculator .dm-table th, .dark-magic-calculator table th, body .dark-magic-calculator .dm-table thead th { color: #DC143C !important; text-shadow: 0 0 8px rgba(220, 20, 60, 0.6) !important; border-bottom: 2px solid #FA8072 !important; } .dm-table td { color: #d4c9a8 !important; padding: 0.875rem 1rem; border-bottom: 1px solid rgba(139, 0, 139, 0.2); } .dark-magic-calculator .dm-table td, .dark-magic-calculator table td, body .dark-magic-calculator .dm-table tbody td { color: #d4c9a8 !important; } .dm-table tbody tr:hover { background: rgba(139, 0, 139, 0.1) !important; } .dark-magic-calculator .dm-table tbody tr:hover, .dark-magic-calculator table tbody tr:hover, body .dark-magic-calculator .dm-table tbody tr:hover { background: rgba(139, 0, 139, 0.1) !important; } .dm-table tbody tr.inactive { opacity: 0.4; } .dm-ability-name { font-weight: 600; color: #DC143C; } .dm-ability-req { font-size: 0.75rem; margin-left: 0.5rem; } .dm-ability-req.basic { color: #8B008B; } .dm-ability-req.special { color: #DC143C; } .dm-stat-current { color: #fff; font-weight: 700; font-size: 1.1rem; text-align: center; } .dm-stat-current.active-high { color: #DC143C; text-shadow: 0 0 10px rgba(220, 20, 60, 0.8); animation: valuePulse 1.5s infinite; } .dm-stat-current.inactive-val { color: #666; } /*CodeNumber 23.11 */ /* Dark Magic Calculator - Info Cards */ .dm-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 2rem 0; } .dm-info-card { background: rgba(25, 28, 32, 0.7); border: 2px solid rgba(100, 100, 120, 0.3); border-radius: 12px; padding: 1.5rem; transition: all 0.3s; } .dm-info-card.active { border-color: rgba(139, 0, 139, 0.7); background: rgba(139, 0, 139, 0.2); box-shadow: 0 0 25px rgba(139, 0, 139, 0.5); } .dm-info-card h3 { font-size: 1.5rem; font-weight: 800; margin-bottom: 0.8rem; color: #DC143C !important; text-shadow: 0 0 20px rgba(139, 0, 139, 0.8), 0 0 40px rgba(220, 20, 60, 0.6) !important; } .dm-info-card p { color: #d4c9a8; line-height: 1.6; } /*CodeNumber 23.12 */ /* Dark Magic Calculator - Research Bonus */ .dm-research { background: linear-gradient(to right, rgba(139, 0, 139, 0.3), rgba(220, 20, 60, 0.3)); border: 2px solid rgba(139, 0, 139, 0.6); border-radius: 12px; padding: 1.5rem; text-align: center; } .dm-research h3 { color: #DC143C !important; font-size: 1.5rem; margin-bottom: 1rem; text-shadow: 0 0 20px rgba(139, 0, 139, 0.8), 0 0 40px rgba(220, 20, 60, 0.6) !important; } .dm-research-value { font-size: 2.5rem; font-weight: 900; color: #8B008B; text-shadow: 0 0 15px rgba(139, 0, 139, 0.6); } .dm-research-desc { color: #d4c9a8; margin-top: 0.8rem; } /*CodeNumber 23.13 */ /* Dark Magic Calculator - Animations */ @keyframes ritualPulse { 0%, 100% { box-shadow: 0 0 25px rgba(139, 0, 139, 0.7), 0 0 40px rgba(75, 0, 130, 0.5); } 50% { box-shadow: 0 0 35px rgba(139, 0, 139, 0.9), 0 0 50px rgba(75, 0, 130, 0.7); } } @keyframes pulse { 0%, 100% { box-shadow: 0 0 30px rgba(220, 20, 60, 0.8), 0 0 50px rgba(139, 0, 139, 0.6); } 50% { box-shadow: 0 0 40px rgba(220, 20, 60, 1), 0 0 60px rgba(139, 0, 139, 0.9); } } @keyframes statusPulse { 0%, 100% { box-shadow: 0 0 15px rgba(139, 0, 139, 0.5); } 50% { box-shadow: 0 0 30px rgba(139, 0, 139, 0.8); } } @keyframes valuePulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } /*CodeNumber 23.14 */ /* Dark Magic Calculator - Mobile Responsive */ @media (max-width: 768px) { .dm-title { font-size: 2rem; } .dm-icon { width: 48px; height: 48px; } .dm-table th, .dm-table td { padding: 0.5rem; font-size: 0.85rem; } .dm-info-grid { grid-template-columns: 1fr; } } /* ===================================================================== SECTION 24: UNMANA EXTRACTION SIMULATOR ===================================================================== */ /*CodeNumber 24.1 */ * { box-sizing: border-box; margin: 0; padding: 0; } .unmana-calculator { font-family: system-ui, -apple-system, sans-serif; background: transparent; color: #d4c9a8; padding: 2rem; border-radius: 16px; } .calculator-container { max-width: 1400px; margin: 0 auto; } .title { text-align: center; color: #f4d03f; font-size: 2.5rem; font-weight: 800; margin-bottom: 2rem; text-shadow: 0 0 20px rgba(244, 208, 63, 0.6); } .player-tabs { display: flex; gap: 1rem; justify-content: center; margin-bottom: 2rem; flex-wrap: wrap; } .player-tab { padding: 0.8rem 2rem; background: rgba(25, 28, 32, 0.6); border: 2px solid rgba(244, 208, 63, 0.3); border-radius: 12px; color: #d4c9a8; cursor: pointer; font-size: 1rem; font-weight: 600; transition: all 0.3s; } .player-tab:hover { background: rgba(244, 208, 63, 0.15); transform: translateY(-2px); } .player-tab.active { background: rgba(244, 208, 63, 0.25); border-color: #f4d03f; color: #f4d03f; box-shadow: 0 0 20px rgba(244, 208, 63, 0.4); } .config-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-bottom: 2rem; } @media (max-width: 1200px) { .config-grid { grid-template-columns: 1fr; } } .card { background: rgba(25, 28, 32, 0.92); border: 2px solid rgba(244, 208, 63, 0.45); border-radius: 16px; padding: 1.5rem; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 60px rgba(244, 208, 63, 0.3); margin-bottom: 3rem; } .card h2 { color: #f4d03f; font-size: 1.3rem; margin-bottom: 1.5rem; text-align: center; } .no-glow, img.no-glow { background: transparent !important; box-shadow: none !important; image-rendering: crisp-edges !important; } .card h3 { color: #ff9800; font-size: 1rem; margin: 1.5rem 0 1rem 0; } .input-group { margin-bottom: 1rem; } .input-group label { display: block; color: #f4d03f; font-size: 0.9rem; font-weight: 600; margin-bottom: 0.5rem; } .input-group input[type="number"] { width: 100%; padding: 0.6rem; background: rgba(15, 18, 22, 0.8); border: 1px solid rgba(244, 208, 63, 0.3); border-radius: 8px; color: #d4c9a8; font-size: 1rem; } .input-group input[type="number"]:focus { outline: none; border-color: #f4d03f; box-shadow: 0 0 10px rgba(244, 208, 63, 0.3); } .input-group small { display: block; color: #888; font-size: 0.75rem; margin-top: 0.3rem; } .checkbox-group { display: flex; flex-direction: column; gap: 0.8rem; } .checkbox-label { display: flex; align-items: center; gap: 0.6rem; cursor: pointer; padding: 0.5rem; border-radius: 6px; transition: background 0.2s; } .checkbox-label:hover { background: rgba(244, 208, 63, 0.1); } .checkbox-label input[type="checkbox"] { width: 18px; height: 18px; cursor: pointer; } .checkbox-label span { color: #d4c9a8; font-size: 0.9rem; } .meditators-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } @media (max-width: 768px) { .meditators-grid { grid-template-columns: 1fr; } } .worker-section h3 { color: #ff9800; font-size: 1rem; margin-bottom: 0.8rem; text-align: center; } .worker-list { max-height: 200px; overflow-y: auto; margin-bottom: 0.8rem; min-height: 80px; } .worker-list::-webkit-scrollbar { width: 6px; } .worker-list::-webkit-scrollbar-track { background: rgba(15, 18, 22, 0.5); border-radius: 3px; } .worker-list::-webkit-scrollbar-thumb { background: rgba(244, 208, 63, 0.3); border-radius: 3px; } .worker-row { display: grid; grid-template-columns: 30px 1fr 40px; gap: 0.5rem; align-items: center; margin-bottom: 0.5rem; } .worker-row span { font-weight: 700; color: #d4c9a8; } .worker-row select { width: 100%; padding: 0.4rem; background: rgba(15, 18, 22, 0.8); border: 1px solid rgba(244, 208, 63, 0.3); border-radius: 6px; color: #d4c9a8; font-size: 0.85rem; cursor: pointer; } .empty-message { color: #666; text-align: center; padding: 1rem; font-style: italic; } .btn { padding: 0.6rem 1.2rem; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.2s; width: 100%; } .btn-add { background: rgba(0, 200, 83, 0.2); border: 1px solid rgba(0, 200, 83, 0.5); color: #00C853; } .btn-add:hover { background: rgba(0, 200, 83, 0.3); transform: translateY(-1px); } .btn-remove { background: rgba(220, 20, 60, 0.3); border: 1px solid rgba(220, 20, 60, 0.5); color: #DC143C; padding: 0.4rem; width: 40px; height: 36px; font-size: 1rem; } .btn-remove:hover { background: rgba(220, 20, 60, 0.5); } .simulation-section { background: rgba(25, 28, 32, 0.92); border: 3px solid rgba(244, 208, 63, 0.6); border-radius: 20px; padding: 2rem; margin: 2rem 0; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7), 0 0 80px rgba(244, 208, 63, 0.4); } .simulation-section h2 { text-align: center; color: #f4d03f; font-size: 1.8rem; margin-bottom: 1.5rem; text-shadow: 0 0 15px rgba(244, 208, 63, 0.6); } .btn-sim { padding: 1rem 1.5rem; background: rgba(244, 208, 63, 0.2); border: 2px solid #f4d03f; border-radius: 12px; color: #f4d03f; font-size: 1rem; font-weight: 700; cursor: pointer; transition: all 0.3s; } .btn-sim:hover { background: rgba(244, 208, 63, 0.35); box-shadow: 0 0 20px rgba(244, 208, 63, 0.5); transform: translateY(-3px); } .btn-sim.danger { background: rgba(220, 20, 60, 0.2); border-color: #DC143C; color: #DC143C; } .btn-sim.danger:hover { background: rgba(220, 20, 60, 0.35); box-shadow: 0 0 20px rgba(220, 20, 60, 0.5); } .btn-kill { padding: 0.6rem; background: rgba(147, 112, 219, 0.2); border: 2px solid rgba(147, 112, 219, 0.5); border-radius: 8px; color: #9370DB; font-weight: 600; cursor: pointer; transition: all 0.2s; width: 100%; margin-bottom: 0.5rem; } .btn-kill:hover { background: rgba(147, 112, 219, 0.35); transform: translateY(-2px); } .btn-kill.just-clicked { animation: killFlash 0.6s ease-out; } .btn-kill.low-kill { border-color: rgba(100, 180, 100, 0.5); color: #64B464; } .btn-kill.mid-kill { border-color: rgba(244, 208, 63, 0.5); color: #f4d03f; } .btn-kill.max-kill { border-color: rgba(220, 20, 60, 0.5); color: #DC143C; } @keyframes killFlash { 0% { background: rgba(220, 20, 60, 0.6); transform: scale(1.05); } 50% { background: rgba(147, 112, 219, 0.8); } 100% { background: rgba(147, 112, 219, 0.2); transform: scale(1); } } .death-counter-card-inline { background: rgba(25, 28, 32, 0.7); border: 2px solid rgba(147, 112, 219, 0.4); border-radius: 12px; overflow: hidden; } .kill-buttons-group { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.8rem; border-bottom: 2px solid rgba(147, 112, 219, 0.4); } .counter-stats-inline { padding: 0.8rem; } .counter-stat-inline { display: flex; justify-content: space-between; padding: 0.3rem 0; font-size: 0.85rem; } .counter-label { color: #888; } .counter-value { color: #f4d03f; font-weight: 700; } .counter-value.highlight { color: #00C853; font-size: 1.1rem; } .curse-bar { background: rgba(15, 18, 22, 0.8); border-radius: 8px; height: 30px; overflow: hidden; position: relative; margin-bottom: 0.3rem; } .curse-bar-fill { background: linear-gradient(90deg, #DC143C, #FF6347); height: 100%; transition: width 0.3s; } .curse-thresholds { display: flex; position: relative; font-size: 0.75rem; color: #888; height: 16px; margin-top: 4px; } .curse-thresholds span { position: absolute; transform: translateX(-50%); } .curse-thresholds span:nth-child(1) { left: 20%; } .curse-thresholds span:nth-child(2) { left: 40%; } .curse-thresholds span:nth-child(3) { left: 60%; } .curse-thresholds span:nth-child(4) { left: 80%; } .curse-thresholds span:nth-child(5) { left: 100%; transform: translateX(-100%); } .curse-marker { cursor: pointer; transition: all 0.3s; background: none; border: none; padding: 0.5rem; } .curse-skull { font-size: 2.5rem; opacity: 0.3; filter: grayscale(100%); transition: all 0.3s; } .curse-skull.available { opacity: 1; filter: grayscale(0%) drop-shadow(0 0 15px #DC143C); animation: pulseSkull 2s infinite; cursor: pointer; } @keyframes pulseSkull { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } .node-bar { background: rgba(15, 18, 22, 0.8); border-radius: 8px; height: 35px; overflow: hidden; position: relative; } .node-bar-fill { background: linear-gradient(90deg, #9370DB, #DDA0DD); height: 100%; transition: width 0.3s; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 0.9rem; } .comparison-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; } .player-comparison { background: rgba(25, 28, 32, 0.7); border: 2px solid rgba(244, 208, 63, 0.3); border-radius: 12px; padding: 1.5rem; text-align: center; } .player-comparison.winner { border-color: #f4d03f; background: rgba(244, 208, 63, 0.15); box-shadow: 0 0 25px rgba(244, 208, 63, 0.4); } .player-comparison h4 { color: #f4d03f; font-size: 1.1rem; margin-bottom: 0.8rem; } .unmana-total { font-size: 1.8rem; font-weight: 800; color: #f4d03f; margin: 0.5rem 0; } .penalty { color: #DC143C; font-size: 0.95rem; margin-top: 0.5rem; } .reward { color: #00C853; font-size: 0.95rem; margin-top: 0.5rem; } .expandable-section { margin-top: 1rem; border: 2px solid rgba(244, 208, 63, 0.3); border-radius: 12px; overflow: hidden; transition: all 0.3s ease; } .expandable-section:hover { box-shadow: 0 0 20px rgba(244, 208, 63, 0.3); } .expandable-header { background: rgba(25, 28, 32, 0.8); padding: 1rem 1.5rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.2s; } .expandable-header:hover { background: rgba(244, 208, 63, 0.1); } .expandable-header h3 { color: #f4d03f; font-size: 1.1rem; margin: 0; } .expand-icon { color: #f4d03f; font-size: 1.5rem; transition: transform 0.3s; } .expand-icon.expanded { transform: rotate(180deg); } .expandable-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: rgba(15, 18, 22, 0.6); } .expandable-content.expanded { max-height: 4000px; overflow-y: auto; } .effect-table { width: 100%; border-collapse: collapse; border-radius: 12px; overflow: hidden; } .effect-table.bonus-table { background: rgba(0, 200, 83, 0.08); border: 2px solid rgba(0, 200, 83, 0.3); } .effect-table.disruption-table { background: rgba(220, 20, 60, 0.08); border: 2px solid rgba(220, 20, 60, 0.3); } .effect-table thead { background: rgba(35, 38, 42, 0.95); } .effect-table th { color: #f4d03f; padding: 1rem 0.8rem; text-align: left; font-weight: 700; border-bottom: 2px solid rgba(244, 208, 63, 0.3); font-size: 0.9rem; vertical-align: middle; text-shadow: 0 0 4px rgba(244, 208, 63, 0.3); } .effect-table.bonus-table th { color: #00C853; text-shadow: 0 0 8px rgba(0, 200, 83, 0.4); border-bottom: 2px solid rgba(0, 200, 83, 0.4); } .effect-table.disruption-table th { color: #DC143C; text-shadow: 0 0 8px rgba(220, 20, 60, 0.4); border-bottom: 2px solid rgba(220, 20, 60, 0.4); } .effect-table td { padding: 0.875rem 1rem; border-bottom: 1px solid rgba(244, 208, 63, 0.15); color: #d4c9a8; font-size: 0.9rem; vertical-align: top; } .effect-table tbody tr { transition: background 0.2s ease; } .effect-table.bonus-table tbody tr:hover { background: rgba(0, 200, 83, 0.1); } .effect-table.disruption-table tbody tr:hover { background: rgba(220, 20, 60, 0.1); } .effect-table tbody tr:last-child td { border-bottom: none; } .effect-name { font-weight: 600; color: #f4d03f; line-height: 1.6; padding-right: 1rem; } .effect-value { text-align: center; font-family: 'Courier New', monospace; } .effect-value.positive { color: #00C853; text-shadow: 0 0 8px rgba(0, 200, 83, 0.4); } .effect-value.negative { color: #DC143C; text-shadow: 0 0 8px rgba(220, 20, 60, 0.4); } .winner-summary { background: rgba(244, 208, 63, 0.15); border: 2px solid rgba(244, 208, 63, 0.5); border-radius: 12px; padding: 1.5rem; margin-bottom: 1rem; box-shadow: 0 0 25px rgba(244, 208, 63, 0.4); } .winner-summary h3 { color: #f4d03f; font-size: 1.3rem; margin-bottom: 1rem; text-align: center; text-shadow: 0 0 12px rgba(244, 208, 63, 0.5); } .summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-top: 1rem; } .summary-item { background: rgba(25, 28, 32, 0.6); padding: 1rem; border-radius: 8px; border: 1px solid rgba(244, 208, 63, 0.3); } .summary-label { color: #888; font-size: 0.85rem; margin-bottom: 0.3rem; } .summary-value { color: #f4d03f; font-size: 1.2rem; font-weight: 700; } .loser-section { margin-top: 2rem; } .loser-section h4 { color: #f4d03f; font-size: 1.1rem; margin-bottom: 1rem; text-align: center; } .loser-section p { color: #888; font-size: 0.85rem; margin-bottom: 1rem; text-align: center; } /*CodeNumber 24.2 */ /* Curse Bonuses Table - Post 1694 Specific Styling */ .postid-1694 .curse-bonuses-table table th:not(:first-child), .postid-1694 .curse-bonuses-table table td:not(:first-child) { white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; text-align: center; vertical-align: middle; } .postid-1694 .curse-bonuses-table table thead th:first-child { text-align: center !important; } .postid-1694 .curse-bonuses-table table thead th { text-align: center !important; vertical-align: middle; } /*CodeNumber 24.3 */ /* Unmana Simulator - Effect Tables (Bonuses and Disruptions) */ .unmana-calculator .effect-table { width: 100%; border-collapse: collapse; background: rgba(25, 28, 32, 0.85); border: 2px solid rgba(244, 208, 63, 0.4); border-radius: 12px; overflow: hidden; margin: 1rem 0; } .unmana-calculator .effect-table thead { background: rgba(35, 38, 42, 0.95); } .unmana-calculator .effect-table th { padding: 1rem; font-weight: 700; text-align: left; } .unmana-calculator .effect-table td { padding: 0.875rem 1rem; border-bottom: 1px solid rgba(244, 208, 63, 0.2); } .unmana-calculator .effect-table tbody tr:hover { background: rgba(244, 208, 63, 0.05) !important; } .unmana-calculator .effect-table .effect-name { color: #d4c9a8 !important; } .unmana-calculator .effect-table .effect-value { text-align: center; font-weight: 700; font-size: 1.1rem; } .unmana-calculator .effect-table .effect-value.positive { color: #00C853 !important; text-shadow: 0 0 10px rgba(0, 200, 83, 0.6); } .unmana-calculator .effect-table .effect-value.negative { color: #DC143C !important; text-shadow: 0 0 10px rgba(220, 20, 60, 0.6); } /* Loser sections styling */ .unmana-calculator .loser-section { margin-bottom: 2rem; } .unmana-calculator .loser-section h4 { color: #FFD700 !important; font-size: 1.3rem; margin-bottom: 0.5rem; text-shadow: 0 0 15px rgba(255, 215, 0, 0.6); } .unmana-calculator .loser-section p { color: #d4c9a8; margin-bottom: 1rem; } /*CodeNumber 24.4 */ /* Unmana Simulator - Effect Value Colors (Override with high specificity) */ body.category-wfto .unmana-calculator .effect-value.positive, body.single.category-wfto .unmana-calculator .effect-value.positive, body.post-template.post-template-wp-custom-template-wfto-post .unmana-calculator .effect-value.positive { color: #00C853 !important; text-shadow: 0 0 10px rgba(0, 200, 83, 0.6) !important; font-weight: 700 !important; } body.category-wfto .unmana-calculator .effect-value.negative, body.single.category-wfto .unmana-calculator .effect-value.negative, body.post-template.post-template-wp-custom-template-wfto-post .unmana-calculator .effect-value.negative { color: #DC143C !important; text-shadow: 0 0 10px rgba(220, 20, 60, 0.6) !important; font-weight: 700 !important; } /*CodeNumber 24.5 */ /* Unmana Simulator - NUCLEAR OPTION - Force colors with maximum specificity */ body.postid-1694.category-wfto .unmana-calculator table.effect-table td.effect-value.positive, body.postid-1694.single.category-wfto .unmana-calculator table.effect-table td.effect-value.positive, body.postid-1694 .unmana-calculator table.effect-table td.effect-value.positive { color: #00C853 !important; text-shadow: 0 0 10px rgba(0, 200, 83, 0.6) !important; font-weight: 900 !important; font-size: 1.2rem !important; } body.postid-1694.category-wfto .unmana-calculator table.effect-table td.effect-value.negative, body.postid-1694.single.category-wfto .unmana-calculator table.effect-table td.effect-value.negative, body.postid-1694 .unmana-calculator table.effect-table td.effect-value.negative { color: #DC143C !important; text-shadow: 0 0 10px rgba(220, 20, 60, 0.6) !important; font-weight: 900 !important; font-size: 1.2rem !important; } /*CodeNumber 24.6 */ /* Unmana Simulator - Preview Mode Compatible - Maximum Specificity */ .unmana-calculator table.effect-table tbody td.effect-value.positive, body .unmana-calculator table.effect-table tbody td.effect-value.positive, body.category-wfto .unmana-calculator table.effect-table tbody td.effect-value.positive { color: #00C853 !important; text-shadow: 0 0 10px rgba(0, 200, 83, 0.6) !important; font-weight: 900 !important; } .unmana-calculator table.effect-table tbody td.effect-value.negative, body .unmana-calculator table.effect-table tbody td.effect-value.negative, body.category-wfto .unmana-calculator table.effect-table tbody td.effect-value.negative { color: #DC143C !important; text-shadow: 0 0 10px rgba(220, 20, 60, 0.6) !important; font-weight: 900 !important; } /*CodeNumber 24.7 */ /* Unmana Simulator - BULLETPROOF Override - Post Style-Tag Fix */ body.category-wfto .unmana-calculator table.effect-table td.effect-value.positive, body.single.category-wfto .unmana-calculator table.effect-table td.effect-value.positive, body .unmana-calculator table.effect-table td.effect-value.positive { color: #00C853 !important; text-shadow: 0 0 10px rgba(0, 200, 83, 0.6) !important; font-weight: 900 !important; } body.category-wfto .unmana-calculator table.effect-table td.effect-value.negative, body.single.category-wfto .unmana-calculator table.effect-table td.effect-value.negative, body .unmana-calculator table.effect-table td.effect-value.negative { color: #DC143C !important; text-shadow: 0 0 10px rgba(220, 20, 60, 0.6) !important; font-weight: 900 !important; }