.koji-hub-wrapper{background-color:var(--bg-color);padding:var(--pad-top-mob) 20px var(--pad-bot-mob) 20px;position:relative;overflow:hidden;font-family:Red Hat Display,sans-serif!important;color:#fff;transition:background-color .5s ease}.koji-hub-bg-lines{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(var(--accent-color),.15) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(var(--accent-color),.08) 0%,transparent 40%);z-index:1;pointer-events:none;animation:hub-ambient-glow 10s ease-in-out infinite alternate}@keyframes hub-ambient-glow{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-2%,2%)}}.koji-hub-inner{max-width:1400px;margin:0 auto;position:relative;z-index:2}.koji-hub-header{text-align:center;margin-bottom:40px}.koji-text-online,.koji-title-online,.koji-hub-wrapper.is-live-mode .koji-text-offline,.koji-hub-wrapper.is-live-mode .koji-title-offline{display:none}.koji-hub-wrapper.is-live-mode .koji-text-online,.koji-hub-wrapper.is-live-mode .koji-title-online{display:inline}.koji-hub-status-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--accent-color);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 16px;border-radius:30px;margin-bottom:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.koji-status-dot{width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;box-shadow:0 0 10px var(--accent-color);animation:hub-pulse-normal 2s infinite}@keyframes hub-pulse-normal{0%,to{opacity:1}50%{opacity:.4}}.koji-hub-title{font-size:clamp(32px,5vw,48px);font-weight:900;line-height:1.1;margin:0 0 16px;text-transform:uppercase}.koji-hub-subtitle{font-size:15px;color:#fff9;max-width:600px;margin:0 auto;line-height:1.5}.koji-hub-grid{display:grid;grid-template-columns:1fr;gap:30px}@media screen and (min-width:990px){.koji-hub-wrapper{padding:var(--pad-top-desk) 40px var(--pad-bot-desk) 40px}.koji-hub-header{margin-bottom:60px;text-align:left}.koji-hub-subtitle{margin:0}.koji-hub-grid{grid-template-columns:2fr 1fr;gap:50px;align-items:stretch}}.koji-hub-monitor-panel{width:100%}.koji-monitor-frame{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #0009,0 0 40px #8c5cff1a;display:flex;flex-direction:column;height:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.koji-monitor-header{background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px}.koji-monitor-title{font-size:13px;font-weight:800;color:#fff;letter-spacing:2px;opacity:.8;margin:0}.koji-monitor-screen{width:100%;aspect-ratio:16 / 9;background:#000;position:relative}.koji-twitch-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.koji-hub-social-panel{background:transparent;border:none;padding:0;display:flex;flex-direction:column}.koji-social-panel-title{font-size:13px;font-weight:900;color:#ffffff80;text-transform:uppercase;letter-spacing:2px;margin:0 0 24px;display:flex;align-items:center;gap:12px}.koji-social-panel-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent)}.koji-hub-social-list{display:flex;flex-direction:column;gap:20px;flex:1}.koji-custom-social-img{width:24px;height:24px;object-fit:contain;display:block}.koji-custom-header-icon{width:20px;height:20px;object-fit:contain;display:block}.koji-hub-social-btn{display:flex;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:18px 20px;border-radius:16px;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.koji-hub-social-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;margin-right:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.koji-hub-social-info{flex:1;display:flex;flex-direction:column}.koji-hub-social-name{font-size:16px;font-weight:800;margin-bottom:4px}.koji-hub-social-desc{font-size:13px;color:#ffffff80;font-family:Inter,sans-serif}.koji-hub-social-arrow{font-weight:900;color:#fff3;transition:all .3s;font-size:18px}.koji-social-instagram .koji-hub-social-icon{color:#e1306c}.koji-social-tiktok .koji-hub-social-icon{color:#00f2fe}.koji-social-youtube .koji-hub-social-icon{color:red}.koji-social-discord .koji-hub-social-icon{color:#5865f2}@media(hover:hover)and (pointer:fine){.koji-hub-social-btn:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 15px 30px #0006}.koji-hub-social-btn:hover .koji-hub-social-arrow{color:#fff;transform:translate(4px)}.koji-social-instagram:hover .koji-hub-social-icon{background:#e1306c;color:#fff;box-shadow:0 8px 20px #e1306c66;transform:scale(1.1)}.koji-social-tiktok:hover .koji-hub-social-icon{background:#00f2fe;color:#000;box-shadow:0 8px 20px #00f2fe66;transform:scale(1.1)}.koji-social-youtube:hover .koji-hub-social-icon{background:red;color:#fff;box-shadow:0 8px 20px #f006;transform:scale(1.1)}.koji-social-discord:hover .koji-hub-social-icon{background:#5865f2;color:#fff;box-shadow:0 8px 20px #5865f266;transform:scale(1.1)}}.koji-discord-widget-wrapper{width:100%;border-radius:16px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0000004d;transition:all .3s ease}.koji-discord-widget-wrapper:hover{border-color:#5865f2;box-shadow:0 15px 40px #5865f233}.koji-discord-iframe{width:100%;height:250px;display:block}.koji-ig-showcase-wrapper{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;display:flex;flex-direction:column;transition:all .3s ease}.koji-ig-showcase-wrapper:hover{border-color:#e1306c80;box-shadow:0 15px 40px #e1306c1a}.koji-ig-showcase-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.koji-ig-showcase-title{font-size:13px;font-weight:800;letter-spacing:1px;color:#fff;text-transform:uppercase}.koji-ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.koji-ig-post{aspect-ratio:1 / 1;position:relative;border-radius:8px;overflow:hidden;background:#111;display:block}.koji-ig-post img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.koji-ig-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}@media(hover:hover)and (pointer:fine){.koji-ig-post:hover img{transform:scale(1.1)}.koji-ig-post:hover .koji-ig-hover-overlay{opacity:1}}.koji-hub-wrapper.is-live-mode{background-color:#120303}.koji-hub-wrapper.is-live-mode .koji-hub-bg-lines{background:radial-gradient(circle at 80% 20%,rgba(255,59,48,.15) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(255,59,48,.08) 0%,transparent 40%)}.koji-hub-wrapper.is-live-mode .koji-hub-status-badge{background:#ff3b301a;border-color:#ff3b304d;color:#ff3b30;box-shadow:0 0 20px #ff3b3033}.koji-hub-wrapper.is-live-mode .koji-status-dot{background-color:#ff3b30;box-shadow:0 0 15px #ff3b30;animation:live-blink .8s step-end infinite}.koji-hub-wrapper.is-live-mode .koji-hub-title{color:#fff;text-shadow:0 0 30px rgba(255,59,48,.3)}.koji-hub-wrapper.is-live-mode .koji-monitor-frame{border-color:#ff3b304d;box-shadow:0 20px 60px #000c,0 0 50px #ff3b3026}@keyframes live-blink{0%,to{opacity:1}50%{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/koji-live-hub.css.map */