/* Anime Nexus RNG Wiki - rarity and element colors from the game */
.r-Common { --gb: linear-gradient(0deg, #949494 0%, #ffffff 100%); --gt: linear-gradient(0deg, #424242 0%, #b4b4b4 16.1%, #ffffff 100%); }
.r-Rare { --gb: linear-gradient(0deg, #0059ff 0%, #15adff 100%); --gt: linear-gradient(0deg, #0059ff 0%, #15adff 100%); }
.r-Elite { --gb: linear-gradient(90deg, #00a05a 0%, #3ceb96 50%, #00a05a 100%); --gt: linear-gradient(90deg, #00be6e 0%, #96ffc8 100%); }
.r-Epic { --gb: linear-gradient(0deg, #5500ff 0%, #5d01fd 42.9%, #8e06ee 100%); --gt: linear-gradient(0deg, #5500ff 0%, #5d01fd 42.9%, #8e06ee 100%); }
.r-Heroic { --gb: linear-gradient(90deg, #0096aa 0%, #6efff0 50%, #0096aa 100%); --gt: linear-gradient(90deg, #1ed7dc 0%, #befffa 100%); }
.r-Legendary { --gb: linear-gradient(90deg, #ffaa00 0%, #fff23a 100%); --gt: linear-gradient(0deg, #ffaa00 0%, #fff23a 100%); }
.r-Ancient { --gb: linear-gradient(90deg, #784614 0%, #ebbe6e 50%, #784614 100%); --gt: linear-gradient(90deg, #be8232 0%, #ffe6a0 100%); }
.r-Mythic { --gb: linear-gradient(0deg, #ff33d2 0%, #ff3388 10%, #ff333f 20%, #ff7133 30%, #ffba33 40%, #faff33 50%, #b1ff33 60%, #68ff33 70%, #33ff48 80%, #33ff91 90%, #33ffdb 100%); --gt: linear-gradient(180deg, #ffaa00 0%, #ffff7f 22.5%, #ff55ff 48.8%, #74f4ff 73%, #ff55ff 100%); }
.r-Arcane { --gb: linear-gradient(90deg, #3c0096 0%, #00e1ff 50%, #3c0096 100%); --gt: linear-gradient(90deg, #8250ff 0%, #78ffff 100%); }
.r-Secret { --gb: linear-gradient(90deg, #ff0000 0%, #5a1313 50%, #ff0000 100%); --gt: linear-gradient(0deg, #ff0000 0%, #5a1313 50%, #ff0000 100%); }
.r-Forbidden { --gb: linear-gradient(90deg, #780028 0%, #ff2d78 50%, #6e28dc 100%); --gt: linear-gradient(90deg, #ff4678 0%, #b982ff 100%); }
.r-Exclusive { --gb: linear-gradient(90deg, #ffaa00 0%, #ffff7f 22.5%, #ff55ff 48.8%, #74f4ff 73%, #ff55ff 100%); --gt: linear-gradient(90deg, #ffaa00 0%, #ffff7f 22.5%, #ff55ff 48.8%, #74f4ff 73%, #ff55ff 100%); }
.r-Paradox { --gb: linear-gradient(90deg, #3caaff 0%, #96dcff 50%, #3cbeff 100%); --gt: linear-gradient(0deg, #78d2ff 0%, #dcf5ff 100%); }
.r-Divine { --gb: linear-gradient(180deg, #ffff00 0%, #ffffff 50%, #ffff00 100%); --gt: linear-gradient(180deg, #ffff00 0%, #ffffff 50%, #ffff00 100%); }
.r-Limited { --gb: linear-gradient(90deg, #6e0000 0%, #ff1900 25%, #ffe100 50%, #ff1900 75%, #6e0000 100%); --gt: linear-gradient(0deg, #e10000 0%, #ff5f00 40%, #ffcd00 75%, #fffa96 100%); }
.r-Eternal { --gb: linear-gradient(90deg, #ffc85a 0%, #ffffff 50%, #6ed7ff 100%); --gt: linear-gradient(90deg, #ffdc82 0%, #c8f0ff 100%); }
.r-Ascendant { --gb: linear-gradient(90deg, #000000 0%, #3e1a8c 22%, #965fff 50%, #3e1a8c 78%, #000000 100%); --gt: linear-gradient(0deg, #28145f 0%, #6e3cdc 35%, #a578ff 65%, #d7c3ff 100%); }
.r-Nexus { --gb: linear-gradient(90deg, #460096 0%, #aa46ff 33%, #00e1ff 66%, #ff46d2 100%); --gt: linear-gradient(0deg, #ffffff 0%, #8ce1ff 45%, #cd78ff 100%); }
.r-Bundle { --gb: linear-gradient(135deg, #00e0ff 0%, #5c56ff 30%, #d640ff 55%, #ff5ca0 78%, #ffce54 100%); --gt: linear-gradient(0deg, #ffec96 0%, #ffa0e6 50%, #8cdcff 100%); }
.u-Aizen_TYBW.u-Aizen_TYBW { --gb: linear-gradient(90deg, #55555f 0%, #aaaab6 30%, #ffffff 50%, #aaaab6 70%, #55555f 100%); --gt: linear-gradient(90deg, #55555f 0%, #aaaab6 30%, #ffffff 50%, #aaaab6 70%, #55555f 100%); }
.u-Aizen_TYBW.u-Aizen_TYBW { --bg: linear-gradient(var(--deg, 90deg), #55555f 0%, #aaaab6 30%, #ffffff 50%, #aaaab6 70%, #55555f 100%); }
.u-Aizen_TYBW_EVO.u-Aizen_TYBW_EVO { --gb: linear-gradient(90deg, #6e286e 0%, #f582f5 30%, #ffffff 50%, #f582f5 70%, #6e286e 100%); --gt: linear-gradient(90deg, #6e286e 0%, #f582f5 30%, #ffffff 50%, #f582f5 70%, #6e286e 100%); }
.u-Aizen_TYBW_EVO.u-Aizen_TYBW_EVO { --bg: linear-gradient(var(--deg, 90deg), #6e286e 0%, #f582f5 30%, #ffffff 50%, #f582f5 70%, #6e286e 100%); }
.u-Aizen_TYBW_Awakened.u-Aizen_TYBW_Awakened { --gb: linear-gradient(90deg, #5a1eaa 0%, #a55fff 30%, #ffffff 50%, #a55fff 70%, #5a1eaa 100%); --gt: linear-gradient(90deg, #5a1eaa 0%, #a55fff 30%, #ffffff 50%, #a55fff 70%, #5a1eaa 100%); }
.u-Aizen_TYBW_Awakened.u-Aizen_TYBW_Awakened { --bg: linear-gradient(var(--deg, 90deg), #5a1eaa 0%, #a55fff 30%, #ffffff 50%, #a55fff 70%, #5a1eaa 100%); }
.u-Madara.u-Madara { --gb: linear-gradient(90deg, #ff3c3c 0%, #cd141e 50%, #69000a 100%); --gt: linear-gradient(90deg, #ff5f55 0%, #eb1923 50%, #8c000c 100%); }
.u-Madara.u-Madara { --bg: linear-gradient(var(--deg, 90deg), #ff3c3c 0%, #cd141e 50%, #69000a 100%); }
.u-Madara_EVO.u-Madara_EVO { --gb: linear-gradient(90deg, #ffffff 0%, #e8e8f0 50%, #b9b9c8 100%); --gt: linear-gradient(90deg, #ffffff 0%, #d7d7e4 100%); }
.u-Madara_EVO.u-Madara_EVO { --bg: linear-gradient(var(--deg, 90deg), #ffffff 0%, #e8e8f0 50%, #b9b9c8 100%); }
.u-Valentine.u-Valentine { --gb: linear-gradient(90deg, #ff78c8 0%, #8cd2ff 50%, #ff78c8 100%); --gt: linear-gradient(90deg, #ff78c8 0%, #8cd2ff 50%, #ff78c8 100%); }
.u-Valentine.u-Valentine { --bg: linear-gradient(var(--deg, 90deg), #ff78c8 0%, #8cd2ff 50%, #ff78c8 100%); }
.u-Kurumi.u-Kurumi { --gb: linear-gradient(90deg, #28060c 0%, #961022 50%, #28060c 100%); --gt: linear-gradient(0deg, #ff6e78 0%, #c82438 100%); }
.u-Kurumi.u-Kurumi { --bg: linear-gradient(var(--deg, 90deg), #28060c 0%, #961022 50%, #28060c 100%); }
.u-Kurumi_Normal.u-Kurumi_Normal { --gb: linear-gradient(90deg, #1a0408 0%, #ba0e26 28%, #ffce60 50%, #96081c 72%, #1a0408 100%); --gt: linear-gradient(0deg, #ff5a6e 0%, #ffd66e 50%, #dc1e32 100%); }
.u-Kurumi_Normal.u-Kurumi_Normal { --bg: linear-gradient(var(--deg, 90deg), #1a0408 0%, #ba0e26 28%, #ffce60 50%, #96081c 72%, #1a0408 100%); }
.u-Kurumi_Nightmare.u-Kurumi_Nightmare { --gb: linear-gradient(90deg, #1a0408 0%, #ba0e26 28%, #ffce60 50%, #96081c 72%, #1a0408 100%); --gt: linear-gradient(0deg, #ff5064 0%, #ffd66e 50%, #dc1e32 100%); }
.u-Kurumi_Nightmare.u-Kurumi_Nightmare { --bg: linear-gradient(var(--deg, 90deg), #1a0408 0%, #ba0e26 28%, #ffce60 50%, #96081c 72%, #1a0408 100%); }
.u-Kurumi_WhiteQueen.u-Kurumi_WhiteQueen { --gb: linear-gradient(90deg, #fafaff 0%, #d6b050 30%, #ffffff 55%, #bec4d6 80%, #fafaff 100%); --gt: linear-gradient(0deg, #ffffff 0%, #e8c46e 50%, #ffffff 100%); }
.u-Kurumi_WhiteQueen.u-Kurumi_WhiteQueen { --bg: linear-gradient(var(--deg, 90deg), #fafaff 0%, #d6b050 30%, #ffffff 55%, #bec4d6 80%, #fafaff 100%); }
.u-Ichigo_TB.u-Ichigo_TB { --gb: linear-gradient(90deg, #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); --gt: linear-gradient(90deg, #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); }
.u-Ichigo_TB.u-Ichigo_TB { --bg: linear-gradient(var(--deg, 90deg), #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); }
.u-Ichigo_FB.u-Ichigo_FB { --gb: linear-gradient(90deg, #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); --gt: linear-gradient(90deg, #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); }
.u-Ichigo_FB.u-Ichigo_FB { --bg: linear-gradient(var(--deg, 90deg), #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); }
.u-Ichigo_SK.u-Ichigo_SK { --gb: linear-gradient(90deg, #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); --gt: linear-gradient(90deg, #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); }
.u-Ichigo_SK.u-Ichigo_SK { --bg: linear-gradient(var(--deg, 90deg), #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); }
.u-Ichigo_BK.u-Ichigo_BK { --gb: linear-gradient(90deg, #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); --gt: linear-gradient(90deg, #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); }
.u-Ichigo_BK.u-Ichigo_BK { --bg: linear-gradient(var(--deg, 90deg), #e15500 0%, #ffa028 30%, #ffffff 50%, #ffa028 70%, #e15500 100%); }
.u-IchigoUlquiorra_EVO.u-IchigoUlquiorra_EVO { --gb: linear-gradient(90deg, #ffc45a 0%, #ff8c14 30%, #ff6400 46%, #3cdc6e 54%, #14a050 75%, #005a32 100%); --gt: linear-gradient(90deg, #ffc45a 0%, #ff8c14 30%, #ff6400 46%, #3cdc6e 54%, #14a050 75%, #005a32 100%); }
.u-IchigoUlquiorra_EVO.u-IchigoUlquiorra_EVO { --bg: linear-gradient(var(--deg, 90deg), #ffc45a 0%, #ff8c14 30%, #ff6400 46%, #3cdc6e 54%, #14a050 75%, #005a32 100%); }
.u-SubaruIF.u-SubaruIF { --gb: linear-gradient(90deg, #696970 0%, #c8c8ce 50%, #696970 100%); --gt: linear-gradient(90deg, #96969e 0%, #e8e8ec 50%, #96969e 100%); }
.u-SubaruIF.u-SubaruIF { --bg: linear-gradient(var(--deg, 90deg), #696970 0%, #c8c8ce 50%, #696970 100%); }
.u-SubaruIF_EVO.u-SubaruIF_EVO { --gb: linear-gradient(90deg, #50d76e 0%, #d7ffde 50%, #50d76e 100%); --gt: linear-gradient(90deg, #78eb91 0%, #ebffee 50%, #78eb91 100%); }
.u-SubaruIF_EVO.u-SubaruIF_EVO { --bg: linear-gradient(var(--deg, 90deg), #50d76e 0%, #d7ffde 50%, #50d76e 100%); }
.u-SubaruIF_EVO_Pride.u-SubaruIF_EVO_Pride { --gb: linear-gradient(90deg, #195fd2 0%, #afdcff 50%, #195fd2 100%); --gt: linear-gradient(90deg, #5387dd 0%, #c7e7ff 50%, #5387dd 100%); }
.u-SubaruIF_EVO_Pride.u-SubaruIF_EVO_Pride { --bg: linear-gradient(var(--deg, 90deg), #195fd2 0%, #afdcff 50%, #195fd2 100%); }
.u-SubaruIF_EVO_Sloth.u-SubaruIF_EVO_Sloth { --gb: linear-gradient(90deg, #7d289b 0%, #e6b4ff 50%, #7d289b 100%); --gt: linear-gradient(90deg, #9d5eb4 0%, #eecbff 50%, #9d5eb4 100%); }
.u-SubaruIF_EVO_Sloth.u-SubaruIF_EVO_Sloth { --bg: linear-gradient(var(--deg, 90deg), #7d289b 0%, #e6b4ff 50%, #7d289b 100%); }
.u-SubaruIF_EVO_Wrath.u-SubaruIF_EVO_Wrath { --gb: linear-gradient(90deg, #be1423 0%, #ff9696 50%, #be1423 100%); --gt: linear-gradient(90deg, #ce4f5a 0%, #ffb6b6 50%, #ce4f5a 100%); }
.u-SubaruIF_EVO_Wrath.u-SubaruIF_EVO_Wrath { --bg: linear-gradient(var(--deg, 90deg), #be1423 0%, #ff9696 50%, #be1423 100%); }
.u-SubaruIF_EVO_Lust.u-SubaruIF_EVO_Lust { --gb: linear-gradient(90deg, #dc3c96 0%, #ffc3e8 50%, #dc3c96 100%); --gt: linear-gradient(90deg, #e56db0 0%, #ffd5ef 50%, #e56db0 100%); }
.u-SubaruIF_EVO_Lust.u-SubaruIF_EVO_Lust { --bg: linear-gradient(var(--deg, 90deg), #dc3c96 0%, #ffc3e8 50%, #dc3c96 100%); }
.u-SubaruIF_EVO_Arc6.u-SubaruIF_EVO_Arc6 { --gb: linear-gradient(90deg, #1496a0 0%, #affaf5 50%, #1496a0 100%); --gt: linear-gradient(90deg, #4fb0b8 0%, #c7fcf8 50%, #4fb0b8 100%); }
.u-SubaruIF_EVO_Arc6.u-SubaruIF_EVO_Arc6 { --bg: linear-gradient(var(--deg, 90deg), #1496a0 0%, #affaf5 50%, #1496a0 100%); }
.u-SubaruIF_EVO_Gluttony.u-SubaruIF_EVO_Gluttony { --gb: linear-gradient(90deg, #1c1c2d 0%, #7da5eb 50%, #1c1c2d 100%); --gt: linear-gradient(90deg, #555562 0%, #a4c0f1 50%, #555562 100%); }
.u-SubaruIF_EVO_Gluttony.u-SubaruIF_EVO_Gluttony { --bg: linear-gradient(var(--deg, 90deg), #1c1c2d 0%, #7da5eb 50%, #1c1c2d 100%); }
.u-SubaruIF_EVO_Greed.u-SubaruIF_EVO_Greed { --gb: linear-gradient(90deg, #282016 0%, #f0cd5f 50%, #282016 100%); --gt: linear-gradient(90deg, #5e5850 0%, #f5dc8f 50%, #5e5850 100%); }
.u-SubaruIF_EVO_Greed.u-SubaruIF_EVO_Greed { --bg: linear-gradient(var(--deg, 90deg), #282016 0%, #f0cd5f 50%, #282016 100%); }
.u-SubaruIF_EVO_Envy.u-SubaruIF_EVO_Envy { --gb: linear-gradient(90deg, #2d3caa 0%, #b9c8ff 50%, #2d3caa 100%); --gt: linear-gradient(90deg, #626dbf 0%, #ced9ff 50%, #626dbf 100%); }
.u-SubaruIF_EVO_Envy.u-SubaruIF_EVO_Envy { --bg: linear-gradient(var(--deg, 90deg), #2d3caa 0%, #b9c8ff 50%, #2d3caa 100%); }
.u-SubaruIF_EVO_Natsumi.u-SubaruIF_EVO_Natsumi { --gb: linear-gradient(90deg, #4b55af 0%, #d4caff 50%, #4b55af 100%); --gt: linear-gradient(90deg, #7880c3 0%, #e1daff 50%, #7880c3 100%); }
.u-SubaruIF_EVO_Natsumi.u-SubaruIF_EVO_Natsumi { --bg: linear-gradient(var(--deg, 90deg), #4b55af 0%, #d4caff 50%, #4b55af 100%); }
.u-AstaDevilUnion.u-AstaDevilUnion { --gb: linear-gradient(90deg, #d20000 0%, #5a0000 30%, #000000 50%, #5a0000 70%, #d20000 100%); --gt: linear-gradient(90deg, #ff2d2d 0%, #190000 50%, #ff2d2d 100%); }
.u-AstaDevilUnion.u-AstaDevilUnion { --bg: linear-gradient(var(--deg, 90deg), #d20000 0%, #5a0000 30%, #000000 50%, #5a0000 70%, #d20000 100%); }
.u-Frieren.u-Frieren { --gb: linear-gradient(90deg, #ffffff 0%, #ffffff 100%); --gt: linear-gradient(0deg, #ffffff 0%, #ffffff 100%); }
.u-Frieren.u-Frieren { --bg: linear-gradient(var(--deg, 90deg), #ffffff 0%, #ffffff 100%); }
.u-Kokushibo.u-Kokushibo { --gb: linear-gradient(90deg, #541e8c 0%, #b2224a 50%, #541e8c 100%); --gt: linear-gradient(90deg, #c48cff 0%, #ff6e8c 50%, #c48cff 100%); }
.u-Kokushibo.u-Kokushibo { --bg: linear-gradient(var(--deg, 90deg), #541e8c 0%, #b2224a 50%, #541e8c 100%); }
.u-Kokushibo_EVO.u-Kokushibo_EVO { --gb: linear-gradient(90deg, #240636 0%, #c41228 40%, #f8c850 75%, #240636 100%); --gt: linear-gradient(90deg, #ff6060 0%, #ffd26e 50%, #ff6060 100%); }
.u-Kokushibo_EVO.u-Kokushibo_EVO { --bg: linear-gradient(var(--deg, 90deg), #240636 0%, #c41228 40%, #f8c850 75%, #240636 100%); }
.u-Kokushibo_Moon.u-Kokushibo_Moon { --gb: linear-gradient(90deg, #461884 0%, #aa2860 45%, #ecbe54 80%, #461884 100%); --gt: linear-gradient(90deg, #d6aaff 0%, #ff8ca0 50%, #ffe28c 80%, #d6aaff 100%); }
.u-Kokushibo_Moon.u-Kokushibo_Moon { --bg: linear-gradient(var(--deg, 90deg), #461884 0%, #aa2860 45%, #ecbe54 80%, #461884 100%); }
.u-ErenTitan.u-ErenTitan { --gb: linear-gradient(90deg, #58361a 0%, #c4925c 50%, #58361a 100%); --gt: linear-gradient(90deg, #58361a 0%, #c4925c 50%, #58361a 100%); }
.u-ErenTitan.u-ErenTitan { --bg: linear-gradient(var(--deg, 90deg), #58361a 0%, #c4925c 50%, #58361a 100%); }
.u-Geto_SJ.u-Geto_SJ { --gb: linear-gradient(90deg, #081238 0%, #1e46be 50%, #081238 100%); --gt: linear-gradient(90deg, #2d5ad7 0%, #7daaff 50%, #2d5ad7 100%); }
.u-Geto_SJ.u-Geto_SJ { --bg: linear-gradient(var(--deg, 90deg), #081238 0%, #1e46be 50%, #081238 100%); }
.u-GojoSukuna.u-GojoSukuna { --gb: linear-gradient(90deg, #46afff 0%, #7dd2ff 44%, #eb0a14 56%, #af000a 100%); --gt: linear-gradient(90deg, #78c8ff 0%, #a5e1ff 44%, #ff1e28 56%, #e1050f 100%); }
.u-GojoSukuna.u-GojoSukuna { --bg: linear-gradient(var(--deg, 90deg), #46afff 0%, #7dd2ff 44%, #eb0a14 56%, #af000a 100%); }
.u-GojoSukuna_Gojo.u-GojoSukuna_Gojo { --gb: linear-gradient(90deg, #46afff 0%, #8cd7ff 50%, #46afff 100%); --gt: linear-gradient(90deg, #78c8ff 0%, #aae4ff 50%, #78c8ff 100%); }
.u-GojoSukuna_Gojo.u-GojoSukuna_Gojo { --bg: linear-gradient(var(--deg, 90deg), #46afff 0%, #8cd7ff 50%, #46afff 100%); }
.u-GojoSukuna_Sukuna.u-GojoSukuna_Sukuna { --gb: linear-gradient(90deg, #a5000a 0%, #f00f19 50%, #a5000a 100%); --gt: linear-gradient(90deg, #dc050f 0%, #ff282d 50%, #dc050f 100%); }
.u-GojoSukuna_Sukuna.u-GojoSukuna_Sukuna { --bg: linear-gradient(var(--deg, 90deg), #a5000a 0%, #f00f19 50%, #a5000a 100%); }
.u-Gokuna.u-Gokuna { --gb: linear-gradient(90deg, #50a0ff 0%, #ff3c3c 100%); --gt: linear-gradient(90deg, #50a0ff 0%, #ff3c3c 100%); }
.u-Gokuna.u-Gokuna { --bg: linear-gradient(var(--deg, 90deg), #50a0ff 0%, #ff3c3c 100%); }
.u-Yhwach.u-Yhwach { --gb: linear-gradient(90deg, #ffffff 0%, #d7d7de 30%, #0f0f14 50%, #d7d7de 70%, #ffffff 100%); --gt: linear-gradient(90deg, #ffffff 0%, #d7d7de 30%, #0f0f14 50%, #d7d7de 70%, #ffffff 100%); }
.u-Yhwach.u-Yhwach { --bg: linear-gradient(var(--deg, 90deg), #ffffff 0%, #d7d7de 30%, #0f0f14 50%, #d7d7de 70%, #ffffff 100%); }
.u-Yhwach_EVO.u-Yhwach_EVO { --gb: linear-gradient(90deg, #0a0a0c 0%, #460005 30%, #eb1923 50%, #460005 70%, #0a0a0c 100%); --gt: linear-gradient(90deg, #0a0a0c 0%, #460005 30%, #eb1923 50%, #460005 70%, #0a0a0c 100%); }
.u-Yhwach_EVO.u-Yhwach_EVO { --bg: linear-gradient(var(--deg, 90deg), #0a0a0c 0%, #460005 30%, #eb1923 50%, #460005 70%, #0a0a0c 100%); }
.u-Johnny.u-Johnny { --gb: linear-gradient(90deg, #ffffff 0%, #484eaa 50%, #ffffff 100%); --gt: linear-gradient(90deg, #ffffff 0%, #484eaa 50%, #ffffff 100%); }
.u-Johnny.u-Johnny { --bg: linear-gradient(var(--deg, 90deg), #ffffff 0%, #484eaa 50%, #ffffff 100%); }
.u-Johnny_Act4.u-Johnny_Act4 { --gb: linear-gradient(90deg, #484eaa 0%, #ffffff 50%, #484eaa 100%); --gt: linear-gradient(90deg, #484eaa 0%, #ffffff 50%, #484eaa 100%); }
.u-Johnny_Act4.u-Johnny_Act4 { --bg: linear-gradient(var(--deg, 90deg), #484eaa 0%, #ffffff 50%, #484eaa 100%); }
.u-Ainx.u-Ainx { --gb: linear-gradient(90deg, #190523 0%, #822cbe 28%, #ffcd5a 50%, #822cbe 72%, #190523 100%); --gt: linear-gradient(90deg, #c482ff 0%, #ffe182 50%, #9646dc 100%); }
.u-Ainx.u-Ainx { --bg: linear-gradient(var(--deg, 90deg), #190523 0%, #822cbe 28%, #ffcd5a 50%, #822cbe 72%, #190523 100%); }
.u-Ainx_EVO.u-Ainx_EVO { --gb: linear-gradient(90deg, #5a0014 0%, #ce9628 28%, #fff0aa 50%, #ce9628 72%, #5a0014 100%); --gt: linear-gradient(90deg, #fff5c8 0%, #f0b43c 50%, #e6403c 100%); }
.u-Ainx_EVO.u-Ainx_EVO { --bg: linear-gradient(var(--deg, 90deg), #5a0014 0%, #ce9628 28%, #fff0aa 50%, #ce9628 72%, #5a0014 100%); }
.u-AllMight.u-AllMight { --gb: linear-gradient(90deg, #ffec5a 0%, #ffc814 30%, #ff9600 46%, #eb281e 54%, #be0a14 75%, #6e000a 100%); --gt: linear-gradient(90deg, #fff06e 0%, #ffbe14 45%, #ff4632 55%, #c8141e 100%); }
.u-AllMight.u-AllMight { --bg: linear-gradient(var(--deg, 90deg), #ffec5a 0%, #ffc814 30%, #ff9600 46%, #eb281e 54%, #be0a14 75%, #6e000a 100%); }
.u-AllMight_EVO.u-AllMight_EVO { --gb: linear-gradient(90deg, #ffec5a 0%, #ffc814 30%, #ff9600 46%, #eb281e 54%, #be0a14 75%, #6e000a 100%); --gt: linear-gradient(90deg, #fff06e 0%, #ffbe14 45%, #ff4632 55%, #c8141e 100%); }
.u-AllMight_EVO.u-AllMight_EVO { --bg: linear-gradient(var(--deg, 90deg), #ffec5a 0%, #ffc814 30%, #ff9600 46%, #eb281e 54%, #be0a14 75%, #6e000a 100%); }
.u-Yoruichi.u-Yoruichi { --gb: linear-gradient(90deg, #fff078 0%, #ffcd28 50%, #d69600 100%); --gt: linear-gradient(90deg, #fffaaa 0%, #ffe150 50%, #ebaf14 100%); }
.u-Yoruichi.u-Yoruichi { --bg: linear-gradient(var(--deg, 90deg), #fff078 0%, #ffcd28 50%, #d69600 100%); }
.u-Reinhard.u-Reinhard { --gb: linear-gradient(90deg, #dc1e2d 0%, #ffeeee 50%, #dc1e2d 100%); --gt: linear-gradient(90deg, #ff3c46 0%, #fff8f8 50%, #ff3c46 100%); }
.u-Reinhard.u-Reinhard { --bg: linear-gradient(var(--deg, 90deg), #dc1e2d 0%, #ffeeee 50%, #dc1e2d 100%); }
.u-Shaula.u-Shaula { --gb: linear-gradient(90deg, #e1734b 0%, #c14d27 50%, #78280f 100%); --gt: linear-gradient(90deg, #f08c5f 0%, #c14d27 50%, #963416 100%); }
.u-Shaula.u-Shaula { --bg: linear-gradient(var(--deg, 90deg), #e1734b 0%, #c14d27 50%, #78280f 100%); }
.u-Shaula_EVO.u-Shaula_EVO { --gb: linear-gradient(90deg, #f8e1ff 0%, #e3b3f9 50%, #aa73d7 100%); --gt: linear-gradient(90deg, #fcebff 0%, #e3b3f9 50%, #b982e6 100%); }
.u-Shaula_EVO.u-Shaula_EVO { --bg: linear-gradient(var(--deg, 90deg), #f8e1ff 0%, #e3b3f9 50%, #aa73d7 100%); }
.r-Common { --bg: linear-gradient(var(--deg, 0deg), #949494 0%, #ffffff 100%); --color: rgb(148 148 148 / var(--opacity, 1)); --raw-color: 148 148 148; }
.r-Rare { --bg: linear-gradient(var(--deg, 0deg), #0059ff 0%, #15adff 100%); --color: rgb(0 89 255 / var(--opacity, 1)); --raw-color: 0 89 255; }
.r-Elite { --bg: linear-gradient(var(--deg, 90deg), #00a05a 0%, #3ceb96 50%, #00a05a 100%); --color: rgb(0 160 90 / var(--opacity, 1)); --raw-color: 0 160 90; }
.r-Epic { --bg: linear-gradient(var(--deg, 0deg), #5500ff 0%, #5d01fd 42.9%, #8e06ee 100%); --color: rgb(85 0 255 / var(--opacity, 1)); --raw-color: 85 0 255; }
.r-Heroic { --bg: linear-gradient(var(--deg, 90deg), #0096aa 0%, #6efff0 50%, #0096aa 100%); --color: rgb(0 150 170 / var(--opacity, 1)); --raw-color: 0 150 170; }
.r-Legendary { --bg: linear-gradient(var(--deg, 90deg), #ffaa00 0%, #fff23a 100%); --color: rgb(255 170 0 / var(--opacity, 1)); --raw-color: 255 170 0; }
.r-Ancient { --bg: linear-gradient(var(--deg, 90deg), #784614 0%, #ebbe6e 50%, #784614 100%); --color: rgb(120 70 20 / var(--opacity, 1)); --raw-color: 120 70 20; }
.r-Mythic { --bg: linear-gradient(var(--deg, 0deg), #ff33d2 0%, #ff3388 10%, #ff333f 20%, #ff7133 30%, #ffba33 40%, #faff33 50%, #b1ff33 60%, #68ff33 70%, #33ff48 80%, #33ff91 90%, #33ffdb 100%); --color: rgb(255 51 210 / var(--opacity, 1)); --raw-color: 255 51 210; }
.r-Arcane { --bg: linear-gradient(var(--deg, 90deg), #3c0096 0%, #00e1ff 50%, #3c0096 100%); --color: rgb(60 0 150 / var(--opacity, 1)); --raw-color: 60 0 150; }
.r-Secret { --bg: linear-gradient(var(--deg, 90deg), #ff0000 0%, #5a1313 50%, #ff0000 100%); --color: rgb(255 0 0 / var(--opacity, 1)); --raw-color: 255 0 0; }
.r-Forbidden { --bg: linear-gradient(var(--deg, 90deg), #780028 0%, #ff2d78 50%, #6e28dc 100%); --color: rgb(255 45 120 / var(--opacity, 1)); --raw-color: 255 45 120; }
.r-Exclusive { --bg: linear-gradient(var(--deg, 90deg), #ffaa00 0%, #ffff7f 22.5%, #ff55ff 48.8%, #74f4ff 73%, #ff55ff 100%); --color: rgb(255 170 0 / var(--opacity, 1)); --raw-color: 255 170 0; }
.r-Paradox { --bg: linear-gradient(var(--deg, 90deg), #3caaff 0%, #96dcff 50%, #3cbeff 100%); --color: rgb(60 170 255 / var(--opacity, 1)); --raw-color: 60 170 255; }
.r-Divine { --bg: linear-gradient(var(--deg, 180deg), #ffff00 0%, #ffffff 50%, #ffff00 100%); --color: rgb(255 255 0 / var(--opacity, 1)); --raw-color: 255 255 0; }
.r-Limited { --bg: linear-gradient(var(--deg, 90deg), #6e0000 0%, #ff1900 25%, #ffe100 50%, #ff1900 75%, #6e0000 100%); --color: rgb(255 225 0 / var(--opacity, 1)); --raw-color: 255 225 0; }
.r-Eternal { --bg: linear-gradient(var(--deg, 90deg), #ffc85a 0%, #ffffff 50%, #6ed7ff 100%); --color: rgb(255 200 90 / var(--opacity, 1)); --raw-color: 255 200 90; }
.r-Ascendant { --bg: linear-gradient(var(--deg, 90deg), #000000 0%, #3e1a8c 22%, #965fff 50%, #3e1a8c 78%, #000000 100%); --color: rgb(150 95 255 / var(--opacity, 1)); --raw-color: 150 95 255; }
.r-Nexus { --bg: linear-gradient(var(--deg, 90deg), #460096 0%, #aa46ff 33%, #00e1ff 66%, #ff46d2 100%); --color: rgb(70 0 150 / var(--opacity, 1)); --raw-color: 70 0 150; }
.nx-el-Physical { --bg: linear-gradient(var(--deg, 135deg), #eb2828, rgb(244 136 136), #eb2828); --color: #eb2828; --raw-color: 235 40 40; }
.nx-el-Earth { --bg: linear-gradient(var(--deg, 135deg), #b07c48, rgb(211 182 154), #b07c48); --color: #b07c48; --raw-color: 176 124 72; }
.nx-el-Light { --bg: linear-gradient(var(--deg, 135deg), #ffe24a, rgb(255 239 155), #ffe24a); --color: #ffe24a; --raw-color: 255 226 74; }
.nx-el-Dark { --bg: linear-gradient(var(--deg, 135deg), #a060ff, rgb(202 167 255), #a060ff); --color: #a060ff; --raw-color: 160 96 255; }
.nx-el-Fire { --bg: linear-gradient(var(--deg, 135deg), #ff6e28, rgb(255 175 136), #ff6e28); --color: #ff6e28; --raw-color: 255 110 40; }
.nx-el-Lightning { --bg: linear-gradient(var(--deg, 135deg), #ffd21a, rgb(255 230 129), #ffd21a); --color: #ffd21a; --raw-color: 255 210 26; }
.nx-el-Water { --bg: linear-gradient(var(--deg, 135deg), #3caaff, rgb(147 208 255), #3caaff); --color: #3caaff; --raw-color: 60 170 255; }
/* ---- Anime Nexus RNG Wiki : compléments au thème (classes nx-*) ---- */
.nx-hidden { display: none !important; }
.mw-collapsible.mw-collapsed { display: none; }
.rarity-collapsible { margin-top: 0.5%; width: 100%; text-align: center; cursor: pointer; user-select: none; position: relative; }
.rarity-collapsible:focus-visible { outline: 2px solid #fff; }
.nx-collapsible-label { font-size: 24px; background: linear-gradient(90deg, transparent, black, transparent); padding: 2px 80px; display: inline-flex; gap: 10px; align-items: center; }
.nx-collapsible-label .gradient-text { --deg: 135deg; }
.nx-count { font-size: 13px; font-weight: 700; color: #d9d9d9; background: rgb(255 255 255 / 10%); border: 1px solid rgb(255 255 255 / 18%); border-radius: 99px; padding: 1px 9px; line-height: 1.5; }
.rarity-collapsible::after { content: ""; position: absolute; right: 18px; top: 50%; width: 9px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-70%) rotate(45deg); transition: transform .2s; opacity: .7; }
.rarity-collapsible.is-open::after { transform: translateY(-30%) rotate(-135deg); }
.nx-ebox-grid { display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; }
.mw-collapsible > .nx-ebox-grid { padding: 6px 0 12px; }
.ebox_item.nx-small { --ebox-size: 74px; }
.ebox_item a, .ebox_item img { display: block; }
.ebox_item_img_container img { width: 100%; height: auto; }
.ebox-evolved-icon { position: absolute; top: -4px; right: -4px; z-index: 3; width: 26px; filter: drop-shadow(0 0 3px #000); }
.ebox-evolved-icon img { width: 26px; height: 26px; }
.nx-item-wrap { display: inline-flex; flex-direction: column; align-items: center; }
.nx-toolbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.nx-filter { background: rgb(0 0 0 / 55%); border: 1px solid rgb(255 255 255 / 20%); border-radius: 8px; color: #fff; padding: 6px 10px; min-width: 220px; font: inherit; }
.nx-note { color: #a8a8a8; font-size: 13px; margin: 8px 4px 0; }
.nx-ph { opacity: .55; }

/* fiche d'unité */
.nx-form-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 6px; }
.nx-form-tab { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border-radius: 999px; cursor: pointer; font: 700 14px "Montserrat", sans-serif; color: #fff;
  border: 2px solid transparent; background: linear-gradient(180deg, rgb(0 0 0 / 88%), rgb(0 0 0 / 70%)) padding-box, var(--bg) border-box; opacity: .62; transition: opacity .15s, transform .15s; }
.nx-form-tab img { border-radius: 50%; object-fit: cover; background: rgb(255 255 255 / 8%); }
.nx-form-tab:hover { opacity: .9; transform: translateY(-1px); }
.nx-form-tab.is-active { opacity: 1; box-shadow: 0 0 12px rgb(var(--raw-color) / 45%); }
.unit-page-pose-img img { width: 100%; max-width: 320px; height: auto; display: block; margin: 0 auto; image-rendering: auto; }
.unit-page-pose-container { background: radial-gradient(circle at 50% 45%, rgb(var(--raw-color, 120 80 255) / 35%), transparent 65%); border-radius: 12px; }
.nx-pill { background: black; border-radius: 100px; padding: 4px 12px; display: flex; gap: 5px; border: 2px solid #292929; position: relative; overflow: hidden; z-index: 1; box-shadow: inset 0 0 10px 0 black; line-height: 1.1; align-items: center; }
.nx-stat-ico { font-size: 11px; font-weight: 900; letter-spacing: .5px; padding: 2px 5px; border-radius: 5px; background: var(--bg); color: #000; }
.nx-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.nx-row { background: rgb(12 12 12); justify-content: space-between; }
.nx-row-v { line-height: 1; color: rgb(192 192 192); }
.nx-scroll-row { flex-wrap: nowrap !important; overflow-x: auto; justify-content: start; gap: 16px; scrollbar-color: rgb(36 36 36) transparent; align-items: flex-start; }
.nx-obtain-line { font-weight: 600; font-size: 18px; }
.nx-evo-pair { display: flex; justify-content: center; align-items: center; gap: 8px; flex-grow: 2; }
.nx-arrow { width: 46px; height: 22px; background: linear-gradient(90deg, rgb(255 255 255 / 25%), rgb(255 255 255 / 85%)); clip-path: polygon(0 35%, 62% 35%, 62% 0, 100% 50%, 62% 100%, 62% 65%, 0 65%); }
.nx-evo-mats { flex-grow: 5; width: unset; flex-wrap: wrap; align-items: center; }
.nx-evo-req { font-weight: 700; color: #d0d0d0; padding: 0 8px; }
.unit-evo-container + .unit-evo-container { border-top: 1px solid rgb(255 255 255 / 8%); }

/* listes d'objets */
.ae-container.nx-flat .ae-container-content { display: flex; flex-direction: column; gap: 8px; }
.nx-item-row { align-items: flex-start !important; justify-content: flex-start !important; gap: 14px; flex-wrap: nowrap !important; scroll-margin-top: 80px; }
.nx-item-row:target { box-shadow: 0 0 0 2px #b46bff inset; border-radius: 10px; }
.nx-item-info { flex: 1; min-width: 0; }
.nx-item-name { font-weight: 800; font-size: 19px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.nx-item-rar { font-size: 15px; margin-bottom: 4px; }
.nx-item-desc { color: rgb(205 205 205); font-size: 15px; margin-bottom: 4px; }
.nx-item-src { margin: 4px 0 0 1.1em; color: #bdbdbd; font-size: 14px; }
.nx-recipe { margin-top: 6px; display: flex; flex-wrap: wrap; align-items: center; }
.nx-sub { font-weight: 800; color: #ddd; width: 100%; }
.nx-badge { font-size: 11px; font-weight: 800; letter-spacing: .5px; padding: 2px 8px; border-radius: 99px; background: rgb(255 255 255 / 12%); border: 1px solid rgb(255 255 255 / 20%); color: #eee; vertical-align: middle; }
.nx-col { flex-direction: column; align-items: stretch !important; }
.nx-col h3 { margin: 10px 0 4px; }
table.nx-table { width: 100%; border-collapse: separate; border-spacing: 0; background: rgb(0 0 0 / 55%); border-radius: 10px; overflow: hidden; }
table.nx-table th { background: rgb(0 0 0 / 70%); text-align: left; padding: 8px 10px; font-family: "Montserrat", sans-serif; }
table.nx-table td { padding: 8px 10px; border-top: 1px solid rgb(255 255 255 / 7%); vertical-align: middle; }
table.nx-table td.nx-num { white-space: nowrap; font-weight: 700; }
.nx-trait-cell { display: flex; align-items: center; gap: 6px; min-width: 190px; }
.ebox_item.nx-mini { --ebox-size: 48px; margin: 0; }
.nx-trait-name { font-size: 17px; }
.nx-mut { display: inline-flex; gap: 8px; align-items: center; font-weight: 800; color: var(--mc); text-shadow: 0 0 8px color-mix(in srgb, var(--mc) 50%, transparent); }
.nx-drops .nx-item-wrap { transform: scale(.82); margin: -6px; }
.nx-stage { align-items: flex-start !important; justify-content: flex-start !important; gap: 14px; }
.nx-stage-img { width: 240px; max-width: 34%; border-radius: 10px; object-fit: cover; aspect-ratio: 16 / 9; }
.nx-stage-body { flex: 1; min-width: 0; overflow-x: auto; }
.nx-rarity-row { margin: 14px 0; }
.nx-rarity-bar { display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; border-radius: 8px; border: 3px solid transparent;
  background-image: url(../img/ui/list_overlay.png), linear-gradient(180deg, rgb(0 0 0 / 92%), rgb(0 0 0 / 73%)), var(--bg); background-clip: padding-box, padding-box, border-box;
  background-blend-mode: overlay, normal, normal; background-size: cover, cover, 102%; }
.nx-rarity-name { font-size: 24px; }
.nx-el-block .ae-container-header { display: flex; align-items: center; gap: 8px; }
.nx-el-block .ae-container-header img, .element-item-icon img, .unit-page-icon img { filter: drop-shadow(0 0 3px var(--color, #fff)); }
.element-item-text a { color: var(--color, #fff) !important; font-weight: 700; }
.nx-shop-grid { display: flex; flex-wrap: wrap; gap: 12px; }
.nx-shop-card { background: rgb(0 0 0 / 60%); border: 1px solid rgb(255 255 255 / 12%); border-radius: 12px; padding: 8px 10px 10px; text-align: center; min-width: 120px; }
.nx-shop-price { font-weight: 900; color: #ffd84a; }
.nx-shop-stock { color: #aaa; font-size: 13px; }
.nx-event .ae-container-header, .nx-upd .ae-container-header { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.nx-event { border-left: 4px solid var(--ev1, #9b30ff); }
.nx-ev-unit { margin-top: 6px; font-weight: 700; }
.nx-frame-wrap { border-radius: 12px; overflow: hidden; border: 2px solid rgb(255 255 255 / 12%); background: #000; }
.nx-frame-wrap iframe { width: 100%; height: 1500px; border: 0; display: block; }
.nx-allpages { columns: 3 220px; }
.nx-kind { color: #888; font-size: 12px; }
.nx-footer-badge { font-weight: 700; padding: 0 12px; }

/* accueil */
.wh-unit-card { background: linear-gradient(180deg, transparent 35%, rgb(0 0 0 / 85%)), radial-gradient(circle at 50% 40%, rgb(var(--raw-color) / 55%), rgb(0 0 0 / 90%) 70%), #000; border-color: rgb(var(--raw-color) / 70%) !important; }
.wh-unit-card .wh-unit-text span:first-child { color: #000; background: var(--bg); padding: 0 6px; border-radius: 4px; width: fit-content; }
.nx-unit-pose { position: absolute; inset: 0 0 auto 0; z-index: 1 !important; display: flex; justify-content: center; pointer-events: none; }
.nx-unit-pose img { width: 190px; max-width: none; margin-top: 18px; filter: drop-shadow(0 6px 12px rgb(0 0 0 / 70%)) brightness(1.08); }
.wh-unit-card .wh-unit-text { position: relative; z-index: 3; }
.nx-evc { --raw-color: 155 48 255; background: linear-gradient(90deg, var(--ev1) 4px, transparent 4px), linear-gradient(90deg, color-mix(in srgb, var(--ev2) 85%, transparent), #000 75%) !important; }
.wh-trailer-img img { width: 100%; height: auto; display: block; border-radius: 10px; }
.wh-header-logo img { width: 100%; max-width: 560px; height: auto; display: block; margin: 0 auto; }
.wh-nav-icon img { object-fit: contain; }
.live-timer-inline.timer-static { color: #9a9a9a; }

/* recherche */
.nx-search-results { display: flex; flex-direction: column; max-height: 60vh; overflow-y: auto; }
.nx-search-results:empty { display: none; }
.nx-sr { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 8px; color: var(--color-base, #ddd) !important; text-decoration: none !important; }
.nx-sr:hover, .nx-sr.is-active { background: rgb(255 255 255 / 9%); }
.nx-sr img { width: 34px; height: 34px; object-fit: contain; border-radius: 6px; background: rgb(255 255 255 / 6%); }
.nx-sr b { display: block; color: #fff; }
.nx-sr small { color: #9a9a9a; }
.nx-sr-empty { padding: 10px; color: #9a9a9a; }

/* préférences */
.nx-prefs { padding: 6px 4px; min-width: 260px; }
.nx-pref-heading { font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #9a9a9a; margin: 8px 6px 4px; }
.nx-pref-row { padding: 6px; }
.nx-pref-label { font-weight: 600; margin-bottom: 5px; }
.nx-pref-choices { display: flex; flex-wrap: wrap; gap: 4px; }
.nx-pref-choices button { font: inherit; font-size: 13px; color: #ddd; background: rgb(255 255 255 / 6%); border: 1px solid rgb(255 255 255 / 12%); border-radius: 6px; padding: 3px 9px; cursor: pointer; }
.nx-pref-choices button.is-on { background: #6b3cff; border-color: #9b7bff; color: #fff; }

/* bulle « copié » */
.nx-toast { position: fixed; left: 50%; bottom: 84px; transform: translateX(-50%); background: #1d1d24; color: #fff; padding: 9px 16px; border-radius: 10px; border: 1px solid rgb(255 255 255 / 15%);
  z-index: 9999; font-weight: 600; box-shadow: 0 8px 24px rgb(0 0 0 / 50%); }

@media (max-width: 720px) {
  .nx-collapsible-label { padding: 2px 24px; font-size: 20px; }
  .nx-stage { flex-direction: column; }
  .nx-stage-img { max-width: 100%; width: 100%; }
  .nx-item-row { flex-direction: column; align-items: center !important; }
  .nx-trait-cell { min-width: 140px; }
}
.nx-evo-tasks { margin: 4px 0 0 1.1em; color: #cfcfcf; font-size: 14px; width: 100%; }
.nx-tags:empty { display: none; }
/* raretés à dégradé sombre : texte lisible */
.gradient-text.r-Ascendant, .unit-page-rarity.r-Ascendant, .nx-form-tab.r-Ascendant span { --bg: linear-gradient(var(--deg, 135deg), #8a4dff, #d2b8ff, #8a4dff); }
.gradient-text.r-Forbidden, .unit-page-rarity.r-Forbidden { --bg: linear-gradient(var(--deg, 135deg), #22c447, #a8ffb6, #22c447); }
.unit-page-pose-img img { width: min(100%, 300px) !important; height: auto !important; }

/* ======================================================================
   Anime Nexus RNG Wiki - identité du wiki (chargée en dernier)
   Cramoisi + violet du Nexus, orange Halloween clair, coins biseautés,
   grille hexagonale. Polices : Chakra Petch (titres), Exo 2 (texte).
   ====================================================================== */
:root {
  --nx-red: #ff2e4d;
  --nx-red-d: #b0001c;
  --nx-violet: #a855ff;
  --nx-violet-d: #5b1fb0;
  --nx-orange: #ffb35c;
  --nx-gold: #ffd68c;
  --nx-ink: #0a0407;
  --nx-panel: rgb(17 8 13 / 90%);
  --nx-panel-2: rgb(28 12 20 / 92%);
  --nx-line: rgb(255 46 77 / 32%);
  --nx-cut: 14px;
  --nx-display: 'Chakra Petch', 'Exo 2', sans-serif;
  --font-family-citizen-base: 'Exo 2', 'Roboto';
  --color-progressive-hsl__h: 350;
  --color-progressive-hsl__s: 100%;
  --color-progressive-hsl__l: 72%;
}
.skin-theme-clientpref-night { --color-progressive-hsl__l: 72%; }
body { background-color: var(--nx-ink); }
a { color: #ff8197; }
a:visited { color: #e889ff; }
a:hover { color: #ffc2cc; }

/* coins biseautés (haut gauche, bas droit) */
.nx-cut, .nxh-panel, .nxh-hero, .nxh-tile, .nxh-hot, .nxh-big, .nxh-ev, .nxh-btn, .nxh-searchbar, .nxh-chip, .nxh-code {
  clip-path: polygon(var(--nx-cut) 0, 100% 0, 100% calc(100% - var(--nx-cut)), calc(100% - var(--nx-cut)) 100%, 0 100%, 0 var(--nx-cut));
}

/* ---------------- en-tête ---------------- */
.citizen-header-position-top .citizen-header {
  background: radial-gradient(60% 140% at 50% 120%, rgb(255 46 77 / 22%), transparent 70%),
              linear-gradient(180deg, #16070d 0%, #0b0408 100%) !important;
  border-bottom: 0 !important;
  /* [menus1028] PAS d overflow: hidden ici : il coupait les menus ouverts (profil, préférences, burger mobile) */
}
.citizen-header-position-top .citizen-header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--nx-red) 25%, var(--nx-violet) 75%, transparent);
}
.citizen-header > * { position: relative; z-index: 1; }
.nx-embers { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0 !important; }
#wispy-beam-canvas { display: none; }
.citizen-header__logo .nx-wordmark { width: auto !important; height: 40px !important; filter: drop-shadow(0 0 8px rgb(255 46 77 / 45%)); }
.citizen-header__logo .mw-ui-icon-home { display: none; }
.citizen-header__logo .mw-logo { width: auto !important; padding-inline: 4px !important; }
.nx-searchbar {
  display: none; align-items: center; gap: 10px; width: min(560px, 44vw); height: 38px; padding: 0 12px 0 14px;
  --nx-cut: 9px; border: 0; cursor: text; color: #d9b8c0; font: 600 14px/1 var(--nx-display); letter-spacing: .02em;
  background: linear-gradient(90deg, rgb(255 46 77 / 16%), rgb(168 85 255 / 12%)), rgb(255 255 255 / 4%);
  box-shadow: inset 0 0 0 1px rgb(255 46 77 / 35%);
  transition: background .2s;
}
.nx-searchbar:hover { background: linear-gradient(90deg, rgb(255 46 77 / 26%), rgb(168 85 255 / 20%)), rgb(255 255 255 / 6%); }
.nx-searchbar .citizen-ui-icon { opacity: .85; }
.nx-searchbar-text { flex: 1; text-align: left; }
.nx-searchbar kbd { font: 700 11px/1 var(--nx-display); padding: 4px 7px; border-radius: 4px; background: rgb(255 255 255 / 8%); color: #f3c8d0; }
@media (min-width: 1120px) {
  .citizen-header-position-top .citizen-header { align-items: center; }
  .citizen-header-position-top .citizen-header .citizen-drawer { order: -2; }
  .citizen-header-position-top .citizen-header .citizen-header__logo { order: -1; }
  .citizen-header-position-top .citizen-header .citizen-search > details > summary { display: none; }
  .citizen-header-position-top .citizen-header .citizen-header__inner { flex: 1; }
  .citizen-header-position-top .citizen-header .citizen-header__start { display: flex; justify-content: center; flex: 1; }
  .nx-searchbar { display: inline-flex; }
}

/* menus déroulants */
.citizen-menu__card {
  background: linear-gradient(180deg, #1a0a11, #0e060a) !important;
  border: 1px solid var(--nx-line) !important;
}
.citizen-menu__heading { font-family: var(--nx-display); letter-spacing: .08em; color: var(--nx-orange) !important; }

/* ---------------- titres de page ---------------- */
.mw-page-title-main, .firstHeading { font-family: var(--nx-display) !important; font-weight: 700; letter-spacing: .01em; -webkit-text-stroke: 4px #12050a; }
.citizen-page-heading::after {
  background-image: linear-gradient(100deg, #ff6b81 0%, #ff2e4d 45%, #8f3cff 100%), url(../img/ui/page_banner.png) !important;
}

/* ---------------- titres de section ---------------- */
.mw-parser-output h2, .mw-heading2 h2 {
  font-family: var(--nx-display); font-weight: 700; letter-spacing: .02em;
}
.mw-parser-output > h2, .mw-parser-output > .mw-heading2 {
  position: relative; padding-left: 16px; border-bottom: 1px solid var(--nx-line);
}
.mw-parser-output > h2::before, .mw-parser-output > .mw-heading2::before {
  content: ""; position: absolute; left: 0; top: 18%; bottom: 18%; width: 5px;
  background: linear-gradient(180deg, var(--nx-red), var(--nx-violet)); transform: skewX(-12deg);
}
.mw-parser-output h3 { font-family: var(--nx-display); font-weight: 600; }

/* ---------------- pied de page ---------------- */
.citizen-footer { background: linear-gradient(180deg, #12060b 0%, #070305 100%) !important; border-top: 1px solid var(--nx-line); }
.citizen-footer__sitetitle .mw-logo-wordmark { font-family: var(--nx-display); font-weight: 700; }
#footer-tagline { color: #c9a3ad; }

/* barre collante et table des matières */
.citizen-sticky-header-background { background: linear-gradient(180deg, #14070c 50%, rgb(20 7 12 / 92%) 90%) !important; }
#citizen-sidebar-lastmod, #citizen-toc, .sidebar-chunk {
  background: repeating-linear-gradient(45deg, #0d0609 0 5px, #0a0407 5px 10px) padding-box,
              linear-gradient(180deg, var(--nx-red), var(--nx-violet)) border-box !important;
}

/* ======================================================================
   ACCUEIL
   ====================================================================== */
.page-Main_Page .citizen-body-container, .page-Main_Page .citizen-body, .page-Main_Page .mw-body-content { max-width: none; }
.nxh { display: flex; flex-direction: column; gap: 18px; margin: 4px auto 0; max-width: 1240px; }
.nxh a { text-decoration: none; }
.nxh-panel {
  position: relative; padding: 18px 20px 20px; background: var(--nx-panel);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%);
}
.nxh-panel::before {
  content: ""; position: absolute; left: var(--nx-cut); right: 0; top: 0; height: 2px;
  background: linear-gradient(90deg, var(--nx-red), var(--nx-violet) 60%, transparent);
}
.nxh-title {
  margin: 0 0 14px !important; padding: 0 !important; border: 0 !important;
  font: 700 20px/1.2 var(--nx-display) !important; text-transform: uppercase; letter-spacing: .06em; color: #fff;
  display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
}
.nxh-title::before { content: ""; width: 10px; height: 10px; flex: none; align-self: center; background: var(--nx-red); transform: rotate(45deg) scale(.8, 1.3); box-shadow: 0 0 10px var(--nx-red); }
.nxh-title small { font: 600 13px/1.2 'Exo 2', sans-serif; text-transform: none; letter-spacing: 0; color: var(--nx-orange); }

/* bandeau d'accueil */
.nxh-hero {
  --nx-cut: 26px; position: relative; overflow: hidden; min-height: 330px; display: flex; align-items: stretch;
  background: radial-gradient(90% 120% at 0% 100%, rgb(255 46 77 / 26%), transparent 60%), linear-gradient(90deg, #120509 0%, #170711 100%);
  box-shadow: inset 0 0 0 1px rgb(255 46 77 / 30%);
}
.nxh-hero-art {
  position: absolute; inset: 0 0 0 38%;
  background: url(../img/header_art.jpg) center 22% / cover no-repeat;
  -webkit-mask-image: linear-gradient(100deg, transparent 0%, #000 26%, #000 80%, rgb(0 0 0 / 55%) 100%);
  mask-image: linear-gradient(100deg, transparent 0%, #000 26%, #000 80%, rgb(0 0 0 / 55%) 100%);
}
.nxh-hero-art::after {
  content: ""; position: absolute; inset: 0;
  background: repeating-linear-gradient(115deg, transparent 0 22px, rgb(10 4 7 / 28%) 22px 24px), linear-gradient(0deg, rgb(10 4 7 / 70%), transparent 45%);
}
.nx-embers--hero { z-index: 1 !important; }
.nxh-hero-main { position: relative; z-index: 2; padding: 24px 30px 26px; max-width: 640px; display: flex; flex-direction: column; gap: 10px; }
.nxh-logo { width: 300px; height: auto; margin: -14px 0 -18px -10px; filter: drop-shadow(0 6px 18px rgb(0 0 0 / 70%)) drop-shadow(0 0 14px rgb(255 46 77 / 35%)); }
.nxh-welcome { margin: 0 !important; padding: 0 !important; border: 0 !important; font: 700 30px/1.15 var(--nx-display) !important; color: #fff; text-shadow: 0 2px 0 #000; }
.nxh-welcome::before { display: none !important; }
.nxh-welcome span { background: linear-gradient(90deg, #ff6b81, var(--nx-red) 50%, #c27bff); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-stroke: 0; }
.nxh-lead { margin: 0 !important; color: #e8cfd5 !important; font-size: 15px !important; line-height: 1.5 !important; }
.nxh-stats { display: flex; gap: 0; margin-top: 4px; }
.nxh-stat { display: flex; flex-direction: column; padding: 2px 18px; border-left: 2px solid rgb(255 46 77 / 55%); }
.nxh-stat:first-child { padding-left: 0; border-left: 0; }
.nxh-stat b { font: 700 24px/1.1 var(--nx-display); color: #fff; }
.nxh-stat span { font: 700 11px/1.3 var(--nx-display); text-transform: uppercase; letter-spacing: .12em; color: var(--nx-orange); }
.nxh-hero-btns { display: flex; gap: 12px; margin-top: 8px; flex-wrap: wrap; }
.nxh-btn { --nx-cut: 10px; display: inline-flex; align-items: center; padding: 11px 22px; font: 700 15px/1 var(--nx-display); text-transform: uppercase; letter-spacing: .06em; color: #fff !important; transition: transform .15s, filter .15s; }
.nxh-btn--play { background: linear-gradient(90deg, var(--nx-red-d), var(--nx-red)); box-shadow: 0 0 22px rgb(255 46 77 / 45%); }
.nxh-btn--ghost { background: rgb(255 255 255 / 6%); box-shadow: inset 0 0 0 2px rgb(168 85 255 / 70%); }
.nxh-btn:hover { transform: translateY(-2px); filter: brightness(1.15); }

/* deux colonnes */
.nxh-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 18px; align-items: start; }
.nxh-col, .nxh-side { display: flex; flex-direction: column; gap: 18px; min-width: 0; }

/* bandeau HOT */
.nxh-hot {
  --nx-cut: 18px; position: relative; display: flex; align-items: center; gap: 16px; min-height: 76px; padding: 0 18px 0 0; overflow: hidden;
  background: linear-gradient(90deg, rgb(20 6 12 / 96%) 30%, rgb(20 6 12 / 55%) 70%, rgb(20 6 12 / 85%)), url(../img/news_art.jpg) center 35% / cover;
  box-shadow: inset 0 0 0 1px rgb(255 179 92 / 55%);
}
.nxh-hot-tag {
  align-self: stretch; display: flex; align-items: center; padding: 0 26px 0 22px; font: 700 22px/1 var(--nx-display); letter-spacing: .1em; color: #1a0703;
  background: linear-gradient(135deg, #ffd08a, var(--nx-orange) 60%, #ff7a3c); clip-path: polygon(0 0, 100% 0, calc(100% - 16px) 100%, 0 100%);
}
.nxh-hot-title { flex: 1; font: 700 24px/1.15 var(--nx-display); color: #fff; text-shadow: 0 2px 6px #000; }
.nxh-hot-go { --nx-cut: 8px; padding: 10px 16px; font: 700 14px/1 var(--nx-display); text-transform: uppercase; letter-spacing: .06em; color: #1a0703; background: var(--nx-orange);
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); transition: filter .15s; }
.nxh-hot:hover .nxh-hot-go { filter: brightness(1.12); }

/* tuiles */
.nxh-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.nxh-tile {
  --nx-cut: 12px; position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; padding: 6px 8px 14px;
  background: linear-gradient(180deg, rgb(255 255 255 / 5%), rgb(255 255 255 / 1%)), url(../img/ui/season_bg_black.png) center / 220px, #12070c;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 7%); transition: box-shadow .15s, background-color .15s;
}
.nxh-tile:hover { background-color: #1d0a13; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 22%); }
/* bouton du HUD du jeu (NW_HUD) : image rendue + nom en Fredoka One au contour noir, comme ButtonName */
.nxh-hudbtn { position: relative; width: 112px; aspect-ratio: 1; display: block; container-type: inline-size; transition: transform .18s cubic-bezier(.3, 1.6, .5, 1); }
.nxh-hudbtn img { width: 100%; height: 100%; display: block; }
.nxh-tile:hover .nxh-hudbtn { transform: scale(1.08) rotate(-2deg); }
.nxh-tile:active .nxh-hudbtn { transform: scale(.95); }
.nxh-hudbtn-name {
  position: absolute; left: 50%; top: 72%; width: 74%; transform: translate(-50%, -50%); white-space: nowrap;
  font: 400 clamp(11px, 14.5cqw, 17px)/1 'Fredoka One', var(--nx-display); color: #fff; letter-spacing: .01em;
  -webkit-text-stroke: 3.4px #000; paint-order: stroke fill;
}
.nxh-tile-cap { font-size: 11.5px; line-height: 1.3; color: #bfa0a8; }

/* dernière update */
.nxh-upd-art { --nx-cut: 12px; display: block; height: 150px; overflow: hidden; margin-bottom: 14px;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px); }
.nxh-upd-art img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; transition: transform .4s; }
.nxh-upd-art:hover img { transform: scale(1.04); }
.nxh-ports { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 10px; }
.nxh-port { display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; }
.nxh-port-img {
  width: 92px; height: 92px; padding: 3px; border-radius: 10px; background: var(--bg); box-shadow: 0 0 12px rgb(var(--raw-color) / 45%); transition: transform .15s;
}
.nxh-port-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; background: #0b0508; }
.nxh-port:hover .nxh-port-img { transform: translateY(-3px) scale(1.04); }
.nxh-port-name { font: 700 12.5px/1.2 var(--nx-display); color: #fff; }
.nxh-port-rar { font: 700 10.5px/1 var(--nx-display); text-transform: uppercase; letter-spacing: .08em; background: var(--bg); -webkit-background-clip: text; background-clip: text; color: transparent; }
.nxh-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.nxh-chip { --nx-cut: 7px; padding: 8px 13px; font: 700 13px/1 var(--nx-display); color: #fff !important; background: linear-gradient(90deg, rgb(255 46 77 / 28%), rgb(168 85 255 / 22%)); box-shadow: inset 0 0 0 1px rgb(255 46 77 / 50%); transition: filter .15s; }
.nxh-chip:hover { filter: brightness(1.25); }

/* événements */
.nxh-evs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.nxh-ev {
  --nx-cut: 10px; display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; min-height: 84px;
  background: linear-gradient(135deg, rgb(var(--raw-color, 255 46 77) / 22%), rgb(12 5 9 / 92%) 65%), #0f060a;
  box-shadow: inset 3px 0 0 var(--color, var(--nx-red)), inset 0 0 0 1px rgb(255 255 255 / 6%); transition: transform .15s;
}
.nxh-ev:hover { transform: translateY(-2px); }
.nxh-ev-type { font: 700 10px/1.2 var(--nx-display); text-transform: uppercase; letter-spacing: .12em; color: var(--nx-orange); }
.nxh-ev-name { font: 700 16px/1.2 var(--nx-display); color: #fff; }
.nxh-ev-timer { font-size: 12px; color: #7dffa6; }
.nxh-ev-timer.timer-static { color: #bfa0a8; }

/* colonne de droite */
.nxh-big {
  --nx-cut: 16px; position: relative; display: flex; align-items: center; justify-content: center; height: 66px; overflow: hidden;
  font: 700 26px/1 var(--nx-display); text-transform: uppercase; letter-spacing: .1em; color: #fff !important; text-shadow: 0 2px 0 rgb(0 0 0 / 50%);
  transition: transform .15s, filter .15s;
}
.nxh-big span { position: relative; z-index: 1; }
.nxh-big::before { content: ""; position: absolute; inset: 0; background: url(../img/ui/list_overlay.png) center / auto 100%; opacity: .22; }
.nxh-big--codes { background: linear-gradient(100deg, var(--nx-red-d), var(--nx-red) 55%, #ff6b81); box-shadow: 0 0 26px rgb(255 46 77 / 35%); }
.nxh-big--tl { background: linear-gradient(100deg, var(--nx-violet-d), var(--nx-violet) 60%, #c79bff); box-shadow: 0 0 26px rgb(168 85 255 / 30%); }
.nxh-big:hover { transform: translateY(-2px); filter: brightness(1.12); }
.nxh-codes { display: flex; flex-direction: column; gap: 7px; }
.nxh-code { --nx-cut: 7px; display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 12px; background: rgb(255 255 255 / 4%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 7%); }
.nxh-code-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; font: 700 14px/1.2 var(--nx-display); letter-spacing: .04em; color: var(--nx-gold); }
.nxh-copy { flex: none; cursor: pointer; padding: 7px 12px; font: 700 12px/1 var(--nx-display); text-transform: uppercase; letter-spacing: .06em; color: #fff; background: var(--nx-red-d); border-radius: 4px; transition: background .15s; }
.nxh-copy:hover { background: var(--nx-red); }
.nxh-copy.is-copied { background: #1f9d55; }
.nxh-more { display: inline-block; margin-top: 12px; font: 700 13px/1 var(--nx-display); color: #ff8197 !important; }
.nxh-more::after { content: " \203A\203A"; }
.nxh-news { display: flex; flex-direction: column; gap: 12px; max-height: 420px; overflow: auto; padding-right: 4px; }
.nxh-news-item { padding-bottom: 12px; border-bottom: 1px solid rgb(255 255 255 / 7%); }
.nxh-news-item:last-child { border-bottom: 0; padding-bottom: 0; }
.nxh-news-date { display: block; font: 700 11px/1.3 var(--nx-display); text-transform: uppercase; letter-spacing: .1em; color: var(--nx-orange); }
.nxh-news-title { display: block; margin: 2px 0 4px; font: 700 15px/1.25 var(--nx-display); color: #fff !important; }
.nxh-news-item p { margin: 0 !important; font-size: 12.5px !important; line-height: 1.5 !important; color: #cdb3ba !important; }
.nxh-socs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.nxh-soc { padding: 10px 8px; text-align: center; font: 700 13px/1 var(--nx-display); color: #fff !important; border-radius: 6px; background: rgb(255 255 255 / 5%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 9%); transition: background .15s; }
.nxh-soc--discord:hover { background: #5865f2; }
.nxh-soc--roblox:hover { background: var(--nx-red-d); }
.nxh-soc--group:hover { background: var(--nx-violet-d); }
.nxh-soc--tierlist:hover { background: #a3591a; }

@media (max-width: 1000px) {
  .nxh-grid { grid-template-columns: minmax(0, 1fr); }
  .nxh-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .nxh-hero { min-height: 0; }
  .nxh-hero-art { inset: 0; opacity: .35; }
  .nxh-hero-main { padding: 18px 16px 20px; }
  .nxh-logo { width: 220px; }
  .nxh-welcome { font-size: 23px !important; }
  .nxh-stats { flex-wrap: wrap; row-gap: 8px; }
  .nxh-stat { padding: 2px 12px; }
  .nxh-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nxh-evs { grid-template-columns: minmax(0, 1fr); }
  .nxh-hot-title { font-size: 17px; }
  .nxh-hot-go { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .nxh-tile, .nxh-hudbtn, .nxh-btn, .nxh-big, .nxh-ev, .nxh-port-img, .nxh-upd-art img { transition: none; }
}

/* ======================================================================
   CADRE DU CONTENU : fond hexagonal sombre + coins de visée, plus de contour néon
   ====================================================================== */
.citizen-body {
  position: relative;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(rgb(14 6 10 / 94%), rgb(14 6 10 / 94%)), url(../img/ui/season_bg_black.png) 0 0 / 460px, #0d0509 !important;
  box-shadow: 0 0 0 1px rgb(255 255 255 / 6%), 0 24px 60px rgb(0 0 0 / 55%) !important;
}
.citizen-body::before, .citizen-body::after {
  content: ""; position: absolute; width: 90px; height: 90px; pointer-events: none; z-index: 2;
}
.citizen-body::before { left: -2px; top: -2px; border-top: 3px solid var(--nx-red); border-left: 3px solid var(--nx-red); border-top-left-radius: 6px;
  filter: drop-shadow(0 0 6px rgb(255 46 77 / 60%)); }
.citizen-body::after { right: -2px; bottom: -2px; border-bottom: 3px solid var(--nx-violet); border-right: 3px solid var(--nx-violet); border-bottom-right-radius: 6px;
  filter: drop-shadow(0 0 6px rgb(168 85 255 / 60%)); }
.page-Main_Page .citizen-body { background: none !important; box-shadow: none !important; padding-inline: 0 !important; }
.page-Main_Page .citizen-body::before, .page-Main_Page .citizen-body::after { display: none; }

/* accueil : retouches */
.nxh-welcome { -webkit-text-stroke: 0 !important; }
.nxh-welcome span { background: none; color: var(--nx-red); text-shadow: 0 0 18px rgb(255 46 77 / 55%), 0 2px 0 #000; }
.nxh-port-rar { background: none; color: var(--color); -webkit-background-clip: border-box; background-clip: border-box; text-shadow: 0 0 8px rgb(var(--raw-color) / 60%); }
.nxh-ev-timer .timer-sub, .nxh-ev-timer small { display: block; }

/* pied de page */
.citizen-footer__desc, .citizen-footer__desc a { color: #d8b9c1 !important; }
.citizen-footer__desc b a { color: #ff8197 !important; }
#footer-places a { color: #e6cdd3 !important; }
#footer-places a:hover { color: #fff !important; }
.nx-footer-badge { background: rgb(255 255 255 / 5%) !important; color: #f2d4db !important; border: 1px solid var(--nx-line) !important; border-radius: 4px !important;
  font: 700 13px/1 var(--nx-display) !important; text-transform: uppercase; letter-spacing: .06em; }
.nx-footer-badge:hover { background: var(--nx-red-d) !important; color: #fff !important; }

/* libellés de passifs aux couleurs du wiki (plus de cyan) */
.c-passive { --bg: linear-gradient(var(--deg, 90deg), #ffb35c, #ff6b81) !important; --color: #ff9a76 !important; --raw-color: 255 154 118 !important; }
.nxh-stat[hidden] { display: none; }
.nxh-stat[hidden] + .nxh-stat { padding-left: 0; border-left: 0; }

/* rendus en pied des unités (normal / shiny) */
.unit-page-pose-container { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }
.nx-pose { position: relative; display: grid; place-items: center; width: 100%; min-height: 380px; }
.nx-pose img { grid-area: 1 / 1; width: auto; max-width: min(100%, 360px); max-height: 460px; height: auto; filter: drop-shadow(0 12px 22px rgb(0 0 0 / 65%)); transition: opacity .25s, transform .25s; }
.nx-pose-shiny { opacity: 0; transform: scale(.97); }
.nx-pose[data-variant="shiny"] .nx-pose-normal { opacity: 0; transform: scale(.97); }
.nx-pose[data-variant="shiny"] .nx-pose-shiny { opacity: 1; transform: none; }
.nx-pose[data-variant="shiny"]::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 50% 45%, rgb(255 214 140 / 22%), transparent 60%);
}
.nx-pose-toggle { display: inline-flex; padding: 3px; gap: 3px; background: rgb(0 0 0 / 45%); border-radius: 8px; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%); }
.nx-pose-toggle button { border: 0; cursor: pointer; padding: 7px 16px; border-radius: 6px; font: 700 13px/1 var(--nx-display); text-transform: uppercase; letter-spacing: .06em; color: #d9b8c0; background: transparent; }
.nx-pose-toggle button.is-active { color: #fff; background: linear-gradient(90deg, var(--nx-red-d), var(--nx-red)); }
.nx-pose-toggle button[data-v="shiny"].is-active { color: #1a0703; background: linear-gradient(90deg, #ffd08a, var(--nx-orange)); }

/* ===== Cartes du jeu : P2_UI.UnitCard / P2_UI.ItemCard =====
   Fond = image du gabarit (blanche / grise) multipliée par le UIGradient de la rareté (--gb),
   ou par le dégradé perso Unit_<clé> ; nom peint avec le dégradé Text (--gt). */
.nx-card { position: relative; flex: none; width: var(--card, 96px); aspect-ratio: 1; margin: 16px 5px 6px; container-type: inline-size; }
.nx-card.nx-small { --card: 76px; }
.nx-card.nx-mini { --card: 46px; margin: 0; }
.nx-card > a { position: absolute; inset: 0; display: block; text-decoration: none !important; }
.nx-card-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image: url(../img/ui/card_unit.png), var(--gb, linear-gradient(#fff, #fff)); background-size: 100% 100%; background-blend-mode: multiply;
  -webkit-mask: url(../img/ui/card_unit.png) center / 100% 100% no-repeat; mask: url(../img/ui/card_unit.png) center / 100% 100% no-repeat; }
.nx-icard .nx-card-bg { background-image: url(../img/ui/card_item.png), var(--gb, linear-gradient(#fff, #fff));
  -webkit-mask-image: url(../img/ui/card_item.png); mask-image: url(../img/ui/card_item.png); }
/* le modèle : ViewportFrame 1.139 x 1.119 du cadre Main (0.94), ancré en bas à 0.963 -> il dépasse en haut */
.nx-card-img { position: absolute; left: 50.6%; bottom: 6.5%; width: 107%; height: 105%; transform: translateX(-50%); object-fit: contain; object-position: 50% 100%; z-index: 2; pointer-events: none; transition: transform .15s ease-out; }
.nx-card:hover .nx-card-img { transform: translateX(-50%) scale(1.05); }
/* repli en attendant le rendu : portrait de la carte de tier list dans la fenêtre du gabarit (intérieur à 14 % du bord) */
.nx-card-fb { position: absolute; inset: 14% 14% 15%; z-index: 2; overflow: hidden; border-radius: 7%; box-shadow: inset 0 0 0 1px rgb(0 0 0 / 45%); }
.nx-card-fb img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; transition: transform .15s ease-out; }
.nx-card:hover .nx-card-fb img { transform: scale(1.06); }
.nx-card-shine { position: absolute; inset: 3%; z-index: 1; background: url(../img/ui/card_evo_shine.png) center / cover; opacity: .18; border-radius: 8%; pointer-events: none; }
.nx-card-name { position: absolute; right: 6%; bottom: 6.5%; width: 90%; z-index: 3; text-align: right; white-space: nowrap; overflow: hidden;
  font: 700 var(--fs, 14cqw)/1.05 'Montserrat', 'Exo 2', sans-serif; letter-spacing: -.01em;
  background: var(--gt, linear-gradient(#fff, #fff)); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(1px 0 0 rgb(0 0 0 / .55)) drop-shadow(-1px 0 0 rgb(0 0 0 / .55)) drop-shadow(0 1px 0 rgb(0 0 0 / .55)) drop-shadow(0 -1px 0 rgb(0 0 0 / .55)); }
.nx-card-name.nx-2l { white-space: normal; overflow: visible; }
.nx-card-icon { position: absolute; left: 50%; top: 52%; width: 86%; height: 86%; transform: translate(-50%, -50%); object-fit: contain; z-index: 2; pointer-events: none; transition: transform .15s ease-out; }
.nx-card:hover .nx-card-icon { transform: translate(-50%, -50%) scale(1.06); }
.nx-mini .nx-card-icon { width: 78%; height: 78%; }
/* quantité : TextLabel OwnedAmount (GothamSSm Bold, dégradé fff810 -> f99531, contour noir) */
.nx-card-amt { position: absolute; right: 7%; bottom: 4%; z-index: 4; font: 700 24cqw/1 'Montserrat', 'Exo 2', sans-serif;
  background: linear-gradient(180deg, #fff810, #f99531); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000); }
.nx-card-cap { max-width: 104px; margin-top: -2px; text-align: center; font: 700 12px/1.2 'Montserrat', 'Exo 2', sans-serif;
  background: var(--gt, linear-gradient(#fff, #fff)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.nx-drops .nx-card-cap { font-size: 11px; }
.nx-ebox-grid .nx-card, .ae-container-cell .nx-card { margin: 16px 5px 6px; }
/* accueil : cartes du jeu dans « Latest update » */
.nxh-port .nx-card { --card: 100%; margin: 14px 0 4px; }
.nxh-port .nxh-port-rar { background: var(--gt); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; }

/* liste des unités : cartes plus grandes, forme sous la carte */
.nx-unit-wrap { display: flex; flex-direction: column; align-items: center; flex: none; }
.nx-card-sub { max-width: calc(var(--card, 96px) + 8px); margin-top: -1px; text-align: center; font: 600 11px/1.2 'Exo 2', sans-serif; color: #c9b4bb; }
.nx-unit-wrap.nx-hidden { display: none; }
#mw-content-text .nx-ebox-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 10px; padding: 6px 4px 14px; }
.nx-ebox-grid .nx-card { --card: 112px; }
.nx-ebox-grid .nx-card-sub { max-width: 120px; font-size: 11.5px; }
.nx-card-fb img { filter: brightness(1.12) saturate(1.08); }
@media (max-width: 640px) { .nx-ebox-grid .nx-card { --card: 92px; } }

/* page d'une unité : pas de barre noire vide quand l'unité n'a pas d'élément ; compétences en grille, sans défilement caché */
.unit-page-icon-container:empty { display: none; }
.nx-scroll-row:has(> .unit-page-attack-container) { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; overflow: visible; }
.nx-scroll-row > .unit-page-attack-container { min-width: 0; }
.nx-card-amt { font-size: var(--afs, 24cqw); white-space: nowrap; }
.nxh-port .nx-unit-wrap { width: 100%; }
.nxh-port .nx-card-sub { display: none; }

/* ---------------- pages du relevé Studio : tables, boutique Robux, Battle Pass, skins, ennemis ---------------- */
.nx-table-wrap { overflow-x: auto; margin: 6px 0 4px; }
table.nx-table { border-collapse: collapse; width: auto; margin: 0; background: var(--nx-panel); font-size: 13.5px; }
table.nx-up-table, table.nx-en-table { width: 100%; }
table.nx-table th { background: linear-gradient(180deg, #2a0d17, #1a0810); color: var(--nx-gold); font: 700 12.5px/1.2 var(--nx-display); text-transform: uppercase; letter-spacing: .04em; padding: 7px 10px; border: 1px solid var(--nx-line); text-align: left; white-space: nowrap; }
table.nx-table td { padding: 5px 10px; border: 1px solid rgb(255 255 255 / 7%); color: #e9dde1; white-space: nowrap; }
table.nx-table tr:nth-child(even) td { background: rgb(255 255 255 / 2.5%); }
table.nx-table tr:hover td { background: rgb(255 46 77 / 8%); }
.nx-up-table td:first-child { color: var(--nx-gold); font-weight: 700; }
.nx-up-table tr.nx-up-skill td { background: rgb(168 85 255 / 14%) !important; }
.nx-up-table td:last-child { white-space: normal; color: #d9b8ff; }
.nx-en-table td:first-child { white-space: normal; font-weight: 600; }
.nx-boss { display: inline-block; padding: 1px 6px; margin-right: 4px; border-radius: 3px; background: linear-gradient(180deg, #ff4d63, #b0001c); color: #fff; font: 800 10.5px/1.5 var(--nx-display); letter-spacing: .06em; vertical-align: 1px; }
.nx-robux { color: #7dffa3; font-weight: 800; white-space: nowrap; }
.nx-shiny-tag { color: #ffe27a !important; font-weight: 800 !important; }

/* bundles */
.nx-bundles { display: grid; gap: 14px; }
.nx-bundle { display: flex; gap: 16px; padding: 14px; background: var(--nx-panel); border: 1px solid var(--nx-line); scroll-margin-top: 80px;
  clip-path: polygon(var(--nx-cut) 0, 100% 0, 100% calc(100% - var(--nx-cut)), calc(100% - var(--nx-cut)) 100%, 0 100%, 0 var(--nx-cut)); }
.nx-bundle:target { border-color: var(--nx-violet); }
.nx-bundle-img { width: 240px; height: auto; max-height: 240px; object-fit: contain; align-self: flex-start; flex: none; border-radius: 6px; }
.nx-bundle-info { min-width: 0; flex: 1; }
.nx-bundle-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.nx-bundle-head .nx-item-name { font: 700 19px/1.2 var(--nx-display); color: #fff; }
.nx-bundle-tag { padding: 2px 8px; border-radius: 3px; background: rgb(255 179 92 / 16%); color: var(--nx-orange); font: 700 11px/1.5 var(--nx-display); text-transform: uppercase; letter-spacing: .05em; }
.nx-bundle-price { font: 800 16px/1.3 var(--nx-display); }
.nx-bundle-head .nx-bundle-price { margin-left: auto; font-size: 20px; }
.nx-bundle-info .nx-item-desc { margin: 8px 0 10px; color: #cdbec3; }
.nx-bundle-items { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: flex-start; }
.nx-bundle-items .nx-card, .nx-bp-grid .nx-card, .nx-skin .nx-card { --card: 76px; }
@media (max-width: 640px) { .nx-bundle { flex-direction: column; } .nx-bundle-img { width: 100%; max-height: none; } }

/* gamepasses et packs */
.nx-gp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.nx-gp { display: flex; gap: 12px; align-items: center; padding: 10px 12px; background: var(--nx-panel); border: 1px solid rgb(255 255 255 / 9%); border-radius: 8px; }
.nx-gp img { width: 64px; height: 64px; flex: none; object-fit: contain; }
.nx-gp .nx-item-name { font: 700 15px/1.2 var(--nx-display); color: #fff; }
.nx-gp .nx-item-desc { color: #bfaeb4; font-size: 13px; }
.nx-pack-row { margin: 10px 0 14px; }
.nx-pack-title { font: 700 14px/1.2 var(--nx-display); color: var(--nx-gold); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 6px; }
.nx-pack-list { display: flex; flex-wrap: wrap; gap: 8px; }
.nx-pack { width: 128px; padding: 8px; text-align: center; background: var(--nx-panel); border: 1px solid rgb(255 255 255 / 9%); border-radius: 8px; }
.nx-pack img { width: 72px; height: 72px; object-fit: contain; display: block; margin: 0 auto 4px; }
.nx-pack-name { font: 600 13px/1.25 'Exo 2', sans-serif; color: #f1e6ea; min-height: 2.5em; display: flex; align-items: center; justify-content: center; }

/* Battle Pass */
.nx-bp-legend { display: flex; gap: 14px; margin: 4px 0 10px; font: 700 12px/1 var(--nx-display); text-transform: uppercase; letter-spacing: .05em; }
.nx-bp-free-l::before, .nx-bp-prem-l::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 2px; vertical-align: -1px; }
.nx-bp-free-l { color: #b9e9ff; } .nx-bp-free-l::before { background: #3aa0ff; }
.nx-bp-prem-l { color: #ffd68c; } .nx-bp-prem-l::before { background: linear-gradient(135deg, #ffcc4d, #ff7a00); }
.nx-bp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 8px; }
.nx-bp-lv { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px 4px 8px; background: var(--nx-panel); border: 1px solid rgb(255 255 255 / 8%); border-radius: 8px; }
.nx-bp-lv.nx-bp-big { border-color: var(--nx-orange); box-shadow: inset 0 0 18px rgb(255 179 92 / 16%); }
.nx-bp-head { font: 800 13px/1.1 var(--nx-display); color: #fff; text-transform: uppercase; }
.nx-bp-xp { font-size: 11px; color: #9d8a90; }
.nx-bp-free, .nx-bp-prem { width: 100%; display: flex; justify-content: center; padding: 4px 0 2px; border-radius: 6px; }
.nx-bp-free { background: rgb(58 160 255 / 10%); }
.nx-bp-prem { background: linear-gradient(180deg, rgb(255 204 77 / 16%), rgb(255 122 0 / 8%)); }
.nx-bp-grid .nx-card-cap { font-size: 10.5px; max-width: 96px; }

/* skins */
.nx-skin-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.nx-skin { display: flex; gap: 12px; align-items: flex-start; padding: 10px; background: var(--nx-panel); border: 1px solid rgb(255 255 255 / 8%); border-radius: 8px; scroll-margin-top: 80px; }
.nx-skin:target { border-color: var(--nx-violet); }
.nx-skin .nx-card { --card: 84px; flex: none; }
.nx-skin-info { min-width: 0; }
.nx-skin-info .nx-item-name { font: 700 15px/1.2 var(--nx-display); color: #fff; }
.nx-skin-info .nx-item-rar { font-size: 12.5px; color: #bfaeb4; margin: 2px 0 4px; }
.nx-skin-info .nx-item-src { margin: 0 0 0 16px; padding: 0; font-size: 13px; color: #ddd0d4; }
.nx-en-el { margin: 4px 2px 6px; font-size: 13.5px; color: #cdbec3; }

/* ---------------- fiche d'unité : vitrine (carte du jeu en grand ou rendu en pied) + infos, hauteur au contenu ---------------- */
.nx-hero-unit { display: grid; grid-template-columns: minmax(250px, 330px) minmax(0, 1fr); gap: 20px; align-items: start; margin: 8px 0 16px; }
.nx-show {
  position: relative; aspect-ratio: 11 / 12; border-radius: 16px; overflow: hidden; isolation: isolate;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  background: radial-gradient(52% 42% at 50% 47%, rgb(var(--raw-color) / 30%), transparent 72%),
              radial-gradient(90% 50% at 50% 110%, rgb(var(--raw-color) / 16%), transparent 70%),
              linear-gradient(180deg, #1b0a13 0%, #0c0509 100%);
  box-shadow: inset 0 0 0 1px rgb(var(--raw-color) / 26%), 0 16px 36px rgb(0 0 0 / 55%);
}
.nx-show::before {
  content: ""; position: absolute; inset: -30%; z-index: -1;
  background: repeating-conic-gradient(from 0deg, rgb(255 255 255 / 6%) 0deg 4deg, transparent 4deg 15deg);
  -webkit-mask: radial-gradient(circle, #000 0 18%, transparent 52%); mask: radial-gradient(circle, #000 0 18%, transparent 52%);
  animation: nx-rays 120s linear infinite;
}
.nx-show::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--gb); }
@keyframes nx-rays { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .nx-show::before { animation: none; } }
.nx-show-art { position: relative; display: grid; place-items: center; width: 100%; }
.nx-show-card { --card: 64%; margin: 10% 0 0 !important; }
.nx-show-card .nx-card-img { filter: drop-shadow(0 8px 14px rgb(0 0 0 / 55%)); }
.nx-show-pose { grid-area: 1 / 1; width: auto; max-width: 84%; max-height: 300px; height: auto; filter: drop-shadow(0 12px 20px rgb(0 0 0 / 65%)); }
.nx-show .nx-v-n, .nx-show .nx-v-s { transition: opacity .25s ease-out; }
.nx-show .nx-v-s { opacity: 0; }
.nx-show[data-variant="shiny"] .nx-v-n { opacity: 0; }
.nx-show[data-variant="shiny"] .nx-v-s { opacity: 1; }
.nx-show[data-variant="shiny"] { box-shadow: inset 0 0 0 1px rgb(255 214 140 / 55%), 0 0 26px rgb(255 179 92 / 22%), 0 16px 36px rgb(0 0 0 / 55%); }
.nx-show-toggle { position: relative; z-index: 3; display: inline-flex; padding: 3px; gap: 3px; background: rgb(0 0 0 / 50%); border-radius: 8px; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%); }
.nx-show-toggle button { border: 0; cursor: pointer; padding: 7px 16px; border-radius: 6px; font: 700 13px/1 var(--nx-display); text-transform: uppercase; letter-spacing: .06em; color: #d9b8c0; background: transparent; }
.nx-show-toggle button.is-active { color: #fff; background: linear-gradient(90deg, var(--nx-red-d), var(--nx-red)); }
.nx-show-toggle button[data-v="shiny"].is-active { color: #1a0703; background: linear-gradient(90deg, #ffd08a, var(--nx-orange)); }

.nx-hero-info { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding-top: 2px; }
.nx-hero-name { font: 700 34px/1.1 var(--nx-display); color: #fff; text-shadow: 0 2px 0 #000, 0 0 22px rgb(var(--raw-color) / 22%); overflow-wrap: anywhere; }
.nx-hero-rar { margin-top: -6px; }
.nx-hero-rar span { font: 800 20px/1.15 var(--nx-display); text-transform: uppercase; letter-spacing: .08em; background: var(--gt, var(--bg)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.nx-hero-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.nx-hchip {
  display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px; border-radius: 8px;
  font: 600 14px/1 'Exo 2', sans-serif; color: #f1dde2 !important; text-decoration: none !important; white-space: nowrap;
  background: rgb(255 255 255 / 5%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 11%);
}
.nx-hchip b { color: #fff; font-weight: 800; }
a.nx-hchip:hover { background: rgb(255 255 255 / 10%); }
.nx-hchip[class*="nx-el-"] { background: linear-gradient(90deg, rgb(var(--raw-color) / 32%), rgb(var(--raw-color) / 8%)); box-shadow: inset 0 0 0 1px rgb(var(--raw-color) / 50%); }
.nx-hchip--star { color: var(--nx-gold) !important; }
.nx-passives { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.nx-passive {
  padding: 11px 14px 12px; border-radius: 10px;
  background: linear-gradient(90deg, rgb(var(--raw-color) / 9%), transparent 55%), rgb(18 9 14 / 92%);
  box-shadow: inset 3px 0 0 rgb(var(--raw-color) / 85%), inset 0 0 0 1px rgb(255 255 255 / 7%);
}
.nx-passive-head { display: flex; align-items: center; gap: 9px; margin-bottom: 6px; font: 700 16px/1.2 var(--nx-display); color: #fff; }
.nx-passive-tag { flex: none; padding: 4px 7px; border-radius: 5px; font: 800 10.5px/1 'Exo 2', sans-serif; text-transform: uppercase; letter-spacing: .1em; color: #1a0703; background: linear-gradient(90deg, #ffd08a, var(--nx-orange)); }
.nx-passive-text { color: #dcc7cd; font-size: 14.5px; line-height: 1.55; }
.nx-passive-text b { color: #fff; }
@media (max-width: 760px) {
  .nx-hero-unit { grid-template-columns: minmax(0, 1fr); }
  .nx-show { width: 100%; max-width: 340px; margin: 0 auto; }
  .nx-hero-name { font-size: 27px; }
}

/* boutons de lien (page Tier List -> salon Discord) */
.nx-btn-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 !important; }
.nx-btn { display: inline-flex; align-items: center; height: 42px; padding: 0 20px; border-radius: 9px; font: 700 15px/1 var(--nx-display); letter-spacing: .03em;
  color: #fff !important; text-decoration: none !important; background: linear-gradient(90deg, var(--nx-red-d), var(--nx-red)); box-shadow: 0 6px 18px rgb(255 46 77 / 25%); }
.nx-btn:hover { filter: brightness(1.12); }
.nx-btn--ghost { background: rgb(255 255 255 / 6%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 16%); }

/* [menus1028] cartes des menus de l'en-tête : au-dessus de la page et jamais hors de l'écran */
.citizen-header .citizen-dropdown .citizen-menu__card { z-index: 300; }
.citizen-preferences-dropdown .citizen-menu__card, .citizen-userMenu .citizen-menu__card { right: 0; left: auto; max-width: calc(100vw - 16px); }
.citizen-header .citizen-header__inner { overflow: visible !important; }  /* overflow:auto du thème d'origine coupait les cartes préférences / profil */
@media (max-width: 1119.98px) {
  /* en-tête en bas sur mobile : cartes sur toute la largeur, juste au-dessus de la barre (avant : coupées à droite) */
  .citizen-header .citizen-dropdown:not(.citizen-search) .citizen-menu__card {
    position: fixed; left: 8px !important; right: 8px !important; top: auto !important; bottom: calc(var(--header-size, 56px) + 8px) !important;
    width: auto !important; max-width: none !important; max-height: calc(100vh - var(--header-size, 56px) - 24px); overflow-y: auto; margin: 0;
  }
}

/* [live1028] page Tier List : derniers messages du salon Discord (live_update.py) */
.nx-tl-feed { display: flex; flex-direction: column; gap: 18px; margin: 14px 0 18px; }
.nx-tl-post { --nx-cut: 12px; padding: 14px 16px; background: linear-gradient(180deg, rgb(255 46 77 / 8%), rgb(168 85 255 / 6%)), rgb(0 0 0 / 35%);
  box-shadow: inset 0 0 0 1px rgb(255 46 77 / 22%); clip-path: polygon(var(--nx-cut) 0, 100% 0, 100% calc(100% - var(--nx-cut)), calc(100% - var(--nx-cut)) 100%, 0 100%, 0 var(--nx-cut)); }
.nx-tl-date { font: 700 12px/1 var(--nx-display); letter-spacing: .08em; text-transform: uppercase; color: var(--nx-orange, #ffb36b); margin-bottom: 8px; }
.nx-tl-text { line-height: 1.55; margin-bottom: 10px; }
.nx-tl-text h3 { margin: 6px 0 4px; font-size: 1.1em; }
.nx-tl-code { margin: 6px 0; padding: 10px 12px; white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.55 ui-monospace, Consolas, monospace;
  background: rgb(0 0 0 / 45%); border: 1px solid rgb(255 255 255 / 8%); border-radius: 6px; color: #e9dff5; }
.nx-tl-img { display: block; margin-top: 8px; }
.nx-tl-img img { display: block; width: 100%; height: auto; border-radius: 6px; }
.nx-dc-emoji { width: 1.35em; height: 1.35em; vertical-align: -.3em; }
/* page Codes */
.nx-updated { font-size: .9em; color: #c9a7b0; }
.nx-answer { padding: 10px 14px; border-left: 3px solid var(--nx-gold, #ffcc4d); background: rgb(255 204 77 / 7%); border-radius: 0 6px 6px 0; line-height: 1.6; }
.nx-codes-table td:first-child b { font-family: ui-monospace, Consolas, monospace; letter-spacing: .03em; }
.nx-empty { opacity: .8; }