/* v5p1: chel «Чистое небо» variant. Original art; blue-teal + steel grey, misty swamp at dawn. */
html[data-pm="chel"][data-csv="cs"][data-theme][data-design]{--bg:#16232a;--bg2:#1b2a31;--panel:#1f2d33;--panel2:#273840;--line:#4c636a;--text:#e3ece9;--muted:#9fb3b3;--gold:#6fc3c0;--gold2:#a6e4dc;--ember:#d98a5a;--heal:#8fc7a0;--ok:#8fc7a0;--bad:#e06a50;--on-gold:#0e1b1f;--fly:#a6e4dc;--star:#b9cfcc;
  --glow:radial-gradient(900px 500px at 75% 95%,rgba(255,236,200,.16),transparent 60%);
  --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='.01 .02' numOctaves='3' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 .55  0 0 0 0 .7  0 0 0 0 .72  0 0 0 1.2 -.7'/%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='5'/%3E%3CfeColorMatrix values='0 0 0 0 .8  0 0 0 0 .92  0 0 0 0 1  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(210,235,240,.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,#9aa9ab 0 2px,#33434a 2.4px 3.4px,transparent 3.8px),radial-gradient(circle at calc(100% - 8px) 8px,#9aa9ab 0 2px,#33434a 2.4px 3.4px,transparent 3.8px),radial-gradient(circle at 8px calc(100% - 8px),#9aa9ab 0 2px,#33434a 2.4px 3.4px,transparent 3.8px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#9aa9ab 0 2px,#33434a 2.4px 3.4px,transparent 3.8px);
  --hazard:repeating-linear-gradient(-45deg,#6fc3c0 0 10px,#14232a 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' fill='none' stroke='%23a6e4dc' stroke-width='2'/%3E%3Cpath d='M12 18V7M8 10l4-4 4 4M7 14q5-3 10 0' stroke='%23a6e4dc' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  --shadow:0 8px 24px rgba(4,12,16,.55),inset 0 0 0 1px rgba(200,235,240,.05);color-scheme:dark;background:#1a2a30}
html[data-pm="chel"][data-csv="cs"] body{background:transparent!important;background-image:none!important}
.cs-scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#17262d 0%,#2c454c 35%,#6a8c90 66%,#b7c9c4 86%,#dcd0b6 100%)}
.cs-scene::before{content:'';position:absolute;inset:0;background:radial-gradient(60% 35% at 72% 88%,rgba(255,240,214,.45),transparent 70%)}
.cs-scene svg{position:absolute;left:0;bottom:0;width:100%;height:42vh;min-height:220px;display:block}
.cs-scene::after{content:'';position:absolute;left:-20%;right:-20%;bottom:6vh;height:18vh;background:radial-gradient(50% 50% at 30% 50%,rgba(225,236,232,.42),transparent 70%),radial-gradient(40% 50% at 75% 60%,rgba(225,236,232,.35),transparent 70%);filter:blur(6px);animation:csMist 38s ease-in-out infinite alternate}
@keyframes csMist{from{transform:translateX(-6%)}to{transform:translateX(6%)}}
.cs-scene .cs-blink{animation:csBlink 2.4s steps(2) infinite}
@keyframes csBlink{50%{opacity:.15}}
html[data-pm="chel"][data-csv="cs"] *{scrollbar-color:#5f7e84 #142229}
html[data-pm="chel"][data-csv="cs"] ::-webkit-scrollbar-track{background:#142229;box-shadow:inset 0 0 0 1px #33464c}
html[data-pm="chel"][data-csv="cs"] ::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6f8b90,#465e64);border:2px solid #142229}
html[data-pm="chel"][data-csv="cs"] ::selection{background:#6fc3c0;color:#0e1b1f}
html[data-pm="chel"][data-csv="cs"] .mbox,html[data-pm="chel"][data-csv="cs"] .jr:not(.off),html[data-pm="chel"][data-csv="cs"] .pv-panel,html[data-pm="chel"][data-csv="cs"] .rolltoast,html[data-pm="chel"][data-csv="cs"] .card,html[data-pm="chel"][data-csv="cs"] .selp,html[data-pm="chel"][data-csv="cs"] .ctxm,html[data-pm="chel"][data-csv="cs"] .mapsd{
  background-color:rgba(28,42,48,.94);background-image:var(--screws),var(--scratch),var(--metal),linear-gradient(180deg,rgba(46,64,72,.95),rgba(24,36,42,.96));border:2px solid #4c636a!important;border-top:3px solid #6f9aa0!important;
  box-shadow:inset 0 1px 0 rgba(210,240,245,.1),inset 0 -2px 0 rgba(0,0,0,.4),inset 0 0 0 4px #15232a,inset 0 0 0 5px #34484e,0 10px 26px rgba(4,12,16,.5)}
html[data-pm="chel"][data-csv="cs"] .mbox{background-image:var(--hazard),var(--screws),var(--scratch),var(--metal),linear-gradient(180deg,#2a3c44,#18262c)}
html[data-pm="chel"][data-csv="cs"] .top,html[data-pm="chel"][data-csv="cs"] .dm-side{background-color:rgba(24,37,43,.95);background-image:var(--scratch),var(--metal);border-color:#4c636a!important}
html[data-pm="chel"][data-csv="cs"] .top{border-bottom:2px solid #4c636a;box-shadow:0 2px 0 #0b161a}
html[data-pm="chel"][data-csv="cs"] .jr,html[data-pm="chel"][data-csv="cs"] .pv-panel,html[data-pm="chel"][data-csv="cs"] .dm-side{border-top-color:#6f9aa0!important}
html[data-pm="chel"][data-csv="cs"] .pill{background:#1f2d33 var(--metal);border:2px solid #4c636a!important}
html[data-pm="chel"][data-csv="cs"] .pill::before{color:#a6e4dc}
html[data-pm="chel"][data-csv="cs"] .code,html[data-pm="chel"][data-csv="cs"] .pill .code,html[data-pm="chel"][data-csv="cs"] .rt-v{color:#a6e4dc;text-shadow:0 0 6px rgba(140,220,215,.35)}
html[data-pm="chel"][data-csv="cs"] .btn{color:#e3ece9;background:linear-gradient(180deg,#3b4f56,#26363c);border:1px solid #58737a;box-shadow:inset 0 1px 0 rgba(210,240,245,.14),0 2px 0 #0b161a}
html[data-pm="chel"][data-csv="cs"] .btn:hover{border-color:#6fc3c0;color:#a6e4dc;box-shadow:inset 0 1px 0 rgba(210,240,245,.14),0 0 0 2px rgba(111,195,192,.22)}
html[data-pm="chel"][data-csv="cs"] .btn.gold,html[data-pm="chel"][data-csv="cs"] .btn.primary{background:linear-gradient(180deg,#7fcfca,#3f8f8d);color:#0e1b1f;border-color:#2a5d5c;text-shadow:none}
html[data-pm="chel"][data-csv="cs"] .hbtn,html[data-pm="chel"][data-csv="cs"] .seg,html[data-pm="chel"][data-csv="cs"] .chip{background:#1c2a30}
html[data-pm="chel"][data-csv="cs"] .seg button.on{background:linear-gradient(180deg,#7fcfca,#3f8f8d);color:#0e1b1f}
html[data-pm="chel"][data-csv="cs"] .die{color:#a6e4dc;background:#13212a;border:1px solid #4c636a;box-shadow:inset 0 0 14px rgba(110,190,190,.12)}
html[data-pm="chel"][data-csv="cs"] .die:hover{border-color:#6fc3c0;color:#c8f3ec}
html[data-pm="chel"][data-csv="cs"] .rolltoast .rt-v{background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px),#10202a}
html[data-pm="chel"][data-csv="cs"] .rolltoast.nat20{box-shadow:inset 0 0 0 4px #14232a,inset 0 0 0 5px #6fc3c0,0 0 30px rgba(111,195,192,.35)}
html[data-pm="chel"][data-csv="cs"] .jl{background:rgba(18,32,38,.7);border-left:2px solid #34484e}
html[data-pm="chel"][data-csv="cs"] .jl .jv{color:#a6e4dc}
html[data-pm="chel"][data-csv="cs"] .jl.n20{background:rgba(111,195,192,.16);border-left-color:#6fc3c0}
html[data-pm="chel"][data-csv="cs"] .jm{background:#13212a;border:1px solid #34484e;color:#cfe6e4}
html[data-pm="chel"][data-csv="cs"] .jm.mine{background:#1d2e36;border-color:#58737a;color:#e3ece9}
html[data-pm="chel"][data-csv="cs"] .eggtoast,html[data-pm="chel"][data-csv="cs"] .pmpda{background:#13212a;color:#cfe6e4;border-color:#58737a!important;box-shadow:inset 0 0 0 3px #0b161a,inset 0 0 40px rgba(110,190,190,.12),0 14px 40px rgba(4,12,16,.6)}
html[data-pm="chel"][data-csv="cs"] .eggtoast .et-i{color:#a6e4dc}
html[data-pm="chel"][data-csv="cs"] input,html[data-pm="chel"][data-csv="cs"] textarea,html[data-pm="chel"][data-csv="cs"] select{background:#13212a;color:#dcebe8;border-color:#4c636a}
html[data-pm="chel"][data-csv="cs"] .maphost{background:#15232a!important}
html[data-csv="cs"] .pmbar.pm-chel{background:linear-gradient(180deg,#2c3f46,#1a282e);background-image:var(--scratch),var(--metal),linear-gradient(180deg,#2c3f46,#1a282e);border:2px solid #58737a;color:#e3ece9;box-shadow:inset 0 0 0 3px #14232a,0 6px 18px rgba(4,12,16,.5)}
html[data-csv="cs"] .pmbar.pm-chel .svic,html[data-csv="cs"] .pmbar.pm-chel .pmb-n b{color:#a6e4dc}
html[data-csv="cs"] .pmbar.pm-chel .pmb-dose{background:#10202a;border-color:#34484e;color:#a6e4dc}
html[data-csv="cs"] .pmbar.pm-chel .pmb-dose .svic{color:#a6e4dc}
html[data-csv="cs"] .pmbar.pm-chel #pmDose{text-shadow:0 0 6px rgba(140,220,215,.4)}
.pmbar.pm-chel .pmb-csv b{font-family:"Russo One",sans-serif;letter-spacing:.06em;font-weight:400}
.pmbar.pm-chel .pmb-csv.on{outline:1px solid #6fc3c0;outline-offset:-2px}
.pmbar.pm-chel .pmb-sid{font-family:"PT Mono",monospace}
/* Sidorovich radio message */
.cs-sid{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);z-index:9460;width:min(460px,94vw);cursor:pointer;color:#e6e0cf;background:#1c2420;border:2px solid #5d6a5a;border-radius:6px;
  box-shadow:inset 0 0 0 3px #0e1310,inset 0 0 40px rgba(150,170,130,.1),0 14px 40px rgba(0,0,0,.6);font-family:"PT Mono",ui-monospace,monospace;animation:csIn .28s ease-out}
.cs-sid.out{opacity:0;transform:translate(-50%,10px);transition:.3s}
@keyframes csIn{from{opacity:0;transform:translate(-50%,14px)}}
.cs-sh{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid #3a4438;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#b9c4a8;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}
.cs-sh b{font-weight:600}.cs-tm{margin-left:auto;opacity:.7}
.cs-led{width:8px;height:8px;border-radius:50%;background:#e0663f;box-shadow:0 0 6px #e0663f;animation:csBlink 1s steps(2) infinite}
.cs-x{background:none;border:0;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0 2px;min-width:28px;min-height:28px}
.cs-sb{display:flex;gap:12px;padding:12px;align-items:flex-start;position:relative}
.cs-sb::before{content:'';position:absolute;left:30px;top:-1px;width:0;height:0}
.cs-face{flex:none;width:58px;height:58px;border:2px solid #3a4438;border-radius:4px;overflow:hidden;filter:sepia(.25) contrast(1.05)}.cs-face svg{width:100%;height:100%;display:block}
.cs-who{font-weight:700;color:#e8c27a;letter-spacing:.04em;margin-bottom:4px}
.cs-txt{font-size:15px;line-height:1.45}
html[data-csv="cs"] .cs-sid{background:#13212a;border-color:#58737a;color:#e3ece9}
html[data-csv="cs"] .cs-sh{border-color:#34484e;color:#a6c9c6}
html[data-csv="cs"] .cs-who{color:#a6e4dc}
@media (max-width:860px){.cs-sid{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.cs-txt{font-size:14px}.cs-face{width:48px;height:48px}.cs-scene svg{height:34vh}}
html.potato .cs-scene::after,html.potato .cs-scene .cs-blink,html.potato .cs-led,html.potato .cs-sid{animation:none!important}
html.potato .cs-scene::after{filter:none}
html.potato .cs-sid,html.potato[data-pm="chel"][data-csv="cs"] .mbox,html.potato[data-pm="chel"][data-csv="cs"] .jr:not(.off),html.potato[data-pm="chel"][data-csv="cs"] .pv-panel,html.potato[data-pm="chel"][data-csv="cs"] .rolltoast,html.potato[data-pm="chel"][data-csv="cs"] .card,html.potato[data-pm="chel"][data-csv="cs"] .top,html.potato[data-pm="chel"][data-csv="cs"] .dm-side,html.potato[data-csv="cs"] .pmbar.pm-chel{background-image:none;box-shadow:none}
@media (prefers-reduced-motion:reduce){.cs-scene::after,.cs-scene .cs-blink,.cs-led,.cs-sid{animation:none!important}}
html[data-csv="cs"] .pmpda .pda-h{background:#22343b;color:#a6e4dc}
html[data-csv="cs"] .pmpda .pda-f{color:#8fc7c0}
html[data-csv="cs"] .pmpda .pda-m{color:#e8f2ef;text-shadow:0 0 8px rgba(160,230,225,.25)}
html[data-pm="chel"][data-csv="cs"] .jr .jt.on,html[data-pm="chel"][data-csv="cs"] .tabs button.on{color:#0e1b1f}
.cs-fore{position:fixed;left:0;right:0;bottom:0;height:15vh;min-height:70px;max-height:150px;z-index:3;pointer-events:none;opacity:.55}
.cs-fore svg{width:100%;height:100%;display:block}
.cs-fore::before{content:'';position:absolute;left:-10%;right:-10%;bottom:20%;height:60%;background:radial-gradient(45% 50% at 40% 50%,rgba(220,234,230,.35),transparent 70%);animation:csMist 30s ease-in-out infinite alternate}
html.potato .cs-fore::before{animation:none}html.potato .cs-fore{opacity:.4}
@media (prefers-reduced-motion:reduce){.cs-fore::before{animation:none}}
html[data-pm="chel"][data-csv="cs"] .maphost{background:linear-gradient(180deg,#17262d,#2c454c 70%,#4f6f74)!important}