/* v5m: full redesign of the three friend themes (gripex / neyal / chel). Loaded after friends.css; only active when html[data-pm] is set.
   All art is CSS/SVG; fonts are bundled (OFL). No emoji. */
@font-face{font-family:"Oswald";font-weight:500;font-display:swap;src:url(fonts/Oswald-500-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Oswald";font-weight:500;font-display:swap;src:url(fonts/Oswald-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Stalinist One";font-weight:400;font-display:swap;src:url(fonts/StalinistOne-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Stalinist One";font-weight:400;font-display:swap;src:url(fonts/StalinistOne-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Pixelify Sans";font-weight:500;font-display:swap;src:url(fonts/PixelifySans-500-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Pixelify Sans";font-weight:500;font-display:swap;src:url(fonts/PixelifySans-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url(fonts/IBMPlexMono-500-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url(fonts/IBMPlexMono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Balsamiq Sans";font-weight:700;font-display:swap;src:url(fonts/BalsamiqSans-700-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Balsamiq Sans";font-weight:700;font-display:swap;src:url(fonts/BalsamiqSans-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* shared bits for the svg icons inside theme ui */
.pmbar .svic{width:17px;height:17px;vertical-align:-3px}
.pmbar button{display:inline-flex;align-items:center;gap:6px}
.dc-bd span{display:inline-flex;align-items:center;gap:5px}.dc-bd .svic{width:14px;height:14px}
.dc-mode{display:flex;align-items:center;justify-content:center;gap:8px}.dc-mode .svic{width:18px;height:18px}
.eggtoast .et-i{display:inline-flex}.eggtoast .et-i .svic{width:26px;height:26px}
.pmk{display:flex;align-items:center;gap:7px}.pmk .svic{width:15px;height:15px;flex:none}
.pm-float i svg{width:100%;height:100%;display:block}
.pda-h span{display:inline-flex;align-items:center;gap:6px}.pda-h .svic{width:14px;height:14px}
.emi-b .emi-ic{width:46px;height:46px;margin:0 auto;color:#ffb347}.emi-b b .svic{width:.9em;height:.9em;vertical-align:-.1em;margin-right:6px}
.pm-fire .pf-l{left:2px;bottom:0;width:40px;height:16px;font-size:0}.pm-fire .pf-l svg{width:40px;height:14px;display:block}
.pm-burst{position:fixed;left:0;right:0;top:0;height:0;z-index:9350;pointer-events:none}
.pm-burst i{position:absolute;top:-30px;display:block;animation:pmDrop var(--d,2s) cubic-bezier(.3,.6,.4,1) forwards;opacity:0}
.pm-burst i svg{width:100%;height:100%;display:block}
@keyframes pmDrop{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(70vh) rotate(var(--r,40deg))}}
.dc-sight{margin-top:12px;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #4b5245;border-radius:4px;background:#1d201c;color:#dcdccf;cursor:pointer;text-align:left;font:500 14px/1.2 "Oswald","Nunito",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.dc-sight .svic{width:24px;height:24px;color:#8f978c}.dc-sight span{display:flex;flex-direction:column;gap:2px}
.dc-sight small{font:500 11px "IBM Plex Mono",monospace;text-transform:none;letter-spacing:0;color:#8f978c}
.dc-sight b{min-width:58px;padding:5px 8px;border-radius:3px;text-align:center;background:#3a3f36;color:#c9cdbd;font:500 13px "IBM Plex Mono",monospace}
.dc-sight.on{border-color:#9aa65a}.dc-sight.on .svic{color:#c8d48a}.dc-sight.on b{background:#9aa65a;color:#11130a}
.dc-sight:focus-visible,.pmbar button:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* =====================================================================
   GRIPEX: pink, soft, stitched, polka dots and bows
   ===================================================================== */
html[data-pm="gripex"][data-theme][data-design]{--bg:#ffeef5;--bg2:#ffe2ee;--panel:#fffafc;--panel2:#ffeef6;--line:#f5b7d2;--text:#5a2346;--muted:#a0698b;--gold:#ff5fa2;--gold2:#e8408c;--ember:#ff8db8;
  --head:"Balsamiq Sans","Pangolin","Comfortaa",system-ui,sans-serif;--body:"Comfortaa","Nunito",system-ui,sans-serif;--r:22px;--bw:2px;--shadow:0 6px 0 #f7c6db,0 14px 28px rgba(255,95,162,.16);
  --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='%23ff6fae' stroke='%235a2346' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M8 9 Q14 14 8 22 M40 9 Q34 14 40 22' fill='none' stroke='%23ffc2dc' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='19' y='10' width='10' height='12' rx='4' fill='%23ff9cc8' stroke='%235a2346' stroke-width='2.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='%23ffb3d1'/%3E%3C/svg%3E")}
html[data-pm="gripex"] body{background-color:#ffeef5;background-image:radial-gradient(#ffc9de 2.2px,transparent 2.8px),radial-gradient(#ffd9e8 2.2px,transparent 2.8px),var(--glow);background-size:28px 28px,28px 28px,auto;background-position:0 0,14px 14px,0 0}
html[data-pm="gripex"] ::selection{background:#ff9cc8;color:#fff}
html[data-pm="gripex"] *{scrollbar-color:#ff8fc0 #ffe6f1}
html[data-pm="gripex"] ::-webkit-scrollbar{width:12px;height:12px}html[data-pm="gripex"] ::-webkit-scrollbar-track{background:#ffe6f1;border-radius:999px}
html[data-pm="gripex"] ::-webkit-scrollbar-thumb{background:#ff9cc8;border-radius:999px;border:3px solid #ffe6f1}
html[data-pm="gripex"] h1,html[data-pm="gripex"] h2,html[data-pm="gripex"] h3,html[data-pm="gripex"] .brand{font-family:var(--head);letter-spacing:.01em}
html[data-pm="gripex"] .top{background:rgba(255,250,252,.9);border-bottom:2px dashed #f5b7d2}
html[data-pm="gripex"] .mbox,html[data-pm="gripex"] .jr:not(.off),html[data-pm="gripex"] .pv-panel,html[data-pm="gripex"] .rolltoast,html[data-pm="gripex"] .card,html[data-pm="gripex"] .selp,html[data-pm="gripex"] .ctxm{
  background-color:#fffafc;background-image:repeating-linear-gradient(0deg,rgba(255,150,195,.07) 0 10px,transparent 10px 20px),repeating-linear-gradient(90deg,rgba(255,150,195,.07) 0 10px,transparent 10px 20px);
  border:2px solid #f5b7d2;outline:2px dashed #ffbcd8;outline-offset:-8px;box-shadow:var(--shadow)}
html[data-pm="gripex"] .dm-side{background-color:#fffafc;background-image:repeating-linear-gradient(0deg,rgba(255,150,195,.06) 0 10px,transparent 10px 20px),repeating-linear-gradient(90deg,rgba(255,150,195,.06) 0 10px,transparent 10px 20px);border-left:2px dashed #f5b7d2}
html[data-pm="gripex"] .mbox{background-image:var(--bowsvg),repeating-linear-gradient(0deg,rgba(255,150,195,.07) 0 10px,transparent 10px 20px),repeating-linear-gradient(90deg,rgba(255,150,195,.07) 0 10px,transparent 10px 20px);background-repeat:no-repeat,repeat,repeat;background-size:44px 30px,auto,auto;background-position:calc(100% - 16px) 14px,0 0,0 0}
html[data-pm="gripex"] .btn{border-radius:999px;border-width:2px;font-family:var(--head);box-shadow:0 3px 0 #f5b7d2;background:#fff}
html[data-pm="gripex"] .btn:hover{box-shadow:0 3px 0 #ff8fc0,0 0 0 4px rgba(255,143,192,.18);border-color:#ff8fc0}
html[data-pm="gripex"] .btn:active{transform:translateY(2px);box-shadow:0 1px 0 #f5b7d2}
html[data-pm="gripex"] .btn.gold,html[data-pm="gripex"] .btn.primary{background:linear-gradient(180deg,#ff9cc8,#ff5fa2);color:#fff;border-color:#e8408c;box-shadow:0 4px 0 #c92f76,inset 0 2px 0 rgba(255,255,255,.45);text-shadow:0 1px 0 rgba(160,20,80,.35)}
html[data-pm="gripex"] .hbtn,html[data-pm="gripex"] .seg,html[data-pm="gripex"] .chip{border-radius:999px;border-width:2px;background:#fff}
html[data-pm="gripex"] .seg button{border-radius:999px;font-family:var(--head)}
html[data-pm="gripex"] .seg button.on{background:linear-gradient(180deg,#ff9cc8,#ff5fa2);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4)}
html[data-pm="gripex"] .pill{background:#fffafc;border:2px solid #f5b7d2}
html[data-pm="gripex"] .pill::after{content:'';width:24px;height:16px;margin-left:2px;flex:none;background:var(--bowsvg) center/contain no-repeat}
html[data-pm="gripex"] .die{border-radius:18px;border:2px solid #f5b7d2;background:#fff;color:#e8408c;font-family:var(--head);box-shadow:0 4px 0 #f7c6db}
html[data-pm="gripex"] .die:hover{background:#fff0f7;border-color:#ff8fc0;transform:translateY(-1px)}
html[data-pm="gripex"] .dbar{border-radius:999px;border:2px solid #f5b7d2;background:#fffafc}
html[data-pm="gripex"] .rolltoast{border-radius:28px;padding:20px 34px}
html[data-pm="gripex"] .rolltoast .rt-v{font-family:"Balsamiq Sans","Pangolin",sans-serif;color:#ff4f99;text-shadow:3px 3px 0 #ffd1e6}
html[data-pm="gripex"] .rolltoast.nat20{background-image:var(--heartsvg),var(--heartsvg),repeating-linear-gradient(0deg,rgba(255,150,195,.07) 0 10px,transparent 10px 20px);background-repeat:no-repeat;background-size:26px,18px,auto;background-position:14px 12px,calc(100% - 16px) calc(100% - 14px),0 0}
html[data-pm="gripex"] .rolltoast.nat20 .rt-v{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ff3d8f;animation:none}
html[data-pm="gripex"] .jm{border-radius:18px 18px 18px 6px;background:#fff;border:2px solid #ffd1e6}
html[data-pm="gripex"] .jm.mine{border-radius:18px 18px 6px 18px;background:#ffe0ee;border-color:#ffb3d1}
html[data-pm="gripex"] .jl{border-radius:14px;background:rgba(255,234,243,.8)}
html[data-pm="gripex"] .jl.n20{background:#ffd1e6;box-shadow:0 0 0 2px #ff8fc0 inset}
html[data-pm="gripex"] .tabs button{font-family:var(--head)}
html[data-pm="gripex"] .eggtoast{background:#fffafc;color:#5a2346;border:2px solid #ff9cc8;border-radius:999px;box-shadow:0 5px 0 #f7c6db,0 12px 26px rgba(255,95,162,.2);font-family:var(--body)}
html[data-pm="gripex"] .eggtoast .et-i{color:#ff5fa2}
html[data-pm="gripex"] input,html[data-pm="gripex"] textarea,html[data-pm="gripex"] select{border-radius:14px}
.pmbar.pm-gripex{background:#fffafc;border:2px solid #f5b7d2;outline:2px dashed #ffc6dd;outline-offset:-6px;box-shadow:0 4px 0 #f7c6db;color:#5a2346;font-family:"Comfortaa",sans-serif}
.pmbar.pm-gripex .svic{color:#ff5fa2}.pmbar.pm-gripex .pmb-n b{font-family:"Balsamiq Sans","Pangolin",sans-serif;color:#e8408c;font-size:14px}
.dcard.dc-gripex{border:3px solid #ffb3d1;border-radius:24px;box-shadow:0 8px 0 #f7c6db,0 22px 50px rgba(255,95,162,.3);font-family:"Comfortaa",sans-serif}
.dc-gripex .dc-ban{background-image:radial-gradient(#fff 2px,transparent 2.6px),linear-gradient(135deg,#ffd1e6,#ff9cc8)!important;background-size:16px 16px,auto!important;-webkit-mask:radial-gradient(12px at 50% 100%,#0000 98%,#000) 50% 0/24px 100%;mask:radial-gradient(12px at 50% 100%,#0000 98%,#000) 50% 0/24px 100%}
.dc-gripex .dc-avw{box-shadow:0 0 0 3px #ff9cc8}
.dc-gripex .dc-dn{font-family:"Balsamiq Sans","Pangolin",sans-serif;font-size:22px;color:#e8408c}
.dc-gripex .dc-bd span{border:1.5px dashed #ff9cc8;border-radius:999px;background:#fff}.dc-gripex .dc-bd .svic{color:#ff5fa2}
.dc-gripex .dc-r span{border-radius:999px}
.dc-gripex .dc-mode{border-radius:999px;background:linear-gradient(180deg,#ff9cc8,#ff5fa2);box-shadow:0 4px 0 #c92f76;font-family:"Balsamiq Sans",sans-serif}
.dc-gripex .dc-x{background:#fff;color:#e8408c;box-shadow:0 2px 0 #f7c6db}
html[data-pm="gripex"] .pm-kitty{width:80px;height:72px;filter:none}

/* =====================================================================
   NEYAL: restrained tanker. Flat gunmetal + olive drab, rivets, stencil. No filters, no animation.
   ===================================================================== */
html[data-pm="neyal"][data-theme][data-design]{--bg:#1b1e1c;--bg2:#212522;--panel:#262a27;--panel2:#2e332f;--line:#434a42;--text:#dcdccf;--muted:#979b8a;--gold:#98a457;--gold2:#bac76f;--ember:#c9a25a;--bad:#c4583a;--on-gold:#12140b;
  --head:"Oswald","Nunito",system-ui,sans-serif;--body:"Nunito",system-ui,sans-serif;--r:3px;--bw:1px;--shadow:none;--glow:none;--neon:none;
  --rivets:radial-gradient(circle at 7px 7px,#5b6356 1.6px,#1b1e1c 2.2px,transparent 2.8px),radial-gradient(circle at calc(100% - 7px) 7px,#5b6356 1.6px,#1b1e1c 2.2px,transparent 2.8px),radial-gradient(circle at 7px calc(100% - 7px),#5b6356 1.6px,#1b1e1c 2.2px,transparent 2.8px),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#5b6356 1.6px,#1b1e1c 2.2px,transparent 2.8px)}
html[data-pm="neyal"] body{background:#1b1e1c;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M2 2 L2 17 L6 13 L9 20 L12 19 L9 12 L15 12 Z' fill='%23dcdccf' stroke='%2312140b' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 2 2,auto}
html[data-pm="neyal"] *{scrollbar-color:#5b6356 #1b1e1c;scrollbar-width:thin}
html[data-pm="neyal"] ::-webkit-scrollbar{width:10px;height:10px}html[data-pm="neyal"] ::-webkit-scrollbar-track{background:#1b1e1c}html[data-pm="neyal"] ::-webkit-scrollbar-thumb{background:#4d5449;border:2px solid #1b1e1c}
html[data-pm="neyal"] ::selection{background:#98a457;color:#12140b}
html[data-pm="neyal"] h1,html[data-pm="neyal"] h2,html[data-pm="neyal"] h3,html[data-pm="neyal"] .brand{font-family:var(--head);font-weight:500;text-transform:uppercase;letter-spacing:.06em}
html[data-pm="neyal"] .top,html[data-pm="neyal"] .pill,html[data-pm="neyal"] .jr:not(.off),html[data-pm="neyal"] .pv-panel,html[data-pm="neyal"] .rolltoast,html[data-pm="neyal"] .eggtoast{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-pm="neyal"] .top{background:#222622;border-bottom:1px solid #434a42}
html[data-pm="neyal"] .mbox,html[data-pm="neyal"] .jr:not(.off),html[data-pm="neyal"] .pv-panel,html[data-pm="neyal"] .card,html[data-pm="neyal"] .selp,html[data-pm="neyal"] .ctxm{background-color:#262a27;background-image:var(--rivets);border:1px solid #434a42;border-top:3px solid #6f7843;box-shadow:none}
html[data-pm="neyal"] .dm-side{background:#232724;border-left:1px solid #434a42}
html[data-pm="neyal"] .pill{background:#262a27;border:1px solid #434a42;border-radius:3px;box-shadow:none}
html[data-pm="neyal"] .pill .code,html[data-pm="neyal"] .code{font-family:"IBM Plex Mono",monospace;letter-spacing:.08em}
html[data-pm="neyal"] .btn,html[data-pm="neyal"] .hbtn,html[data-pm="neyal"] .seg,html[data-pm="neyal"] .chip{border-radius:3px;box-shadow:none!important;transition:none}
html[data-pm="neyal"] .btn{font-family:var(--head);text-transform:uppercase;letter-spacing:.05em;font-weight:500;background:#2e332f}
html[data-pm="neyal"] .btn:hover,html[data-pm="neyal"] .hbtn:hover{background:#363c37;border-color:#98a457}
html[data-pm="neyal"] .btn.gold,html[data-pm="neyal"] .btn.primary{background:#98a457;border-color:#98a457;color:#12140b}
html[data-pm="neyal"] .btn.gold:hover{background:#aab664}
html[data-pm="neyal"] .seg button{border-radius:2px;font-family:var(--head);text-transform:uppercase;letter-spacing:.04em;font-weight:500}
html[data-pm="neyal"] .seg button.on{background:#98a457;color:#12140b}
html[data-pm="neyal"] .tabs button{font-family:var(--head);text-transform:uppercase;letter-spacing:.05em}
html[data-pm="neyal"] .die{border-radius:3px;background:#2e332f;color:#bac76f;font-family:"IBM Plex Mono",monospace;font-weight:500}
html[data-pm="neyal"] .die:hover{background:#363c37}
html[data-pm="neyal"] .dbar{border-radius:3px;background:#262a27;box-shadow:none}
html[data-pm="neyal"] .rolltoast{border-radius:3px;border:1px solid #6f7843;border-top:4px solid #98a457;background:#262a27 var(--rivets);box-shadow:none}
html[data-pm="neyal"] .rolltoast.pop{animation:none}
html[data-pm="neyal"] .rolltoast .rt-v{font-family:"IBM Plex Mono",monospace;font-weight:500;color:#bac76f}
html[data-pm="neyal"] .rolltoast.nat20{box-shadow:none;border-color:#bac76f}
html[data-pm="neyal"] .rolltoast.nat20 .rt-v{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#d8e38a;animation:none;filter:none}
html[data-pm="neyal"] .jl{border-radius:2px;background:#2a2e2a}
html[data-pm="neyal"] .jl.n20{background:#343b2a;box-shadow:inset 3px 0 0 #98a457}
html[data-pm="neyal"] .jl.n1{box-shadow:inset 3px 0 0 #c4583a}
html[data-pm="neyal"] .jl .jv{font-family:"IBM Plex Mono",monospace;font-weight:500}
html[data-pm="neyal"] .jm{border-radius:2px;background:#2e332f;border-left:3px solid #5b6356}
html[data-pm="neyal"] .jm.mine{border-radius:2px;background:#323826;border-left:0;border-right:3px solid #98a457}
html[data-pm="neyal"] .eggtoast{background:#262a27;color:#dcdccf;border:1px solid #6f7843;border-left:4px solid #98a457;border-radius:2px;box-shadow:none;font-family:"Oswald",sans-serif;letter-spacing:.03em;transition:none}
html[data-pm="neyal"] .eggtoast .et-i{color:#bac76f}
html[data-pm="neyal"] input,html[data-pm="neyal"] textarea,html[data-pm="neyal"] select{border-radius:2px}
.pmbar.pm-neyal{border-radius:3px;background:#262a27 var(--rivets);border:1px solid #434a42;border-top:2px solid #6f7843;box-shadow:none;font:500 13px "Oswald","Nunito",sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px}
.pmbar.pm-neyal button{border-radius:2px;transition:none}
.pmbar.pm-neyal button:hover{background:#343a34}
.pmbar.pm-neyal button.on{background:#3a4129;color:#d8e38a}
.pmbar.pm-neyal .pmb-n b{font-family:"Stalinist One",sans-serif;font-weight:400;font-size:11px;letter-spacing:.08em;color:#bac76f}
.pmbar.pm-neyal .pmb-sight{border:1px solid #5b6356}
.pmbar.pm-neyal .pmb-sight b{font-family:"IBM Plex Mono",monospace}
.pmbar.pm-neyal .pmb-sight:not(.on){color:#979b8a}
.dcard.dc-neyal{border-radius:4px;border:1px solid #4b5245;background:#232724;box-shadow:0 18px 40px rgba(0,0,0,.6);transition:opacity .15s}
.dc-neyal .dc-ban{position:relative;background:#3a4129!important;background-image:repeating-linear-gradient(90deg,transparent 0 46px,rgba(0,0,0,.18) 46px 48px)!important}
.dc-neyal .dc-ban::after{content:'ОТРЯД ВОЛЬТ · 7781';position:absolute;right:14px;bottom:10px;font:400 12px "Stalinist One",sans-serif;letter-spacing:.12em;color:rgba(220,224,190,.55)}
.dc-neyal .dc-b,.dc-neyal .dc-avw{background:#232724}.dc-neyal .dc-on{border-color:#232724}
.dc-neyal .dc-avw{border-radius:4px}.dc-neyal .dc-av{border-radius:3px}
.dc-neyal .dc-dn{font-family:"Oswald",sans-serif;font-weight:500;letter-spacing:.02em}
.dc-neyal .dc-h{font-family:"Oswald",sans-serif;font-weight:500;letter-spacing:.1em;color:#979b8a}
.dc-neyal .dc-bd span,.dc-neyal .dc-r span{border-radius:2px;background:#2e332f;font-family:"IBM Plex Mono",monospace;font-weight:500}
.dc-neyal .dc-bd .svic{color:#bac76f}
.dc-neyal .dc-mode{border-radius:3px;background:#98a457;color:#12140b;font-family:"Oswald",sans-serif;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.dc-neyal .dc-mode:hover{filter:none;background:#aab664}
.dc-neyal .dc-x{border-radius:3px}
html[data-pm="neyal"] .pmsight{mix-blend-mode:normal;opacity:.55}html[data-pm="neyal"] .pmsight svg{filter:none}

/* =====================================================================
   CHEL: S.T.A.L.K.E.R. Rust, scratched metal, PDA bevel with screws, LCD digits.
   ===================================================================== */
html[data-pm="chel"][data-theme][data-design]{--bg:#121009;--panel:#1d1b14;--panel2:#27241b;--line:#4d4330;--text:#e6dcc0;--muted:#a99c7b;--gold:#d9a441;--gold2:#f0c060;
  --head:"Russo One","Rubik Mono One",system-ui,sans-serif;--body:"PT Mono",ui-monospace,monospace;--lcd:"Pixelify Sans","PT Mono",monospace;--r:4px;
  --rust:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .03' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .55  0 0 0 0 .26  0 0 0 0 .1  0 0 0 1.6 -.75'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)'/%3E%3C/svg%3E");
  --metal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .04' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 .9  0 0 0 0 .7  0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");
  --scratch:repeating-linear-gradient(115deg,transparent 0 37px,rgba(255,235,190,.035) 37px 38px,transparent 38px 91px),repeating-linear-gradient(68deg,transparent 0 53px,rgba(0,0,0,.18) 53px 54px,transparent 54px 120px);
  --screws:radial-gradient(circle at 8px 8px,#8d8068 0 2px,#3a3326 2.4px 3.4px,transparent 3.8px),radial-gradient(circle at calc(100% - 8px) 8px,#8d8068 0 2px,#3a3326 2.4px 3.4px,transparent 3.8px),radial-gradient(circle at 8px calc(100% - 8px),#8d8068 0 2px,#3a3326 2.4px 3.4px,transparent 3.8px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#8d8068 0 2px,#3a3326 2.4px 3.4px,transparent 3.8px);
  --hazard:repeating-linear-gradient(-45deg,#d9a441 0 10px,#17140d 10px 20px);
  --trefoil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11.4' fill='%23f0c060'/%3E%3Cpath fill='%2317140d' d='M13.55 14.68L16.80 20.31A9.6 9.6 0 0 1 7.20 20.31L10.45 14.68A3.1 3.1 0 0 0 13.55 14.68ZM8.90 12.00L2.40 12.00A9.6 9.6 0 0 1 7.20 3.69L10.45 9.32A3.1 3.1 0 0 0 8.90 12.00ZM13.55 9.32L16.80 3.69A9.6 9.6 0 0 1 21.60 12.00L15.10 12.00A3.1 3.1 0 0 0 13.55 9.32Z'/%3E%3Ccircle cx='12' cy='12' r='1.9' fill='%2317140d'/%3E%3C/svg%3E")}
html[data-pm="chel"] body{background-color:#121009;background-image:radial-gradient(ellipse at 50% 40%,transparent 40%,rgba(0,0,0,.7)),var(--rust),var(--glow);background-size:auto,480px 480px,auto;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M2 2 L2 18 L6.5 14 L10 21.5 L13 20 L9.5 13 L15.5 13 Z' fill='%23e6dcc0' stroke='%23140f08' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='20' cy='20' r='3.2' fill='none' stroke='%23f0c060' stroke-width='1.4'/%3E%3C/svg%3E") 2 2,auto}
html[data-pm="chel"] *{scrollbar-color:#7a5a32 #17140d}
html[data-pm="chel"] ::-webkit-scrollbar{width:12px;height:12px}html[data-pm="chel"] ::-webkit-scrollbar-track{background:#17140d;box-shadow:inset 0 0 0 1px #3a3326}
html[data-pm="chel"] ::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8a5a2b,#5e3d1d);border:2px solid #17140d}
html[data-pm="chel"] ::selection{background:#d9a441;color:#17140d}
html[data-pm="chel"] h1,html[data-pm="chel"] h2,html[data-pm="chel"] h3,html[data-pm="chel"] .brand{font-family:var(--head);letter-spacing:.04em;text-transform:uppercase}
html[data-pm="chel"] .mbox,html[data-pm="chel"] .jr:not(.off),html[data-pm="chel"] .pv-panel,html[data-pm="chel"] .rolltoast,html[data-pm="chel"] .card,html[data-pm="chel"] .selp,html[data-pm="chel"] .ctxm,html[data-pm="chel"] .mapsd{
  background-color:#1d1b14;background-image:var(--screws),var(--scratch),var(--metal),linear-gradient(180deg,#26231a,#18160f);border:2px solid #4d4330!important;border-top:3px solid #8a5a2b!important;
  box-shadow:inset 0 1px 0 rgba(255,220,150,.1),inset 0 -2px 0 rgba(0,0,0,.45),inset 0 0 0 4px #17140d,inset 0 0 0 5px #3a3326,0 10px 26px rgba(0,0,0,.6)}
html[data-pm="chel"] .mbox{padding-top:30px;background-image:var(--hazard),var(--screws),var(--scratch),var(--metal),linear-gradient(180deg,#26231a,#18160f);background-size:100% 8px,auto,auto,auto,auto;background-repeat:no-repeat,no-repeat,repeat,repeat,no-repeat}
html[data-pm="chel"] .top{background-color:#1a1811;background-image:var(--scratch),var(--metal);border-bottom:2px solid #4d4330;box-shadow:0 2px 0 #0c0a06}
html[data-pm="chel"] .dm-side{background-color:#1a1811;background-image:var(--scratch),var(--metal);border-left:2px solid #4d4330!important}
html[data-pm="chel"] .pill{border-radius:3px;background:#1d1b14 var(--metal);border:2px solid #4d4330!important}
html[data-pm="chel"] .pill::before{content:'';width:16px;height:16px;flex:none;margin-right:2px;background:var(--trefoil) center/contain no-repeat}
html[data-pm="chel"] .code,html[data-pm="chel"] .pill .code{font-family:var(--lcd);color:#c9e07a;letter-spacing:.12em;text-shadow:0 0 6px rgba(190,230,110,.35)}
html[data-pm="chel"] .btn{border-radius:3px;font-family:var(--head);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#e6dcc0;background:linear-gradient(180deg,#3a3428,#24201a);border:1px solid #5a4a32;box-shadow:inset 0 1px 0 rgba(255,220,150,.14),0 2px 0 #0c0a06}
html[data-pm="chel"] .btn:hover{border-color:#d9a441;color:#f0c060;box-shadow:inset 0 1px 0 rgba(255,220,150,.14),0 0 0 2px rgba(217,164,65,.2)}
html[data-pm="chel"] .btn.gold,html[data-pm="chel"] .btn.primary{background:linear-gradient(180deg,#e0b050,#a8742a);color:#17140d;border-color:#6b4a18;text-shadow:0 1px 0 rgba(255,230,160,.4)}
html[data-pm="chel"] .hbtn,html[data-pm="chel"] .seg,html[data-pm="chel"] .chip{border-radius:3px;background:#211e16}
html[data-pm="chel"] .seg button{border-radius:2px;font-family:var(--head);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
html[data-pm="chel"] .seg button.on{background:linear-gradient(180deg,#e0b050,#a8742a);color:#17140d}
html[data-pm="chel"] .tabs button{font-family:var(--head);letter-spacing:.04em;text-transform:uppercase;font-size:14px}
html[data-pm="chel"] .die{border-radius:3px;font-family:var(--lcd);font-weight:500;color:#c9e07a;background:#141810;border:1px solid #4d4330;box-shadow:inset 0 0 14px rgba(120,160,70,.12)}
html[data-pm="chel"] .die:hover{border-color:#d9a441;color:#e2f59a}
html[data-pm="chel"] .dbar{border-radius:3px}
html[data-pm="chel"] .rolltoast{border-radius:4px;padding:22px 34px}
html[data-pm="chel"] .rolltoast .rt-v{font-family:var(--lcd);font-weight:500;color:#c9e07a;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px),#11160d;padding:2px 18px;margin:6px 0;border:1px solid #3a3326;text-shadow:0 0 10px rgba(190,230,110,.45)}
html[data-pm="chel"] .rolltoast.nat20 .rt-v{-webkit-background-clip:border-box;background-clip:border-box;color:#f0c060;animation:none}
html[data-pm="chel"] .rolltoast.nat20{box-shadow:inset 0 0 0 4px #17140d,inset 0 0 0 5px #d9a441,0 0 30px rgba(217,164,65,.35)}
html[data-pm="chel"] .jl{border-radius:2px;background:rgba(20,24,14,.6);border-left:2px solid #3a3326}
html[data-pm="chel"] .jl .jv{font-family:var(--lcd);font-weight:500;color:#c9e07a}
html[data-pm="chel"] .jl.n20{background:rgba(217,164,65,.16);border-left-color:#d9a441;box-shadow:none}
html[data-pm="chel"] .jm{border-radius:2px;background:#141810;border:1px solid #33402a;color:#cfe6a8}
html[data-pm="chel"] .jm.mine{border-radius:2px;background:#221d12;border-color:#5a4a32;color:#f0deb0}
html[data-pm="chel"] .eggtoast{background:#141a12;color:#cfe6a8;border:2px solid #5a4a32;border-radius:4px;font-family:"PT Mono",monospace;box-shadow:inset 0 0 0 3px #0e110a,0 12px 30px rgba(0,0,0,.6)}
html[data-pm="chel"] .eggtoast .et-i{color:#f0c060}
html[data-pm="chel"] input,html[data-pm="chel"] textarea,html[data-pm="chel"] select{border-radius:2px;background:#141810;color:#cfe6a8}
.pmbar.pm-chel{border-radius:3px;background:#1d1b14;background-image:var(--scratch),var(--metal);border:2px solid #5a4a32;box-shadow:inset 0 0 0 3px #17140d,0 6px 18px rgba(0,0,0,.55);padding:5px 8px}
.pmbar.pm-chel .svic{color:#f0c060}
.pmbar.pm-chel .pmb-n b{font-family:"Russo One",sans-serif}
.pmbar.pm-chel .pmb-dose{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:#11160d;border:1px solid #33402a;border-radius:2px;color:#b9d36a;font:500 13px "Pixelify Sans","PT Mono",monospace}
.pmbar.pm-chel .pmb-dose .svic{color:#b9d36a}
.pmbar.pm-chel #pmDose{font-family:"Pixelify Sans",monospace;font-weight:500;font-size:15px;text-shadow:0 0 6px rgba(190,230,110,.4)}
.pmbar.pm-chel .pmb-tick{font-family:"PT Mono",monospace}
.dcard.dc-chel{border-radius:6px;border:3px solid #4d4330;background:#1d1b14;box-shadow:inset 0 0 0 3px #17140d,0 20px 50px rgba(0,0,0,.7);font-family:"PT Mono",monospace}
.dc-chel .dc-ban{background:var(--hazard)!important;height:22px;margin-bottom:64px;border-bottom:2px solid #17140d}
.dc-chel .dc-avw{top:30px;border-radius:4px;background:#141810;box-shadow:0 0 0 2px #4d4330}.dc-chel .dc-av{border-radius:2px;filter:sepia(.35) contrast(1.05)}
.dc-chel .dc-on{border-color:#141810;border-radius:2px;background:#9fbf6a}
.dc-chel .dc-b{background-color:#1d1b14;background-image:var(--scratch),var(--metal)}
.dc-chel .dc-dn{font-family:"Pixelify Sans","PT Mono",monospace;font-weight:500;font-size:22px;color:#c9e07a;letter-spacing:.03em}
.dc-chel .dc-un{color:#a99c7b}
.dc-chel .dc-h{font-family:"Russo One",sans-serif;font-weight:400;color:#d9a441;letter-spacing:.12em}
.dc-chel .dc-bd span,.dc-chel .dc-r span{border-radius:2px;background:#141810;border:1px solid #33402a;color:#cfe6a8}
.dc-chel .dc-bd .svic{color:#f0c060}
.dc-chel .dc-gamma{background:#11160d;border-left:3px solid #d9a441;color:#c9e07a;font-family:"Pixelify Sans","PT Mono",monospace;font-weight:500}
.dc-chel .dc-mode{border-radius:3px;background:linear-gradient(180deg,#e0b050,#a8742a);color:#17140d;font-family:"Russo One",sans-serif;font-weight:400;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 0 #0c0a06}
.dc-chel .dc-x{border-radius:3px;background:#17140d;color:#f0c060;border:1px solid #5a4a32}
.pmpda .pda-f::before{content:'';display:inline-block;width:13px;height:10px;margin-right:6px;vertical-align:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20'%3E%3Crect x='1.5' y='1.5' width='23' height='17' rx='2' fill='none' stroke='%239fbf6a' stroke-width='2.4'/%3E%3Cpath d='M2 3 13 11 24 3' fill='none' stroke='%239fbf6a' stroke-width='2.4'/%3E%3C/svg%3E") center/contain no-repeat}
.pmpda .pda-m{font-family:"Pixelify Sans","Russo One",sans-serif;font-weight:500}
html[data-pm="chel"] .pmpda{border:3px solid #4d4330;box-shadow:inset 0 0 0 3px #0e110a,inset 0 0 40px rgba(120,160,80,.14),0 14px 40px rgba(0,0,0,.6)}

/* potato: drop the textures (static anyway, but keep it cheapest) */
html.potato[data-pm="chel"] body,html.potato[data-pm="gripex"] body{background-image:none!important}
html.potato[data-pm="chel"] .mbox,html.potato[data-pm="chel"] .jr:not(.off),html.potato[data-pm="chel"] .pv-panel,html.potato[data-pm="chel"] .rolltoast,html.potato[data-pm="chel"] .top,html.potato[data-pm="chel"] .dm-side,html.potato .pmbar.pm-chel{background-image:var(--screws)}
