/* v5o: «stas» personal mode: neon night (cyber HUD). Only on the screen of the person who turned it on. Original art, no game assets. Font: Tektur (OFL). */
@font-face{font-family:"Tektur";font-weight:600;font-display:swap;src:url(fonts/Tektur-600-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Tektur";font-weight:600;font-display:swap;src:url(fonts/Tektur-600-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}
html[data-pm="stas"][data-theme][data-design]{--bg:#07071a;--bg2:#0c0b24;--panel:#0f0e2b;--panel2:#171538;--line:#3a2f74;--text:#e6f4ff;--muted:#9aa6d8;--gold:#ff2bd6;--gold2:#ff6ae6;--ember:#ff2bd6;--heal:#39ffb0;--ok:#39ffb0;--bad:#ff3b6b;--on-gold:#0a0418;
  --cy:#00e5ff;--mg:#ff2bd6;--shadow:0 0 0 1px rgba(0,229,255,.18),0 10px 30px rgba(0,0,0,.65);--glow:radial-gradient(900px 600px at 10% 110%,rgba(255,43,214,.20),transparent 60%),radial-gradient(800px 520px at 100% 0,rgba(0,229,255,.16),transparent 60%);
  --head:"Tektur","Russo One",system-ui,sans-serif;--body:"Tektur","Nunito",system-ui,sans-serif;--r:2px;--bw:1px;--fly:#00e5ff;--star:#8ab8ff;--neon:0 0 6px rgba(0,229,255,.7);color-scheme:dark}
html[data-pm="stas"] body{background:radial-gradient(1200px 700px at 80% -10%,rgba(0,229,255,.10),transparent 60%),radial-gradient(1000px 700px at -10% 110%,rgba(255,43,214,.14),transparent 60%),#07071a}
html[data-pm="stas"] .pill,html[data-pm="stas"] .jr,html[data-pm="stas"] .dbar,html[data-pm="stas"] .pv-panel,html[data-pm="stas"] .dm-side,html[data-pm="stas"] .mbox,html[data-pm="stas"] .rolltoast,html[data-pm="stas"] .ctxm,html[data-pm="stas"] .top,html[data-pm="stas"] .selp,html[data-pm="stas"] .mapsd,html[data-pm="stas"] .tbar{
  background-color:rgba(12,11,38,.92);background-image:linear-gradient(180deg,rgba(0,229,255,.06),rgba(255,43,214,.04)),repeating-linear-gradient(0deg,rgba(0,229,255,.035) 0 1px,transparent 1px 4px);border-color:rgba(0,229,255,.45)!important;box-shadow:var(--shadow),inset 0 0 18px rgba(0,229,255,.06)}
html[data-pm="stas"] .jr,html[data-pm="stas"] .pv-panel,html[data-pm="stas"] .dm-side{border-top:2px solid var(--mg)!important}
/* angled HUD corners */
html[data-pm="stas"] .mbox,html[data-pm="stas"] .rolltoast,html[data-pm="stas"] .ctxm,html[data-pm="stas"] .selp{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));border-radius:0!important}
html[data-pm="stas"] .btn{border-radius:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border-color:rgba(0,229,255,.55);text-transform:none;letter-spacing:.02em}
html[data-pm="stas"] .btn:hover{box-shadow:0 0 0 1px var(--cy),0 0 14px rgba(0,229,255,.55);color:#fff}
html[data-pm="stas"] .btn.gold,html[data-pm="stas"] .btn.primary{background:linear-gradient(180deg,#ff4fe0,#c3149f);color:#fff;border-color:#ff8af0;text-shadow:0 0 6px rgba(255,255,255,.4);box-shadow:0 0 12px rgba(255,43,214,.55)}
html[data-pm="stas"] .btn.gold:hover,html[data-pm="stas"] .btn.primary:hover{box-shadow:0 0 0 1px #ffb3f4,0 0 20px rgba(255,43,214,.8)}
html[data-pm="stas"] h1,html[data-pm="stas"] h2,html[data-pm="stas"] h3,html[data-pm="stas"] .brand{color:var(--cy);text-shadow:-1px 0 rgba(255,43,214,.75),1px 0 rgba(0,229,255,.75),0 0 10px rgba(0,229,255,.35);letter-spacing:.04em}
html[data-pm="stas"] .maphost{background:#06061a!important}
html[data-pm="stas"] .code,html[data-pm="stas"] .rt-v{color:var(--cy);text-shadow:0 0 8px rgba(0,229,255,.6)}
html[data-pm="stas"] input,html[data-pm="stas"] select,html[data-pm="stas"] textarea{border-radius:0!important;border-color:rgba(0,229,255,.35)!important;background:#0a0a22!important;color:#e6f4ff}
html[data-pm="stas"] input:focus,html[data-pm="stas"] textarea:focus{outline:1px solid var(--cy);box-shadow:0 0 10px rgba(0,229,255,.45)}
html[data-pm="stas"] .pill::before{content:'';display:inline-block;width:7px;height:7px;margin-right:5px;background:var(--cy);transform:rotate(45deg);box-shadow:0 0 6px var(--cy)}
/* overlays: scanlines, rain on glass, skyline (behind UI, never block input) */
.pm-scan{position:fixed;inset:0;z-index:57;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.55}
.pm-sky{position:fixed;left:0;right:0;bottom:0;height:16vh;z-index:1;pointer-events:none;opacity:.55;filter:drop-shadow(0 -2px 10px rgba(255,43,214,.35));animation:pmFlick 7s steps(1) infinite}
.pm-sky svg{width:100%;height:100%;display:block}
.pm-rain{position:fixed;inset:0;z-index:56;pointer-events:none;opacity:.28;
  background-image:repeating-linear-gradient(104deg,transparent 0 22px,rgba(170,220,255,.32) 22px 23px,transparent 23px 61px),repeating-linear-gradient(98deg,transparent 0 37px,rgba(255,140,240,.22) 37px 38px,transparent 38px 90px);
  background-size:200px 300px,260px 420px;animation:pmRain .9s linear infinite}
@keyframes pmRain{to{background-position:-40px 300px,-60px 420px}}
@keyframes pmFlick{0%,100%{opacity:.55}62%{opacity:.55}63%{opacity:.3}64%{opacity:.6}65%{opacity:.35}66%{opacity:.55}}
html.potato .pm-rain,html.potato .pm-scan{display:none}html.potato .pm-sky{animation:none;filter:none}
@media (prefers-reduced-motion:reduce){.pm-rain{animation:none}.pm-sky{animation:none}}
/* mode bar */
.pmbar.pm-stas{border-radius:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:linear-gradient(180deg,#151338,#0a0a22);border:1px solid rgba(0,229,255,.6);color:#e6f4ff;font-family:"Tektur",sans-serif;box-shadow:0 0 16px rgba(0,229,255,.35)}
.pmbar.pm-stas .pmb-n b{color:#ff2bd6;letter-spacing:.14em;text-shadow:0 0 8px rgba(255,43,214,.8)}
.pmbar.pm-stas button:hover{color:#00e5ff;text-shadow:0 0 6px #00e5ff}
.pmb-net{padding:0 8px;color:#39ffb0;white-space:nowrap;font-size:12px}.pmb-net b.warn{color:#ff3b6b}
/* profile card */
.dcard.dc-stas{background:#0c0b24;border:1px solid rgba(0,229,255,.55);border-radius:0;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:0 0 30px rgba(255,43,214,.35);color:#e6f4ff;font-family:"Tektur",sans-serif}
.dcard.dc-stas .dc-ban{background-size:200% 100%!important;position:relative}
.dcard.dc-stas .dc-ban::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}
.dcard.dc-stas .dc-av{border-color:#0c0b24;box-shadow:0 0 0 2px #00e5ff,0 0 16px rgba(255,43,214,.6);border-radius:0;clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%)}
.dcard.dc-stas .dc-dn{color:#fff;text-shadow:-1.5px 0 rgba(255,43,214,.9),1.5px 0 rgba(0,229,255,.9)}
.dcard.dc-stas .dc-tag{display:inline-block;margin-left:6px;padding:1px 6px;font-size:11px;letter-spacing:.1em;border:1px solid #ff2bd6;color:#ff8af0;vertical-align:middle;text-shadow:none}
.dcard.dc-stas .dc-bd span{border-radius:0;border:1px solid rgba(0,229,255,.4);background:rgba(0,229,255,.08)}
.dcard.dc-stas .dc-mode{border-radius:0;background:linear-gradient(180deg,#ff4fe0,#c3149f);color:#fff;border:1px solid #ff8af0}
/* nat 1: glitch */
html.pm-glitch body{animation:pmGl .9s steps(2) 1}
@keyframes pmGl{0%{filter:none;transform:none}10%{filter:hue-rotate(80deg) saturate(2);transform:translate(-4px,1px)}20%{filter:invert(.08);transform:translate(5px,-2px) skewX(2deg)}30%{transform:translate(-2px,0)}45%{filter:hue-rotate(-60deg);transform:translate(3px,2px)}60%{transform:none;filter:none}75%{transform:translate(-3px,-1px)}100%{transform:none;filter:none}}
.pm-glitchbar{position:fixed;left:50%;top:28%;transform:translateX(-50%);z-index:9460;pointer-events:none;text-align:center;padding:12px 26px;background:rgba(10,4,24,.9);border:1px solid #ff3b6b;box-shadow:0 0 22px rgba(255,59,107,.6);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.pm-glitchbar b{position:relative;display:block;font:600 clamp(22px,3.4vw,40px) "Tektur",sans-serif;color:#fff;letter-spacing:.08em;text-shadow:-3px 0 #ff2bd6,3px 0 #00e5ff;animation:pmGlT .25s steps(2) infinite}
.pm-glitchbar span{font:600 13px "Tektur",monospace;color:#ff8aa8;letter-spacing:.12em}
@keyframes pmGlT{0%{clip-path:inset(0 0 55% 0);transform:translate(-2px,0)}50%{clip-path:inset(45% 0 0 0);transform:translate(2px,0)}100%{clip-path:none;transform:none}}
html.potato .pm-glitchbar b{animation:none}
/* nat 20: gold neon chrome */
.pm-chrome{position:fixed;inset:0;z-index:9460;pointer-events:none;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,rgba(255,200,60,.22),transparent 60%);transition:opacity .5s}
.pm-chrome.out{opacity:0}
.pm-chrome .ch-in{text-align:center;padding:18px 40px;background:rgba(14,10,4,.82);border:1px solid #ffd36e;box-shadow:0 0 30px rgba(255,190,60,.6),inset 0 0 20px rgba(255,210,120,.2);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));animation:chIn .45s cubic-bezier(.2,1.6,.4,1)}
.pm-chrome b{display:block;font:600 clamp(64px,11vw,140px)/1 "Tektur",sans-serif;background:linear-gradient(100deg,#7a5410 0%,#ffe9a8 30%,#fff 42%,#ffcf4a 52%,#8a5c0c 70%,#ffe08a 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(255,200,60,.8));animation:chShine 1.6s linear infinite}
.pm-chrome small,.pm-chrome span{display:block;font:600 14px "Tektur",sans-serif;letter-spacing:.2em;color:#ffd36e;text-shadow:0 0 8px rgba(255,200,60,.8)}
.pm-chrome span{letter-spacing:.06em;color:#fff1c8;margin-top:6px}
.pm-chrome.lo b{animation:none;background-position:30% 0}.pm-chrome.lo .ch-in{animation:none}
@keyframes chShine{to{background-position:-250% 0}}
@keyframes chIn{from{transform:scale(.6);opacity:0}}
/* /взлом: breach protocol */
.pm-hack{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9470;width:min(640px,94vw);background:#0a0a20;border:1px solid #00e5ff;color:#d9f6ff;font-family:"Tektur",monospace;box-shadow:0 0 0 1px rgba(255,43,214,.4),0 0 40px rgba(0,229,255,.35);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}
.pm-hack::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px)}
.hk-h{display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(90deg,rgba(255,43,214,.25),rgba(0,229,255,.12));border-bottom:1px solid rgba(0,229,255,.5)}
.hk-h b{letter-spacing:.16em;color:#fff;text-shadow:-1px 0 #ff2bd6,1px 0 #00e5ff}.hk-t{margin-left:auto;color:#ff8af0}
.hk-x{background:none;border:0;color:#9adfff;font-size:16px;cursor:pointer;position:relative;z-index:2}
.hk-body{display:flex;gap:18px;padding:16px;flex-wrap:wrap}
.hk-m{display:grid;grid-template-columns:repeat(5,44px);gap:6px}
.hk-c{position:relative;z-index:2;width:44px;height:36px;border:1px solid rgba(0,229,255,.2);background:rgba(0,229,255,.04);color:#7fe9ff;font:600 15px "Tektur",monospace;cursor:pointer}
.hk-c.on{background:rgba(0,229,255,.14);border-color:rgba(0,229,255,.7);color:#fff}
.hk-c.on:hover{background:#ff2bd6;color:#fff;box-shadow:0 0 12px #ff2bd6}
.hk-c.used{color:#4a5a80}.hk-c:disabled{cursor:default}
.hk-s{flex:1;min-width:180px}.hk-s small{letter-spacing:.14em;color:#9aa6d8}
.hk-q{display:flex;gap:6px;margin:8px 0}.hk-q i{font-style:normal;padding:4px 8px;border:1px solid rgba(255,43,214,.6);color:#ff8af0}.hk-q i.ok{background:#39ffb0;color:#04120c;border-color:#39ffb0}
.hk-s p{font-size:12px;color:#9aa6d8;margin:6px 0}
.hk-r{margin-top:10px;padding:8px 10px;font-size:18px;letter-spacing:.12em;text-align:center}.hk-r.ok{color:#39ffb0;border:1px solid #39ffb0;box-shadow:0 0 14px rgba(57,255,176,.4)}.hk-r.bad{color:#ff3b6b;border:1px solid #ff3b6b}
@media (max-width:700px){.pm-sky{height:10vh}.hk-m{grid-template-columns:repeat(5,40px)}.hk-c{width:40px}}