/* v5n: gripex DARK variant: cute-goth night. Black + deep purple + pink accents, dark gingham + lace, pink stitches,
   studs and tiny spikes, original skull-on-bow and imp-bunny mascot. Active only on html[data-pm="gripex"][data-gxv="dark"].
   Toggle: theme bar moon/sun button or the profile card; saved in localStorage dnd.pm.gxv (default light). */
html[data-pm="gripex"][data-gxv="dark"][data-theme][data-design]{--bg:#130d18;--bg2:#1a1221;--panel:#211629;--panel2:#2b1c35;--line:#5b3672;--text:#f7eaf5;--muted:#c9abcf;
  --gold:#ff6fb5;--gold2:#ff93c9;--ember:#b778f2;--heal:#5fd6b4;--ok:#5fd6b4;--bad:#ff6b7f;--on-gold:#1b0d1d;--fly:#ff8fc7;--star:#c99bff;color-scheme:dark;
  --shadow:0 6px 0 #0b070e,0 14px 30px rgba(0,0,0,.45),0 0 0 1px rgba(255,111,181,.08);
  --glow:radial-gradient(900px 600px at 8% -10%,rgba(120,50,170,.45),transparent 60%),radial-gradient(800px 520px at 100% 100%,rgba(255,80,160,.16),transparent 60%);
  --bowsvg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 32'%3E%3Cpath d='M24 16 L4 4 Q0 2 0 7 V25 Q0 30 4 28 Z M24 16 L44 4 Q48 2 48 7 V25 Q48 30 44 28 Z' fill='%23ff5fae' stroke='%230e0912' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M7 9 Q13 14 7 22 M41 9 Q35 14 41 22' fill='none' stroke='%23ffc0de' stroke-width='1.6' stroke-dasharray='2.5 2.5'/%3E%3Cpath d='M24 7c-4.6 0-7 2.8-7 6.2 0 2 .9 3.3 2.3 4.1V21h9.4v-3.7c1.4-.8 2.3-2.1 2.3-4.1C31 9.8 28.6 7 24 7Z' fill='%23fff6fb' stroke='%230e0912' stroke-width='2'/%3E%3Ccircle cx='21.3' cy='13.6' r='1.7' fill='%230e0912'/%3E%3Ccircle cx='26.7' cy='13.6' r='1.7' fill='%230e0912'/%3E%3Cpath d='M22.5 21v-2M25.5 21v-2' stroke='%230e0912' stroke-width='1.4'/%3E%3C/svg%3E");
  --heartsvg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-4.9-8-10.6A4.6 4.6 0 0 1 12 7.5a4.6 4.6 0 0 1 8 2.9C20 16.1 12 21 12 21Z' fill='%23a35bd6'/%3E%3C/svg%3E");
  --gxskull:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23ff6fb5' opacity='.13'%3E%3Cpath d='M16 8c-4 0-7 2.7-7 6.3 0 2.1 1 3.6 2.5 4.5V22h9v-3.2c1.5-.9 2.5-2.4 2.5-4.5C23 10.7 20 8 16 8Zm-3 5.2a1.6 1.6 0 1 1 0 3.2 1.6 1.6 0 0 1 0-3.2Zm6 0a1.6 1.6 0 1 1 0 3.2 1.6 1.6 0 0 1 0-3.2Z'/%3E%3Cpath d='M48 40l-9-5v10Zm0 0l9-5v10Z'/%3E%3Ccircle cx='48' cy='40' r='2.4'/%3E%3C/g%3E%3C/svg%3E");
  --gxlace:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath d='M0 0h24v2c0 4.4-3 7.5-6 7.5S12 6.4 12 2c0 4.4-3 7.5-6 7.5S0 6.4 0 2Z' fill='%23ff6fb5' opacity='.5'/%3E%3Ccircle cx='6' cy='4' r='1.3' fill='%23130d18'/%3E%3Ccircle cx='18' cy='4' r='1.3' fill='%23130d18'/%3E%3C/svg%3E");
  --gxstud:radial-gradient(circle at 35% 35%,#fff 0 1px,#e7d6f3 1.2px,#9a7fb0 3px,transparent 3.4px)}
/* dark gingham + tiny skull/bow print */
html[data-pm="gripex"][data-gxv="dark"] body{background-color:#130d18;background-image:var(--gxskull),repeating-linear-gradient(0deg,rgba(130,60,180,.13) 0 14px,transparent 14px 28px),repeating-linear-gradient(90deg,rgba(130,60,180,.13) 0 14px,transparent 14px 28px),var(--glow);background-size:128px 128px,auto,auto,auto;background-position:0 0,0 0,0 0,0 0}
html[data-pm="gripex"][data-gxv="dark"] ::selection{background:#ff6fb5;color:#1b0d1d}
html[data-pm="gripex"][data-gxv="dark"] *{scrollbar-color:#ff6fb5 #1d1325}
html[data-pm="gripex"][data-gxv="dark"] ::-webkit-scrollbar-track{background:#1d1325}
html[data-pm="gripex"][data-gxv="dark"] ::-webkit-scrollbar-thumb{background:#ff6fb5;border-color:#1d1325}
/* top bar with lace hem */
html[data-pm="gripex"][data-gxv="dark"] .top{background:rgba(22,14,28,.94);border-bottom:2px dashed #ff6fb5;position:relative}
html[data-pm="gripex"][data-gxv="dark"] .top::after{content:'';position:absolute;left:0;right:0;bottom:-11px;height:9px;background:var(--gxlace) 0 0/24px 9px repeat-x;pointer-events:none;z-index:1}
/* panels: deep purple gingham, pink stitched edge */
html[data-pm="gripex"][data-gxv="dark"] .mbox,html[data-pm="gripex"][data-gxv="dark"] .jr:not(.off),html[data-pm="gripex"][data-gxv="dark"] .pv-panel,html[data-pm="gripex"][data-gxv="dark"] .rolltoast,html[data-pm="gripex"][data-gxv="dark"] .card,html[data-pm="gripex"][data-gxv="dark"] .selp,html[data-pm="gripex"][data-gxv="dark"] .ctxm{
  background-color:#211629;background-image:repeating-linear-gradient(0deg,rgba(150,80,200,.09) 0 10px,transparent 10px 20px),repeating-linear-gradient(90deg,rgba(150,80,200,.09) 0 10px,transparent 10px 20px);
  border:2px solid #4a2b5e;outline:2px dashed rgba(255,111,181,.55);outline-offset:-8px;box-shadow:var(--shadow);color:var(--text)}
html[data-pm="gripex"][data-gxv="dark"] .dm-side{background-color:#1b1222;background-image:repeating-linear-gradient(0deg,rgba(150,80,200,.07) 0 10px,transparent 10px 20px),repeating-linear-gradient(90deg,rgba(150,80,200,.07) 0 10px,transparent 10px 20px);border-left:2px dashed #ff6fb5}
html[data-pm="gripex"][data-gxv="dark"] .mbox{background-image:var(--bowsvg),repeating-linear-gradient(0deg,rgba(150,80,200,.09) 0 10px,transparent 10px 20px),repeating-linear-gradient(90deg,rgba(150,80,200,.09) 0 10px,transparent 10px 20px)}
html[data-pm="gripex"][data-gxv="dark"] .pill,html[data-pm="gripex"][data-gxv="dark"] .jr,html[data-pm="gripex"][data-gxv="dark"] .dbar,html[data-pm="gripex"][data-gxv="dark"] .pv-panel,html[data-pm="gripex"][data-gxv="dark"] .mbox{border-color:#4a2b5e}
html[data-pm="gripex"][data-gxv="dark"] .maphost{background:#1a1221!important}
html[data-pm="gripex"][data-gxv="dark"] #sky{opacity:.35}
/* buttons: black studs, pink */
html[data-pm="gripex"][data-gxv="dark"] .btn{background:#2a1b33;color:var(--text);border-color:#5b3672;box-shadow:0 3px 0 #0b070e}
html[data-pm="gripex"][data-gxv="dark"] .btn:hover{border-color:#ff6fb5;box-shadow:0 3px 0 #0b070e,0 0 0 4px rgba(255,111,181,.16)}
html[data-pm="gripex"][data-gxv="dark"] .btn:active{box-shadow:0 1px 0 #0b070e}
html[data-pm="gripex"][data-gxv="dark"] .btn.gold,html[data-pm="gripex"][data-gxv="dark"] .btn.primary{background:linear-gradient(180deg,#ff8fc7,#ff5fae);color:#1b0d1d;border-color:#ff5fae;box-shadow:0 4px 0 #7a2052}
html[data-pm="gripex"][data-gxv="dark"] .hbtn,html[data-pm="gripex"][data-gxv="dark"] .seg,html[data-pm="gripex"][data-gxv="dark"] .chip{background:#241830;color:var(--text);border-color:#5b3672}
html[data-pm="gripex"][data-gxv="dark"] .seg button.on{background:linear-gradient(180deg,#ff8fc7,#ff5fae);color:#1b0d1d}
html[data-pm="gripex"][data-gxv="dark"] .pill{background:#211629;border:2px solid #5b3672}
html[data-pm="gripex"][data-gxv="dark"] input,html[data-pm="gripex"][data-gxv="dark"] textarea,html[data-pm="gripex"][data-gxv="dark"] select{background:#1a1221;color:var(--text);border-color:#5b3672}
html[data-pm="gripex"][data-gxv="dark"] input::placeholder,html[data-pm="gripex"][data-gxv="dark"] textarea::placeholder{color:#a88aae}
/* dice with studs */
html[data-pm="gripex"][data-gxv="dark"] .die{background:#241830 var(--gxstud) no-repeat;background-size:auto;background-position:calc(100% - 4px) 4px;border-color:#5b3672;color:#ff8fc7;box-shadow:0 4px 0 #0b070e}
html[data-pm="gripex"][data-gxv="dark"] .die:hover{background-color:#2f1f3b;border-color:#ff6fb5}
html[data-pm="gripex"][data-gxv="dark"] .dbar{background:#1d1325 repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,111,181,.0) 22px);border-color:#5b3672}
html[data-pm="gripex"][data-gxv="dark"] .rolltoast .rt-v{color:#ff7fbf;text-shadow:3px 3px 0 #3b1f52}
html[data-pm="gripex"][data-gxv="dark"] .rolltoast.nat20{background-image:var(--heartsvg),var(--heartsvg),repeating-linear-gradient(0deg,rgba(150,80,200,.1) 0 10px,transparent 10px 20px)}
html[data-pm="gripex"][data-gxv="dark"] .rolltoast.nat20 .rt-v{color:#ff6fb5}
/* journal */
html[data-pm="gripex"][data-gxv="dark"] .jm{background:#2b1c35;border-color:#4a2b5e;color:var(--text)}
html[data-pm="gripex"][data-gxv="dark"] .jm.mine{background:#3d1f45;border-color:#ff6fb5}
html[data-pm="gripex"][data-gxv="dark"] .jl{background:rgba(43,28,53,.75)}
html[data-pm="gripex"][data-gxv="dark"] .jl.n20{background:#43204c;box-shadow:0 0 0 2px #ff6fb5 inset}
html[data-pm="gripex"][data-gxv="dark"] .jpick{background:#211629;border-color:#5b3672}
html[data-pm="gripex"][data-gxv="dark"] .eggtoast{background:#211629;color:var(--text);border-color:#ff6fb5;box-shadow:0 5px 0 #0b070e,0 12px 26px rgba(0,0,0,.5)}
html[data-pm="gripex"][data-gxv="dark"] .eggtoast .et-i{color:#ff6fb5}
/* mode bar: spiked hem */
.pmbar.pm-gripex.gx-dark{background:#1d1325;border-color:#5b3672;outline:2px dashed rgba(255,111,181,.6);box-shadow:0 4px 0 #0b070e;color:var(--text)}
.pmbar.pm-gripex.gx-dark .svic{color:#ff7fbf}.pmbar.pm-gripex.gx-dark .pmb-n b{color:#ff8fc7}
.pmbar.pm-gripex.gx-dark button{color:var(--text)}
.pmbar.pm-gripex .pmb-gxv{display:inline-flex;align-items:center;gap:5px}
.pmbar.pm-gripex .pmb-gxv b{font-weight:700}
/* profile card */
html[data-gxv="dark"] .dcard.dc-gripex{background:#1d1325;border-color:#5b3672;box-shadow:0 8px 0 #0b070e,0 22px 50px rgba(0,0,0,.55),0 0 0 1px rgba(255,111,181,.25)}
html[data-gxv="dark"] .dc-gripex .dc-b,html[data-gxv="dark"] .dc-gripex .dc-avw{background:#1d1325;color:var(--text)}
html[data-gxv="dark"] .dc-gripex .dc-on{border-color:#1d1325}
html[data-gxv="dark"] .dc-gripex .dc-un,html[data-gxv="dark"] .dc-gripex .dc-h{color:#c9abcf}
html[data-gxv="dark"] .dc-gripex .dc-dn{color:#ff8fc7}
html[data-gxv="dark"] .dc-gripex .dc-ban{background-image:var(--gxskull),repeating-linear-gradient(0deg,rgba(255,111,181,.18) 0 8px,transparent 8px 16px),repeating-linear-gradient(90deg,rgba(255,111,181,.18) 0 8px,transparent 8px 16px),linear-gradient(135deg,#2b1238,#5a2470)!important;background-size:64px 64px,auto,auto,auto!important}
html[data-gxv="dark"] .dc-gripex .dc-avw{box-shadow:0 0 0 3px #ff6fb5,0 0 0 6px #1d1325,0 0 0 7px #5b3672}
html[data-gxv="dark"] .dc-gripex .dc-bd span{background:#2b1c35;border-color:#ff6fb5;color:var(--text)}
html[data-gxv="dark"] .dc-gripex .dc-mode{background:linear-gradient(180deg,#ff8fc7,#ff5fae);color:#1b0d1d;box-shadow:0 4px 0 #7a2052}
html[data-gxv="dark"] .dc-gripex .dc-x{background:#2b1c35;color:#ff8fc7;box-shadow:0 2px 0 #0b070e}
html[data-gxv="dark"] .dc-gripex .dc-src{color:#a88aae}
/* variant toggle on the card (both variants) */
.dc-gxv{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0 0;padding:9px 12px;border-radius:999px;border:1.5px dashed #ff9cc8;background:#fff;color:#5a2346;font:600 13px "Comfortaa",sans-serif;cursor:pointer;text-align:left}
.dc-gxv .svic{width:20px;height:20px;color:#ff5fa2;flex:none}.dc-gxv span{flex:1;display:flex;flex-direction:column;gap:1px}.dc-gxv small{font-size:11px;color:#a2668a}
.dc-gxv b{padding:4px 10px;border-radius:999px;background:#ffe0ee;color:#c92f76;font-size:12px}
html[data-gxv="dark"] .dc-gxv{background:#2b1c35;border-color:#ff6fb5;color:var(--text)}html[data-gxv="dark"] .dc-gxv small{color:#c9abcf}html[data-gxv="dark"] .dc-gxv .svic{color:#ff8fc7}
html[data-gxv="dark"] .dc-gxv b{background:#ff6fb5;color:#1b0d1d}
.dc-gxv:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/* mascot: imp-bunny */
html[data-gxv="dark"] .pm-kitty{filter:drop-shadow(0 6px 10px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(255,111,181,.25))}
html[data-gxv="dark"] .pm-float i{opacity:.5}
html.potato[data-gxv="dark"] body{background-image:none!important}
html.potato[data-gxv="dark"] .top::after{display:none}