:root{--bg-dark:#0a0a12;--bg-section:#0d0d1a;--bg-alt:#0f0f20;--green:#00ff88;--purple:#bf5fff;--yellow:#ffe156;--red:#ff4444;--cyan:#44ffff;--white:#e8e8f0;--gray:#555577;--border:#1a1a2e;--font-pixel:'Press Start 2P',monospace;--font-term:'VT323',monospace;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:16px;}
body{background:var(--bg-dark);color:var(--white);font-family:var(--font-term);font-size:1.2rem;line-height:1.6;overflow-x:hidden;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='4' height='4' x='6' y='6' fill='%2300ff88'/%3E%3C/svg%3E") 8 8,auto;}
.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.12) 1px,transparent 1px,transparent 3px);}
::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:var(--bg-dark);}::-webkit-scrollbar-thumb{background:var(--green);border:2px solid var(--bg-dark);}
.header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:rgba(10,10,18,.92);border-bottom:2px solid var(--green);backdrop-filter:blur(4px);}
.logo{font-family:var(--font-pixel);font-size:.75rem;color:var(--green);letter-spacing:2px;text-shadow:0 0 8px var(--green);white-space:nowrap;}
.nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;}
.nav-link{font-family:var(--font-pixel);font-size:.5rem;color:var(--gray);text-decoration:none;padding:6px 10px;border:1px solid transparent;transition:all .15s;white-space:nowrap;}
.nav-link:hover,.nav-link.active-nav{color:var(--green);border-color:var(--green);text-shadow:0 0 6px var(--green);background:rgba(0,255,136,.05);}
.sound-btn{background:none;border:1px solid var(--gray);color:var(--gray);font-size:1rem;padding:4px 8px;cursor:pointer;transition:all .15s;font-family:var(--font-term);}
.sound-btn:hover,.sound-btn.active{border-color:var(--green);color:var(--green);}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#0d0d2a 0%,var(--bg-dark) 70%);overflow:hidden;padding-top:56px;}
.hero-inner{text-align:center;z-index:2;}
.hero-title{font-family:var(--font-pixel);font-size:clamp(2rem,8vw,5rem);color:var(--green);text-shadow:0 0 10px var(--green),0 0 30px var(--green),4px 4px 0 #003322;letter-spacing:6px;margin-bottom:16px;animation:glitch 4s infinite;}
.hero-subtitle{font-family:var(--font-term);font-size:clamp(1rem,3vw,1.5rem);color:var(--purple);letter-spacing:3px;margin-bottom:40px;text-shadow:0 0 8px var(--purple);}
.press-start{font-family:var(--font-pixel);font-size:.65rem;color:var(--yellow);text-shadow:0 0 8px var(--yellow);margin-bottom:24px;}
.arrow-down{display:inline-block;font-size:2rem;color:var(--green);text-decoration:none;animation:bounce 1.5s infinite;text-shadow:0 0 8px var(--green);}
.stars span{position:absolute;color:var(--cyan);font-size:.8rem;opacity:.4;animation:twinkle 3s infinite alternate;pointer-events:none;}
.stars span:nth-child(2){animation-delay:.5s;}.stars span:nth-child(3){animation-delay:1s;}.stars span:nth-child(4){animation-delay:1.5s;}.stars span:nth-child(5){animation-delay:2s;}.stars span:nth-child(6){animation-delay:2.5s;}
.section{padding:80px 24px;max-width:1100px;margin:0 auto;}
.section-alt{background:var(--bg-alt);max-width:100%;padding-left:calc((100% - 1100px)/2 + 24px);padding-right:calc((100% - 1100px)/2 + 24px);}
.section-header{text-align:center;margin-bottom:12px;}
.section-icon{font-size:2rem;display:block;margin-bottom:8px;}
.section-title{font-family:var(--font-pixel);font-size:clamp(.7rem,2.5vw,1rem);color:var(--green);letter-spacing:4px;text-shadow:0 0 10px var(--green);}
.section-line{width:120px;height:2px;background:var(--green);margin:12px auto 0;box-shadow:0 0 6px var(--green);}
.section-desc{text-align:center;color:var(--gray);font-size:1.1rem;margin-bottom:32px;font-family:var(--font-term);}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}
.card{background:var(--bg-section);border:2px solid var(--border);padding:20px;position:relative;transition:all .2s;}
.card:hover{border-color:var(--green);box-shadow:0 0 16px rgba(0,255,136,.15);transform:translateY(-3px);}
.card-badge{position:absolute;top:8px;right:8px;font-family:var(--font-pixel);font-size:.42rem;color:var(--bg-dark);background:var(--green);padding:3px 6px;letter-spacing:1px;z-index:2;}
.card-icon{font-size:2.5rem;margin-bottom:12px;}
.card-title{font-family:var(--font-pixel);font-size:.55rem;color:var(--white);margin-bottom:8px;line-height:1.7;}
.card-text{color:var(--gray);font-size:1rem;margin-bottom:16px;font-family:var(--font-term);}
.card-btn{display:inline-block;font-family:var(--font-pixel);font-size:.48rem;color:var(--green);border:2px solid var(--green);padding:8px 14px;text-decoration:none;letter-spacing:1px;transition:all .15s;}
.card-btn:hover{background:var(--green);color:var(--bg-dark);box-shadow:0 0 12px var(--green);}
.card-video{padding:0;overflow:hidden;}
.card-video .card-title{padding:10px 16px 4px;font-size:.5rem;}
.card-video .card-meta{padding:0 16px 12px;font-size:.8rem;color:#444466;font-family:var(--font-term);}
.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-bottom:2px solid var(--border);}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
.card-video:hover .video-wrapper{border-bottom-color:var(--green);}
.center-btn{text-align:center;margin-top:32px;}
.big-btn{display:inline-block;font-family:var(--font-pixel);font-size:.5rem;padding:14px 22px;text-decoration:none;letter-spacing:2px;border:2px solid;transition:all .2s;}
.btn-red{color:var(--red);border-color:var(--red);}.btn-red:hover{background:var(--red);color:var(--bg-dark);box-shadow:0 0 16px var(--red);}
.btn-purple{color:var(--purple);border-color:var(--purple);}.btn-purple:hover{background:var(--purple);color:var(--bg-dark);box-shadow:0 0 16px var(--purple);}
.audio-player-box{background:var(--bg-section);border:2px solid var(--green);padding:20px;box-shadow:0 0 20px rgba(0,255,136,.1);margin-bottom:8px;}
.player-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.player-icon{font-size:1.2rem;color:var(--green);}
.player-track{flex:1;font-family:var(--font-term);font-size:1.1rem;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.player-time{font-family:var(--font-pixel);font-size:.45rem;color:var(--gray);}
.player-progress{height:6px;background:var(--border);cursor:pointer;margin-bottom:14px;}
.player-progress-bar{height:100%;background:var(--green);width:0%;transition:width .1s;box-shadow:0 0 6px var(--green);}
.player-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ctrl-btn{background:none;border:2px solid var(--gray);color:var(--gray);font-size:1rem;padding:6px 12px;cursor:pointer;transition:all .15s;font-family:var(--font-term);}
.ctrl-btn:hover{border-color:var(--green);color:var(--green);}
.ctrl-play{border-color:var(--green);color:var(--green);font-size:1.2rem;padding:6px 16px;}
.ctrl-play:hover{background:var(--green);color:var(--bg-dark);}
.volume-slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;background:var(--border);outline:none;cursor:pointer;}
.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--green);cursor:pointer;}
.volume-icon{font-size:.9rem;}
.player-tracklist{margin-top:14px;border-top:1px solid var(--border);padding-top:10px;max-height:200px;overflow-y:auto;}
.track-item{display:flex;align-items:center;gap:10px;padding:6px 8px;cursor:pointer;border:1px solid transparent;transition:all .1s;font-family:var(--font-term);font-size:1rem;}
.track-item:hover{border-color:var(--green);background:rgba(0,255,136,.04);}
.track-item.active{border-color:var(--green);background:rgba(0,255,136,.07);}
.track-num{font-family:var(--font-pixel);font-size:.4rem;color:var(--gray);min-width:20px;}
.track-name{flex:1;color:var(--white);}.track-item.active .track-name{color:var(--green);}
.track-dur{font-size:.85rem;color:var(--gray);}
.filter-bar,.game-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:24px;}
.filter-btn,.game-tab{font-family:var(--font-pixel);font-size:.45rem;padding:8px 14px;background:none;border:2px solid var(--gray);color:var(--gray);cursor:pointer;transition:all .15s;letter-spacing:1px;}
.filter-btn:hover,.game-tab:hover{border-color:var(--green);color:var(--green);}
.filter-btn.active{border-color:var(--green);color:var(--bg-dark);background:var(--green);}
.game-tab{text-align:center;}.game-tab.active{border-color:var(--cyan);color:var(--bg-dark);background:var(--cyan);}
.tab-count{display:block;font-family:var(--font-term);font-size:.8rem;margin-top:2px;opacity:.7;}
.loading-msg{grid-column:1/-1;text-align:center;padding:40px;font-family:var(--font-pixel);font-size:.55rem;color:var(--gray);border:2px dashed var(--border);}
.legacy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}
.legacy-card{background:var(--bg-section);border:2px dashed var(--gray);padding:24px;text-align:center;transition:all .2s;}
.legacy-card:hover{border-style:solid;border-color:var(--yellow);box-shadow:0 0 12px rgba(255,225,86,.1);}
.legacy-icon{font-size:3rem;margin-bottom:12px;}
.legacy-title{font-family:var(--font-pixel);font-size:.55rem;color:var(--yellow);margin-bottom:8px;line-height:1.8;text-shadow:0 0 6px rgba(255,225,86,.4);}
.legacy-status{font-family:var(--font-pixel);font-size:.42rem;margin-bottom:12px;letter-spacing:1px;}
.status-offline{color:var(--gray);}.status-online{color:var(--green);text-shadow:0 0 6px var(--green);}
.legacy-text{color:var(--gray);font-size:1rem;margin-bottom:12px;font-family:var(--font-term);}
.legacy-meta{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:#444466;margin-bottom:16px;font-family:var(--font-term);}
.about-box{display:flex;gap:32px;align-items:flex-start;background:var(--bg-section);border:2px solid var(--border);padding:32px;flex-wrap:wrap;}
.pixel-avatar{width:100px;height:100px;background:var(--bg-alt);border:3px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 0 12px rgba(0,255,136,.2);}
.about-content{flex:1;min-width:240px;}
.about-name{font-family:var(--font-pixel);font-size:.7rem;color:var(--green);margin-bottom:16px;text-shadow:0 0 8px var(--green);}
.about-bio{color:var(--white);font-size:1.1rem;margin-bottom:12px;font-family:var(--font-term);line-height:1.7;}
.social-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.social-btn{font-family:var(--font-pixel);font-size:.45rem;color:var(--cyan);border:2px solid var(--cyan);padding:8px 12px;text-decoration:none;letter-spacing:1px;transition:all .15s;}
.social-btn:hover{background:var(--cyan);color:var(--bg-dark);box-shadow:0 0 10px var(--cyan);}
.footer{border-top:2px solid var(--border);padding:32px 24px;text-align:center;background:var(--bg-dark);}
.footer-logo{font-family:var(--font-pixel);font-size:.6rem;color:var(--green);letter-spacing:3px;margin-bottom:8px;text-shadow:0 0 6px var(--green);}
.footer-copy{color:var(--gray);font-size:.95rem;font-family:var(--font-term);margin-bottom:8px;}
.footer-hint{color:#333355;font-size:.85rem;font-family:var(--font-term);}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}.blink{animation:blink 1.2s step-end infinite;}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(8px);}}
@keyframes twinkle{from{opacity:.2;transform:scale(.8);}to{opacity:.7;transform:scale(1.2);}}
@keyframes glitch{0%,90%,100%{transform:translate(0);}92%{transform:translate(-3px,1px);}94%{transform:translate(3px,-1px);}96%{transform:translate(-2px,2px);}98%{transform:translate(2px,-2px);}}
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s;}.fade-in.visible{opacity:1;transform:translateY(0);}
.konami-msg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-pixel);font-size:.65rem;color:var(--yellow);background:rgba(0,0,0,.92);border:3px solid var(--yellow);padding:24px 32px;z-index:10000;text-align:center;text-shadow:0 0 10px var(--yellow);box-shadow:0 0 30px rgba(255,225,86,.3);pointer-events:none;line-height:2;}
body.konami-mode{filter:hue-rotate(180deg) saturate(1.5);}
@media(max-width:768px){.header{flex-wrap:wrap;height:auto;padding:8px 12px;gap:6px;}.nav{order:3;width:100%;justify-content:center;}.nav-link{font-size:.4rem;padding:4px 6px;}.hero{padding-top:110px;}.section{padding:60px 16px;}.section-alt{padding-left:16px;padding-right:16px;}.about-box{flex-direction:column;align-items:center;text-align:center;}.social-links{justify-content:center;}.cards-grid{grid-template-columns:1fr;}.volume-slider{width:60px;}}
@media(max-width:480px){.hero-title{font-size:1.8rem;letter-spacing:3px;}.section-title{font-size:.6rem;}.game-tab{font-size:.38rem;padding:6px 8px;}}
/* Lazy video preview (обход AdBlock) */
.video-lazy { cursor: pointer; position: relative; overflow: hidden; }
.video-lazy img { transition: transform .3s; }
.video-lazy:hover img { transform: scale(1.05); }
.play-overlay {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 60px; height: 60px; background: rgba(0,255,136,.9);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; color: #0a0a12; pointer-events: none;
    box-shadow: 0 0 20px rgba(0,255,136,.5);
    transition: all .2s;
}
.video-lazy:hover .play-overlay { 
    transform: translate(-50%, -50%) scale(1.1); 
    background: #00ff88; 
}