/* ============================================================
   ТЕМЫ САЙТА: Мистика, Y2K, Cyberpunk 2077, Terminal, Рокерская
   Каждая меняет цвета, шрифты, фон, частицы, лоадер, крестик, эффекты.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Press+Start+2P&family=Share+Tech+Mono&family=Oswald:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap&subset=cyrillic,latin');

/* ============ МИСТИКА (по умолчанию — :root в style.css) ============ */
body[data-theme="mystic"]{}
/* крест закрытия: мягкое тёплое сияние */
body[data-theme="mystic"] .pm-x{box-shadow:0 10px 30px -8px var(--shadow),0 0 22px -4px var(--gold)}
body[data-theme="mystic"] .pm-x:hover{box-shadow:0 0 30px 0 var(--gold)}

/* ============================================================
   Y2K — глянцевый ретро-футуризм 2000-х: хром, пузыри, розовый+циан
   ============================================================ */
body[data-theme="y2k"]{
  --bg:#008080; --panel:#c0c0c0; --panel-2:#d4d0c8; --panel-hi:#e8e6e0; --panel-3:#a8a8a0;
  --ink:#1a1a1a; --ink-soft:#3a3a3a; --line:#808080;
  --gold:#000080; --gold-d:#0000a0; --lilac:#000080; --rose:#a00000; --sage:#008000; --caramel:#000080; --pistachio:#008000;
  --shadow:rgba(0,0,0,.4);
  background:#008080;
}
body[data-theme="y2k"] *{font-family:'Tahoma','Segoe UI',sans-serif}
body[data-theme="y2k"] .display-name{
  font-family:'Tahoma',sans-serif;font-weight:700;color:#000080;letter-spacing:0;-webkit-text-fill-color:#000080;
  background:none;filter:none;text-shadow:none}
/* объёмная win95-кнопка: светлые верх/лево, тёмные низ/право */
body[data-theme="y2k"] .contact{
  background:#c0c0c0;color:#000;font-weight:700;border-radius:0;
  border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #404040;border-bottom:2px solid #404040;
  box-shadow:inset -1px -1px 0 #808080,inset 1px 1px 0 #dfdfdf}
body[data-theme="y2k"] .contact:hover{background:#d0d0d0}
body[data-theme="y2k"] .contact:active{border-top:2px solid #404040;border-left:2px solid #404040;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff}
/* панели — серые с бортом наружу (outset) */
body[data-theme="y2k"] .pcard,body[data-theme="y2k"] .proj-card,body[data-theme="y2k"] .sec-panel>*,
body[data-theme="y2k"] .player,body[data-theme="y2k"] .projects-block{
  background:#c0c0c0;border-radius:0;
  border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #404040;border-bottom:2px solid #404040;
  box-shadow:inset -1px -1px 0 #808080,inset 1px 1px 0 #dfdfdf}
/* вкладки как кнопки win95 */
body[data-theme="y2k"] .sec-tab{
  background:#c0c0c0;color:#000;border-radius:0;font-family:'Tahoma',sans-serif;
  border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #404040;border-bottom:2px solid #404040}
body[data-theme="y2k"] .sec-tab.active{background:#000080;color:#fff}
body[data-theme="y2k"] h1,body[data-theme="y2k"] h2{font-family:'Tahoma',sans-serif;color:#000080}
/* «титульная строка» окна поверх профиля — синяя, как в win95 */
body[data-theme="y2k"] .player::before{content:"● profile.exe";position:absolute;top:0;left:0;right:0;z-index:5;
  background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-size:.72rem;font-weight:700;
  padding:4px 10px;font-family:'Tahoma',sans-serif;letter-spacing:.02em}
body[data-theme="y2k"] .player{padding-top:26px}
body[data-theme="y2k"] .cover{margin-top:0}
/* крест Y2K/win95 — серая объёмная кнопка */
body[data-theme="y2k"] .pm-x{
  background:#c0c0c0;color:#000;border-radius:0;
  border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040}
body[data-theme="y2k"] .pm-x:hover{background:#d0d0d0;transform:none}
body[data-theme="y2k"] .pm-x:active{border-top:2px solid #404040;border-left:2px solid #404040;border-right:2px solid #fff;border-bottom:2px solid #fff}

/* ============================================================
   CYBERPUNK 2077 — жёлтый+бирюза, глитчи, острые грани, сетка
   ============================================================ */
body[data-theme="cyberpunk"]{
  --bg:#0d0d0f; --panel:#15151a; --panel-2:#1c1c24; --panel-hi:#26262f; --panel-3:#111116;
  --ink:#f0f0e8; --ink-soft:#8a8a78; --line:#2a2a1a;
  --gold:#fcee0a; --gold-d:#c9be00; --lilac:#00f0ff; --rose:#ff003c; --sage:#00ff9f; --caramel:#fcee0a; --pistachio:#00ff9f;
  --shadow:rgba(0,0,0,.8);
  background:
    linear-gradient(rgba(252,238,10,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px),
    linear-gradient(160deg,#0d0d0f,#12120a 70%,#0d0d0f);
  background-size:32px 32px,32px 32px,100% 100%;
}
body[data-theme="cyberpunk"] .display-name{
  font-family:'Orbitron',sans-serif;font-weight:900;color:#fcee0a;text-transform:uppercase;letter-spacing:.03em;
  text-shadow:0 0 8px rgba(252,238,10,.7),3px 0 0 rgba(0,240,255,.6),-3px 0 0 rgba(255,0,60,.5);
  animation:cyberGlitch 4s infinite}
@keyframes cyberGlitch{0%,92%,100%{text-shadow:0 0 8px rgba(252,238,10,.7),3px 0 0 rgba(0,240,255,.6),-3px 0 0 rgba(255,0,60,.5)}
  93%{text-shadow:0 0 8px rgba(252,238,10,.7),-4px 0 0 rgba(0,240,255,.8),4px 0 0 rgba(255,0,60,.7);transform:translateX(2px)}
  95%{transform:translateX(-2px)}97%{transform:translateX(0)}}
body[data-theme="cyberpunk"] .contact{
  background:#fcee0a;color:#0d0d0f;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-radius:0;
  clip-path:polygon(0 0,100% 0,100% 70%,95% 100%,0 100%);box-shadow:0 0 24px -6px rgba(252,238,10,.7)}
body[data-theme="cyberpunk"] .pcard,body[data-theme="cyberpunk"] .proj-card{
  border:1px solid rgba(252,238,10,.3);border-radius:0;box-shadow:0 0 30px -14px rgba(252,238,10,.4);position:relative}
body[data-theme="cyberpunk"] .pcard:hover,body[data-theme="cyberpunk"] .proj-card:hover{
  border-color:#00f0ff;box-shadow:0 0 40px -10px rgba(0,240,255,.5)}
body[data-theme="cyberpunk"] .sec-tab{text-transform:uppercase;letter-spacing:.05em;font-family:'Share Tech Mono',monospace}
body[data-theme="cyberpunk"] .sec-tab.active{background:#fcee0a;color:#0d0d0f;border-radius:0}
body[data-theme="cyberpunk"] h1,body[data-theme="cyberpunk"] h2{font-family:'Orbitron',sans-serif;color:#fcee0a}
/* крест Cyberpunk — глитчует вместо пульсации */
body[data-theme="cyberpunk"] .pm-x{
  background:#15151a;color:#fcee0a;border:1px solid #fcee0a;border-radius:0;font-weight:900;
  box-shadow:0 0 18px -4px rgba(252,238,10,.5);animation:crossGlitch 3s infinite}
@keyframes crossGlitch{0%,90%,100%{text-shadow:none;color:#fcee0a}
  92%{text-shadow:2px 0 #00f0ff,-2px 0 #ff003c;color:#fff}94%{text-shadow:-2px 0 #00f0ff,2px 0 #ff003c}96%{text-shadow:none;color:#fcee0a}}
body[data-theme="cyberpunk"] .pm-x:hover{transform:scale(1.15);background:#fcee0a;color:#0d0d0f}

/* ============================================================
   TERMINAL — зелёный текст на чёрном, моноширинный, сканлайны
   ============================================================ */
body[data-theme="terminal"]{
  --bg:#000000; --panel:#0a0f0a; --panel-2:#0f160f; --panel-hi:#142014; --panel-3:#060906;
  --ink:#33ff66; --ink-soft:#1f9940; --line:#1a3a1a;
  --gold:#33ff66; --gold-d:#22cc4d; --lilac:#33ffcc; --rose:#ff5555; --sage:#33ff66; --caramel:#33ff66; --pistachio:#33ff66;
  --shadow:rgba(0,40,0,.8);
  background:linear-gradient(rgba(0,20,0,.4),rgba(0,20,0,.4)),repeating-linear-gradient(0deg,#000,#000 2px,#020402 3px,#000 4px);
  font-family:'Share Tech Mono',monospace;
}
body[data-theme="terminal"] *{font-family:'Share Tech Mono','Courier New',monospace!important}
body[data-theme="terminal"] .display-name{
  color:#33ff66;text-shadow:0 0 8px rgba(51,255,102,.7);letter-spacing:.05em}
body[data-theme="terminal"] .display-name::before{content:"> ";opacity:.7}
body[data-theme="terminal"] .display-name::after{content:"_";animation:termBlink 1s step-end infinite}
@keyframes termBlink{50%{opacity:0}}
body[data-theme="terminal"] .contact{
  background:transparent;color:#33ff66;border:1px solid #33ff66;border-radius:0;box-shadow:0 0 16px -4px rgba(51,255,102,.5)}
body[data-theme="terminal"] .contact::before{content:"[ "}body[data-theme="terminal"] .contact::after{content:" ]"}
body[data-theme="terminal"] .pcard,body[data-theme="terminal"] .proj-card,body[data-theme="terminal"] .sec-panel>*{
  border:1px solid rgba(51,255,102,.35);border-radius:0;background:#050a05;box-shadow:0 0 20px -12px rgba(51,255,102,.4)}
body[data-theme="terminal"] .sec-tab.active{background:#33ff66;color:#000;border-radius:0}
body[data-theme="terminal"] h1,body[data-theme="terminal"] h2{color:#33ff66;text-shadow:0 0 6px rgba(51,255,102,.5)}
/* сканлайн-оверлей */
body[data-theme="terminal"]::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(0,20,0,.25) 3px);mix-blend-mode:multiply}
/* крест Terminal — [X] с миганием */
body[data-theme="terminal"] .pm-x{
  background:#000;color:#33ff66;border:1px solid #33ff66;border-radius:0;font-family:'Share Tech Mono',monospace!important;
  box-shadow:0 0 16px -4px rgba(51,255,102,.6)}
body[data-theme="terminal"] .pm-x:hover{transform:scale(1.1);background:#33ff66;color:#000}

/* ============================================================
   РОКЕРСКАЯ — тёмная, красно-чёрная, металл, строгая
   ============================================================ */
body[data-theme="rock"]{
  --bg:#141416; --panel:#1c1c1f; --panel-2:#242428; --panel-hi:#2e2e33; --panel-3:#161618;
  --ink:#f0eae8; --ink-soft:#9a8a88; --line:#3a2a2a;
  --gold:#e0322e; --gold-d:#b02020; --lilac:#d4d4d8; --rose:#e0322e; --sage:#c0c0c8; --caramel:#e0322e; --pistachio:#c0c0c8;
  --shadow:rgba(0,0,0,.8);
  background:
    radial-gradient(circle at 50% 0%,rgba(224,50,46,.1),transparent 50%),
    linear-gradient(160deg,#1a1416,#141416 60%,#100e10);
}
body[data-theme="rock"] .display-name{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  color:#f0eae8;text-shadow:0 2px 12px rgba(224,50,46,.5),0 0 2px rgba(0,0,0,.8)}
body[data-theme="rock"] .contact{
  background:linear-gradient(135deg,#e0322e,#8f1515);color:#fff;font-family:'Oswald',sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(255,255,255,.15);
  box-shadow:0 8px 24px -8px rgba(224,50,46,.6),inset 0 1px 0 rgba(255,255,255,.2)}
body[data-theme="rock"] .pcard,body[data-theme="rock"] .proj-card{
  border:1px solid #3a2a2a;box-shadow:0 14px 40px -20px #000,inset 0 1px 0 rgba(255,255,255,.04);
  background:linear-gradient(180deg,#20181a,#1a1416)}
body[data-theme="rock"] .pcard:hover,body[data-theme="rock"] .proj-card:hover{border-color:rgba(224,50,46,.5)}
body[data-theme="rock"] .sec-tab{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:600}
body[data-theme="rock"] .sec-tab.active{background:linear-gradient(135deg,#e0322e,#8f1515);color:#fff}
body[data-theme="rock"] h1,body[data-theme="rock"] h2{font-family:'Oswald',sans-serif;text-transform:uppercase}
/* крест Рокерская — металлический блеск */
body[data-theme="rock"] .pm-x{
  background:linear-gradient(135deg,#3a3a40,#1a1a1e);color:#e0322e;border:1px solid #e0322e;font-weight:900;
  box-shadow:0 6px 20px -6px rgba(224,50,46,.6),inset 0 1px 0 rgba(255,255,255,.15)}
body[data-theme="rock"] .pm-x:hover{transform:scale(1.15) rotate(90deg);background:linear-gradient(135deg,#e0322e,#8f1515);color:#fff}

/* ============ СТРАХОВКА КОНТРАСТА ============ */
body[data-theme="terminal"] .card-body,body[data-theme="terminal"] .pf-reading,
body[data-theme="cyberpunk"] .card-body,body[data-theme="cyberpunk"] .pf-reading,
body[data-theme="y2k"] .card-body,body[data-theme="y2k"] .pf-reading,
body[data-theme="rock"] .card-body,body[data-theme="rock"] .pf-reading{color:var(--ink)}

/* ============ ЛОАДЕР ПОД КАЖДУЮ ТЕМУ ============ */
/* Y2K — розово-циановый градиент, глянец */
body[data-theme="y2k"] #loader{background:#008080}
body[data-theme="y2k"] #loader .l-name{font-family:'Tahoma',sans-serif;font-weight:700;color:#fff;-webkit-text-fill-color:#fff;background:none}
body[data-theme="y2k"] #loader .l-fill{background:#000080}
body[data-theme="y2k"] #loader .l-pct{color:#fff}
body[data-theme="y2k"] #loader .l-track{background:#c0c0c0;border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #fff;border-bottom:2px solid #fff;border-radius:0}

/* Cyberpunk — жёлтый глитч, сетка */
body[data-theme="cyberpunk"] #loader{background:#0d0d0f;
  background-image:linear-gradient(rgba(252,238,10,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.04) 1px,transparent 1px);background-size:32px 32px}
body[data-theme="cyberpunk"] #loader .l-name{font-family:'Orbitron',sans-serif;font-weight:900;color:#fcee0a;
  text-transform:uppercase;text-shadow:0 0 8px rgba(252,238,10,.7),2px 0 rgba(0,240,255,.6),-2px 0 rgba(255,0,60,.5);animation:cyberGlitch 3s infinite}
body[data-theme="cyberpunk"] #loader .l-fill{background:#fcee0a;box-shadow:0 0 12px rgba(252,238,10,.7)}
body[data-theme="cyberpunk"] #loader .l-pct{color:#fcee0a;font-family:'Share Tech Mono',monospace}
body[data-theme="cyberpunk"] #loader .l-track{border-color:rgba(252,238,10,.3)}

/* Terminal — зелёная консоль, курсор */
body[data-theme="terminal"] #loader{background:#000;
  background-image:repeating-linear-gradient(0deg,rgba(0,20,0,0),rgba(0,20,0,0) 2px,rgba(0,30,0,.4) 3px)}
body[data-theme="terminal"] #loader .l-name{font-family:'Share Tech Mono',monospace!important;color:#33ff66;text-shadow:0 0 8px rgba(51,255,102,.7)}
body[data-theme="terminal"] #loader .l-name::before{content:"> "}
body[data-theme="terminal"] #loader .l-name::after{content:"_";animation:termBlink 1s step-end infinite}
body[data-theme="terminal"] #loader .l-fill{background:#33ff66;box-shadow:0 0 10px rgba(51,255,102,.8)}
body[data-theme="terminal"] #loader .l-pct{color:#33ff66;font-family:'Share Tech Mono',monospace!important}
body[data-theme="terminal"] #loader .l-track{border:1px solid rgba(51,255,102,.4);background:#020}

/* Рокерская — красно-чёрная, металл */
body[data-theme="rock"] #loader{background:radial-gradient(circle at 50% 30%,rgba(224,50,46,.15),transparent 60%),linear-gradient(160deg,#1a1416,#141416)}
body[data-theme="rock"] #loader .l-name{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  color:#f0eae8;text-shadow:0 2px 14px rgba(224,50,46,.6)}
body[data-theme="rock"] #loader .l-fill{background:linear-gradient(90deg,#e0322e,#8f1515)}
body[data-theme="rock"] #loader .l-pct{color:#e0322e}

/* ============ КРЕСТ В ЛОАДЕРЕ — СВОЙ ПОД КАЖДУЮ ТЕМУ ============ */
/* Мистика (по умолчанию) — тёплое золото, мягкое сияние */
body[data-theme="mystic"]{--cross-fill:#ffd76b;--cross-edge:#b9760f;--cross-glint:#fff8e0;--cross-halo:rgba(255,224,150,.55)}
.cross-svg .cross-body{transition:fill .4s}
.cross-spark{animation:twinkle 2.2s ease-in-out infinite}

/* Y2K — хромированный крест, розово-циановый глянец, пульс */
body[data-theme="y2k"]{--cross-fill:#000080;--cross-edge:#000040;--cross-glint:#ffffff;--cross-halo:rgba(0,0,128,.2)}
body[data-theme="y2k"] .cross-body{filter:none}
@keyframes y2kCrossPulse{0%,100%{filter:drop-shadow(0 0 8px rgba(94,231,255,.6))}50%{filter:drop-shadow(0 0 18px rgba(255,94,219,.8))}}

/* Cyberpunk — жёлтый крест с глитчем (сдвиг/расщепление вместо пульсации) */
body[data-theme="cyberpunk"]{--cross-fill:#fcee0a;--cross-edge:#c9be00;--cross-glint:#00f0ff;--cross-halo:rgba(252,238,10,.4)}
body[data-theme="cyberpunk"] .cross-body{filter:drop-shadow(0 0 8px rgba(252,238,10,.7));animation:cyberCrossGlitch 2.5s infinite}
@keyframes cyberCrossGlitch{
  0%,88%,100%{transform:translate(0,0);filter:drop-shadow(0 0 8px rgba(252,238,10,.7))}
  89%{transform:translate(3px,-2px);filter:drop-shadow(-3px 0 0 #00f0ff) drop-shadow(3px 0 0 #ff003c)}
  91%{transform:translate(-3px,1px)}93%{transform:translate(2px,0)}94%{transform:translate(0,0)}}
body[data-theme="cyberpunk"] .cross-spark{display:none}

/* Terminal — крест из «пикселей», зелёное свечение, мигание как курсор */
body[data-theme="terminal"]{--cross-fill:#33ff66;--cross-edge:#0a3a15;--cross-glint:#aaffcc;--cross-halo:rgba(51,255,102,.35)}
body[data-theme="terminal"] .cross-body{filter:drop-shadow(0 0 10px rgba(51,255,102,.8));animation:termCrossBlink 1.4s step-end infinite}
@keyframes termCrossBlink{0%,80%{opacity:1}81%,100%{opacity:.5}}
body[data-theme="terminal"] .cross-glint{fill:#eaffe0}

/* Рокерская — тёмный металл с красным свечением, медленное покачивание */
body[data-theme="rock"]{--cross-fill:#c8c8d0;--cross-edge:#3a3a40;--cross-glint:#e0322e;--cross-halo:rgba(224,50,46,.4)}
body[data-theme="rock"] .cross-body{filter:drop-shadow(0 0 12px rgba(224,50,46,.6));animation:rockCrossSway 4s ease-in-out infinite}
@keyframes rockCrossSway{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
.cross-svg{transform-origin:100px 140px}

/* ============================================================
   ФОРМЫ И ОБЛИК ПОД КАЖДУЮ ТЕМУ (не только цвета — вся геометрия)
   ============================================================ */

/* ---------- CYBERPUNK: срезанные углы, HUD-рамки, техно ---------- */
body[data-theme="cyberpunk"] .pcard,
body[data-theme="cyberpunk"] .proj-card,
body[data-theme="cyberpunk"] .media-card,
body[data-theme="cyberpunk"] .sec-panel>*{
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
  border-radius:0}
body[data-theme="cyberpunk"] .sec-tab{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);border-radius:0}
body[data-theme="cyberpunk"] .contact{clip-path:polygon(0 0,100% 0,100% 70%,calc(100% - 14px) 100%,0 100%)}
body[data-theme="cyberpunk"] .avatar{border-radius:12px!important;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
body[data-theme="cyberpunk"] .cover-phone{clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px));border-radius:0}
body[data-theme="cyberpunk"] .status-badge{clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);border-radius:0}
body[data-theme="cyberpunk"] .pm-x{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}

/* ---------- TERMINAL: строго прямые углы, рамки-моноширинные ---------- */
body[data-theme="terminal"] .pcard,
body[data-theme="terminal"] .proj-card,
body[data-theme="terminal"] .media-card,
body[data-theme="terminal"] .sec-panel>*,
body[data-theme="terminal"] .sec-tab,
body[data-theme="terminal"] .contact,
body[data-theme="terminal"] .cover-phone,
body[data-theme="terminal"] .status-badge,
body[data-theme="terminal"] .pm-x,
body[data-theme="terminal"] .avatar{border-radius:0!important;clip-path:none}
body[data-theme="terminal"] .pcard,body[data-theme="terminal"] .proj-card{border:1px dashed rgba(51,255,102,.5)}
body[data-theme="terminal"] .avatar{border:2px solid #33ff66!important}
body[data-theme="terminal"] .contact{border:1px solid #33ff66;background:transparent;color:#33ff66}

/* ---------- Y2K: очень круглые «пузыри», толстые мягкие формы ---------- */
body[data-theme="y2k"] .pcard,
body[data-theme="y2k"] .proj-card,
body[data-theme="y2k"] .media-card,
body[data-theme="y2k"] .sec-panel>*{border-radius:28px}
body[data-theme="y2k"] .sec-tab{border-radius:40px}
body[data-theme="y2k"] .contact{border-radius:40px}
body[data-theme="y2k"] .cover-phone{border-radius:24px}
body[data-theme="y2k"] .status-badge{border-radius:40px}
body[data-theme="y2k"] .pm-x{border-radius:50%!important}
body[data-theme="y2k"] .avatar{border-radius:50%!important}

/* ---------- ROCK: жёсткие грани, скошенные углы, металлические борта ---------- */
body[data-theme="rock"] .pcard,
body[data-theme="rock"] .proj-card,
body[data-theme="rock"] .media-card,
body[data-theme="rock"] .sec-panel>*{border-radius:4px;border-width:2px}
body[data-theme="rock"] .sec-tab{border-radius:3px;border:1px solid #3a2a2a}
body[data-theme="rock"] .contact{border-radius:3px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
body[data-theme="rock"] .status-badge{border-radius:3px}
body[data-theme="rock"] .pm-x{border-radius:4px!important}
body[data-theme="rock"] .avatar{border-radius:8px!important}

/* ============ ФОРМА БОЛЬШИХ КОНТЕЙНЕРОВ ПОД ТЕМУ ============ */
/* Terminal — строго прямые углы у всех блоков */
body[data-theme="terminal"] .player,
body[data-theme="terminal"] .projects-block,
body[data-theme="terminal"] .section-block,
body[data-theme="terminal"] .videoblog,
body[data-theme="terminal"] .intro-photos .ip-single img,
body[data-theme="terminal"] .ip-carousel{border-radius:0!important}
body[data-theme="terminal"] .player{border:1px solid rgba(51,255,102,.4)}

/* Cyberpunk — срезанные углы у крупных блоков */
body[data-theme="cyberpunk"] .player,
body[data-theme="cyberpunk"] .projects-block,
body[data-theme="cyberpunk"] .section-block,
body[data-theme="cyberpunk"] .videoblog{
  border-radius:0;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
body[data-theme="cyberpunk"] .player{border:1px solid rgba(252,238,10,.3)}

/* Y2K — очень скруглённые панели */
body[data-theme="y2k"] .player,
body[data-theme="y2k"] .projects-block,
body[data-theme="y2k"] .section-block,
body[data-theme="y2k"] .videoblog{border-radius:34px}

/* Rock — резкие грани, толще рамка */
body[data-theme="rock"] .player,
body[data-theme="rock"] .projects-block,
body[data-theme="rock"] .section-block,
body[data-theme="rock"] .videoblog{border-radius:5px;border-width:2px}
body[data-theme="rock"] .player{border:2px solid #3a2a2a}