/* Cybertheatre brand, isolated from the Volna calendar.
   Source: D:/!!ТЕКУЩИЕ/КИБЕРТЕАТР/САЙТ/styles.css, version 20261115a. */
#cyber{--cy-bg:#050605;--cy-text:#e8efe2;--cy-mute:#a3ad9d;--cy-green:#00d046;--cy-line:rgba(0,208,70,.2);--cy-display:"Tektur","Arial Narrow",Impact,sans-serif;--cy-mono:"JetBrains Mono",Consolas,monospace;padding-top:52px;padding-bottom:50px}
#cyber .cy-panel{overflow:hidden;background:var(--cy-bg);color:var(--cy-text);border:1px solid var(--cy-line);font:400 14px/1.6 var(--cy-mono);position:relative;isolation:isolate}
#cyber .cy-panel::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(232,239,226,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(232,239,226,.045) 1px,transparent 1px);background-size:88px 88px}
#cyber .cy-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 32px;border-bottom:1px solid var(--cy-line)}
#cyber .cy-brand{display:flex;align-items:center;gap:13px;color:var(--cy-text);font:700 18px/1 var(--cy-display);letter-spacing:.02em}
#cyber .cy-brand svg{width:34px;height:34px;flex:none;color:var(--cy-green)}
#cyber .cy-brand small{display:block;margin-top:6px;color:var(--cy-mute);font:500 8px/1 var(--cy-mono);letter-spacing:.24em}
#cyber .cy-age{color:var(--cy-green);font:700 18px/1 var(--cy-display);border:1px solid var(--cy-line);padding:9px 12px}
#cyber .cy-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:34px 32px 38px;position:relative}
#cyber .cy-content{min-width:0;position:relative;z-index:1}
#cyber .cy-kicker{display:flex;align-items:center;gap:9px;font:500 9px/1.6 var(--cy-mono);letter-spacing:.09em;color:var(--cy-mute);margin:0 0 23px}
#cyber .cy-kicker i{height:6px;width:6px;background:var(--cy-green);box-shadow:0 0 12px rgba(0,208,70,.5);flex:none}
#cyber h2{font:900 clamp(62px,6.8vw,88px)/.86 var(--cy-display);letter-spacing:-.035em;margin:0 0 23px;color:var(--cy-text);text-transform:uppercase}
#cyber h2 span{display:block;color:var(--cy-green);text-shadow:0 0 40px rgba(0,208,70,.2)}
#cyber .cy-tagline{font:700 11px/1.5 var(--cy-mono);letter-spacing:.07em;color:var(--cy-green);margin:0 0 24px}
#cyber h3{font:700 clamp(19px,2vw,24px)/1.2 var(--cy-display);margin:0 0 11px}
#cyber .cy-lead{font:400 12px/1.8 var(--cy-mono);color:var(--cy-mute);max-width:440px;margin:0 0 26px}
#cyber .cy-actions{display:flex;gap:10px;flex-wrap:wrap}
#cyber .cy-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:13px 19px;font:700 10px/1.5 var(--cy-mono);letter-spacing:.025em;text-transform:uppercase;border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:background .18s,color .18s}
#cyber .cy-primary{background:var(--cy-green);color:var(--cy-bg)}
#cyber .cy-primary:hover{background:#20e061}
#cyber .cy-secondary{background:#172018;color:var(--cy-text)}
#cyber .cy-secondary:hover{background:#1e3424;color:var(--cy-green)}
#cyber a:focus-visible,#cyber button:focus-visible{outline:3px solid #3bd6ff;outline-offset:4px}
#cyber .cy-stage{position:relative;align-self:stretch;min-height:365px;margin:0;background:#040905;overflow:hidden}
#cyber .cy-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:51% center;opacity:.94}
#cyber .cy-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,5,.96),transparent 33%,transparent 90%,rgba(5,6,5,.25));pointer-events:none}
#cyber .cy-corner{position:absolute;z-index:2;width:20px;height:20px;border-color:var(--cy-green);border-style:solid;pointer-events:none}
#cyber .cy-tl{top:0;left:0;border-width:2px 0 0 2px}
#cyber .cy-tr{top:0;right:0;border-width:2px 2px 0 0}
#cyber .cy-bl{bottom:0;left:0;border-width:0 0 2px 2px}
#cyber .cy-br{bottom:0;right:0;border-width:0 2px 2px 0}
#cyber figcaption{position:absolute;z-index:3;left:16px;right:16px;bottom:17px;display:flex;align-items:center;gap:7px;color:var(--cy-text);font:500 8px/1.5 var(--cy-mono);letter-spacing:.07em;flex-wrap:wrap}
#cyber figcaption>span:last-child{color:var(--cy-mute);margin-left:auto}
#cyber .cy-live{height:5px;width:5px;background:var(--cy-green)}
#cyber .cy-strip{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:15px 32px;border-top:1px solid var(--cy-line);background:#0c0f0b;color:var(--cy-mute);font:500 9px/1.5 var(--cy-mono);letter-spacing:.06em}
#cyber .cy-strip i{color:var(--cy-green);font-style:normal}
#cyber .cy-strip button{margin-left:auto;border:0;background:none;color:var(--cy-green);font:600 10px/1.5 var(--cy-mono);padding:5px 0}
#cyber .cyber-events .event{border-radius:0;background:#0c0f0b;color:var(--cy-text);border-color:var(--cy-line);font-family:var(--cy-mono)}
#cyber .cyber-events .event-action{color:var(--cy-green)}
@media(max-width:900px){#cyber .cy-main{grid-template-columns:1.08fr 1fr;gap:20px;padding:28px 24px 30px}#cyber .cy-topline{padding:19px 24px}#cyber h2{font-size:clamp(52px,8vw,72px)}#cyber .cy-stage{min-height:340px}#cyber .cy-actions{flex-direction:column;align-items:flex-start}#cyber .cy-btn{min-width:230px}#cyber .cy-strip{padding:14px 24px;gap:12px}#cyber .cy-strip button{margin-left:0}}
@media(max-width:620px){#cyber{padding-top:28px;padding-bottom:30px}#cyber .cy-topline{padding:17px 19px}#cyber .cy-brand{font-size:16px}#cyber .cy-brand svg{width:29px;height:29px}#cyber .cy-brand small{font-size:7px}#cyber .cy-main{grid-template-columns:1fr;padding:27px 19px 20px;gap:24px}#cyber h2{font-size:clamp(58px,15.6vw,84px)}#cyber .cy-kicker{font-size:8px;letter-spacing:.035em;margin-bottom:21px}#cyber .cy-tagline{font-size:10px;margin-bottom:20px}#cyber .cy-lead{font-size:12px}#cyber .cy-actions{align-items:stretch}#cyber .cy-btn{width:100%;min-width:0;min-height:50px;font-size:11px}#cyber .cy-stage{min-height:230px;aspect-ratio:1.3}#cyber .cy-stage img{object-position:50% 48%}#cyber .cy-strip{padding:15px 19px;gap:8px 12px;font-size:8px}#cyber .cy-strip button{width:100%;margin-top:4px;text-align:left;padding:9px 0}#cyber figcaption{font-size:7px;left:12px;right:12px}#cyber figcaption>span:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){#cyber .cy-btn{transition:none}}
/* Digital lettering, adapted from the user's Cybertheatre letters.js. */
#cyber #cyberTitle{position:relative}
#cyber #cyberTitle [data-dl="cyan"]{color:var(--cy-text);text-shadow:none}
#cyber #cyberTitle.cy-is-data [data-dl]{color:transparent;text-shadow:none}
#cyber .cy-letters-canvas{position:absolute;z-index:1;pointer-events:none;max-width:none;image-rendering:pixelated;image-rendering:crisp-edges}