.streamers-page-wrapper{min-height:100vh;position:relative;overflow-x:hidden}.streamers-page-wrapper:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,transparent 30%,rgba(0,0,50,.3) 60%,rgba(0,0,80,.5));pointer-events:none;z-index:2}.streamers-plasma-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-color:#0e0e10;overflow:hidden}.streamers-raster-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.7;background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,255,255,.03) 2px,transparent 3px)}.streamers-raster-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.05) 4px,transparent 5px);animation:scanlines 8s linear infinite;transform:translateY(-100%) translateZ(0);will-change:transform}.streamers-raster-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 2px);pointer-events:none}.streamers-plasma-layer-1{background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.08) 0,transparent 50%),radial-gradient(circle at 30% 70%,rgba(59,130,246,.08) 0,transparent 40%),radial-gradient(circle at 70% 30%,rgba(59,130,246,.08) 0,transparent 40%);animation:plasma 120s ease-in-out infinite;filter:blur(60px)}.streamers-plasma-layer-1,.streamers-plasma-layer-2{position:absolute;top:-50%;left:-50%;width:200%;height:200%;transform:translateZ(0);will-change:transform}.streamers-plasma-layer-2{background:repeating-radial-gradient(circle at 30% 40%,rgba(59,130,246,.25) 0,rgba(59,130,246,.25) 70px,transparent 0,transparent 140px);animation:circles-1-fast 340s linear infinite;filter:blur(1px)}.streamers-plasma-layer-3{background:repeating-radial-gradient(circle at 70% 60%,transparent 0,transparent 80px,rgba(148,163,184,.2) 0,rgba(148,163,184,.2) 160px);animation:circles-2-fast 460s linear infinite;transform:translateZ(0);will-change:transform}.streamers-plasma-background:before,.streamers-plasma-layer-3{position:absolute;top:-50%;left:-50%;width:200%;height:200%;filter:blur(1px)}.streamers-plasma-background:before{content:"";background:repeating-radial-gradient(circle at 50% 50%,rgba(107,114,128,.18) 0,rgba(107,114,128,.18) 100px,transparent 0,transparent 200px);animation:circles-3-fast 620s linear infinite;mix-blend-mode:screen}.streamers-plasma-background:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 25% 75%,rgba(59,130,246,.04) 0,transparent 45%),radial-gradient(circle at 75% 25%,rgba(148,163,184,.04) 0,transparent 45%);animation:plasma-reverse 380s ease-in-out infinite;filter:blur(40px)}.streamers-container{max-width:1200px;margin:0 auto;padding:40px 20px;position:relative;z-index:3}.streamers-page-wrapper.no-animations .streamers-plasma-background:after,.streamers-page-wrapper.no-animations .streamers-plasma-background:before,.streamers-page-wrapper.no-animations .streamers-plasma-layer-1,.streamers-page-wrapper.no-animations .streamers-plasma-layer-2,.streamers-page-wrapper.no-animations .streamers-plasma-layer-3,.streamers-page-wrapper.no-animations .streamers-raster-overlay,.streamers-page-wrapper.no-animations .streamers-raster-overlay:before{animation:none!important}.streamers-title{font-size:32px;font-weight:700;color:#efeff1;margin-bottom:32px}.streamers-header{margin-bottom:2rem}.streamers-title-section{display:flex;align-items:center;gap:2rem}.streamers-view-toggle{display:flex;gap:.5rem;background:rgba(0,0,0,.3);padding:.25rem;border-radius:2rem;border:2px solid rgba(147,71,255,.3);width:-moz-fit-content;width:fit-content}.view-toggle-btn{padding:.75rem 1.5rem;border:none;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(239,239,241,.6);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:1.5rem;text-transform:uppercase;letter-spacing:.5px}.view-toggle-btn:hover:not(.view-toggle-active){color:rgba(239,239,241,.9);background:rgba(147,71,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.view-toggle-btn.view-toggle-active{background:rgba(147,71,255,.8);color:#fff;box-shadow:0 0 20px rgba(147,71,255,.5)}.streamers-empty,.streamers-error,.streamers-loading{text-align:center;padding:3rem;font-size:1.1rem;color:#94a3b8}.streamers-error{color:#f87171}.streamers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:24px;gap:24px;transform:translateZ(0);will-change:contents}.streamer-card{background:linear-gradient(180deg,rgba(59,130,246,.15) 0,rgba(51,65,85,.85) 30%,rgba(30,41,59,.7) 70%,rgba(15,23,42,.5));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;position:relative;display:flex;flex-direction:column;min-height:380px;transform:translateZ(0);will-change:transform;box-shadow:8px 8px 0 rgba(0,0,0,.3)}.streamer-card:hover{transform:translateY(-2px) translateZ(0);box-shadow:8px 8px 0 rgba(0,0,0,.5),0 16px 32px rgba(0,0,0,.2)}.streamer-header{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;margin-bottom:1.5rem}.streamers-page-avatar{width:120px!important;height:120px!important;min-width:120px;min-height:120px;border-radius:50%;object-fit:cover;margin-bottom:1rem;display:block}.streamer-name{font-size:1.5rem;font-weight:600;color:#e2e8f0;margin:0;text-align:center}.streamer-event{margin-bottom:1.5rem;text-align:center}.event-name{display:inline-block;font-size:1.1rem;color:#e2e8f0;text-decoration:none;margin-bottom:.5rem;font-weight:700;padding:.25rem .75rem;border-radius:1rem;transition:background-color .2s ease}.event-name:hover{background:rgba(0,0,0,.5)}.event-time{font-size:.95rem;color:#94a3b8;margin-bottom:.25rem}.day-tag{position:absolute;top:1rem;right:1rem;padding:.125rem .375rem;background:rgba(147,51,234,.2);color:#c084fc;font-size:.75rem;font-weight:600;border-radius:.25rem;letter-spacing:.05em;z-index:1}.day-tag-live{background-color:#dc2626;color:#ffffff;animation:pulse-live 2s ease-in-out infinite;box-shadow:0 2px 4px rgba(220,38,38,.3)}.event-duration{font-size:.9rem;color:#64748b}.streamer-countdown{display:flex;justify-content:center;gap:1.5rem;padding:1rem;background:rgba(147,51,234,.1);border-radius:8px;margin-bottom:1rem}.countdown-item{display:flex;flex-direction:column;align-items:center}.countdown-value{font-size:2rem;font-weight:700;color:#a855f7;line-height:1}.countdown-label{font-size:.85rem;color:#94a3b8;text-transform:uppercase;margin-top:.25rem}.streamer-progress{margin-bottom:1rem}.progress-bar{height:8px;background:rgba(148,163,184,.2);border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#9333ea,#a855f7);transition:transform .3s ease;transform-origin:left center;transform:scaleX(var(--progress,0)) translateZ(0);will-change:transform}.progress-info{display:flex;justify-content:space-between;font-size:.85rem;color:#94a3b8}.progress-time{color:#64748b}.progress-remaining{color:#a855f7;font-weight:500}.next-streamer{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:rgba(51,65,85,.3);border-radius:6px;font-size:.9rem;margin-top:auto}.next-label{color:#94a3b8}.next-streamer-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;transition:opacity .2s ease}.next-streamer-link:hover{opacity:.8}.next-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.next-name{color:#e2e8f0;font-weight:500}.next-info{color:#64748b;font-style:italic}.online-tag{gap:.5rem;background-color:#dc2626;animation:pulse-live 2s ease-in-out infinite;box-shadow:0 2px 4px rgba(220,38,38,.3)}.offline-tag,.online-tag{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;color:white;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.05em;z-index:1}.offline-tag{background-color:#000000;border:1px solid #333333}.online-dot{width:8px;height:8px;background:#ffffff;border-radius:50%;animation:pulse 2s ease-in-out infinite;position:relative;transform:translateZ(0);will-change:transform}.online-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.7);animation:pulse-shadow 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1) translateZ(0);opacity:1}50%{transform:scale(1.2) translateZ(0);opacity:.8}70%{transform:scale(1) translateZ(0);opacity:1}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes pulse-live{0%,to{background-color:#dc2626;box-shadow:0 2px 4px rgba(220,38,38,.3)}50%{background-color:#b91c1c;box-shadow:0 2px 8px rgba(220,38,38,.6)}}@keyframes pulse-shadow{0%,to{transform:scale(1) translateZ(0);opacity:0}70%{transform:scale(2.5) translateZ(0);opacity:0}}.streamers-grid-wrapper{position:relative;min-height:200px}.streamers-grid-loading{opacity:.3;pointer-events:none;transition:opacity .2s ease}.header-loading-spinner{width:24px;height:24px;position:relative}.header-loading-spinner .spinner-ring{box-sizing:border-box;display:block;position:absolute;width:20px;height:20px;margin:2px;border-radius:50%;animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid transparent;border-top-color:#9147ff}.header-loading-spinner .spinner-ring:first-child{animation-delay:-.45s}.header-loading-spinner .spinner-ring:nth-child(2){animation-delay:-.3s}.header-loading-spinner .spinner-ring:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.streamers-title{font-size:2rem}.streamers-header{display:flex;justify-content:center}.streamers-title-section{flex-direction:column;gap:1rem;width:100%}.streamers-view-toggle{width:100%;max-width:400px;justify-content:center}.view-toggle-btn{flex:1 1;font-size:.9rem;padding:.6rem 1rem}.streamers-grid{grid-template-columns:1fr;gap:1.5rem}.streamer-card{padding:1.25rem}.streamer-avatar{width:100px;height:100px}.streamer-name{font-size:1.25rem}.countdown-value{font-size:1.5rem}.streamer-countdown{gap:1rem}}@keyframes plasma{0%,to{transform:scale(1) rotate(0deg) translateZ(0);filter:hue-rotate(0deg) brightness(1)}25%{transform:scale(1.1) rotate(1deg) translate3d(2%,-1%,0);filter:hue-rotate(20deg) brightness(1.1)}50%{transform:scale(.95) rotate(-1deg) translate3d(-2%,2%,0);filter:hue-rotate(-20deg) brightness(.9)}75%{transform:scale(1.05) rotate(.5deg) translate3d(1%,1%,0);filter:hue-rotate(10deg) brightness(1.05)}}@keyframes plasma-reverse{0%,to{transform:scale(1) rotate(0deg) translateZ(0);filter:hue-rotate(0deg) brightness(1)}25%{transform:scale(1.05) rotate(-.5deg) translate3d(-1%,1%,0);filter:hue-rotate(-10deg) brightness(1.05)}50%{transform:scale(.95) rotate(1deg) translate3d(2%,-2%,0);filter:hue-rotate(20deg) brightness(.9)}75%{transform:scale(1.1) rotate(-1deg) translate3d(-2%,-1%,0);filter:hue-rotate(-20deg) brightness(1.1)}}@keyframes circles-1-fast{0%{transform:rotate(0deg) scale(1) translateZ(0)}to{transform:rotate(1turn) scale(1) translateZ(0)}}@keyframes circles-2-fast{0%{transform:rotate(0deg) scale(1) translateZ(0)}to{transform:rotate(-1turn) scale(1) translateZ(0)}}@keyframes circles-3-fast{0%{transform:rotate(0deg) scale(1.2) translateZ(0)}to{transform:rotate(1turn) scale(1.2) translateZ(0)}}@keyframes color-shift-purple{0%,to{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(30deg) brightness(1.2)}}@keyframes scanlines{0%{transform:translateY(-100%) translateZ(0)}to{transform:translateY(200%) translateZ(0)}}a.view-toggle-btn{text-decoration:none;display:inline-block;text-align:center}.streamer-search{position:relative;width:100%;max-width:420px;margin-left:auto}.streamer-search-input{width:100%;box-sizing:border-box;padding:.9rem 1.5rem;border-radius:2rem;border:2px solid rgba(147,71,255,.3);background:rgba(0,0,0,.3);color:#efeff1;font-size:1rem;outline:none}.streamer-search-input::placeholder{color:#9a9aaa}.streamer-search-input:focus{border-color:#9147ff;box-shadow:0 0 0 3px rgba(145,71,255,.25)}.streamer-search-results{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;margin:0;padding:6px;list-style:none;background:#1b1730;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.45);max-height:340px;overflow-y:auto}.streamer-search-result{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;text-decoration:none;color:#efeff1}.streamer-search-result:hover{background:rgba(145,71,255,.16)}.streamer-search-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.streamer-search-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.streamer-search-name{font-weight:600}.streamer-search-handle{color:#9a9aaa;font-size:13px;margin-left:auto}