@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;600;800;900&display=swap";.koji-cc-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}@media screen and (min-width:990px){.koji-cc-wrapper{padding:var(--pad-top-desk) 40px var(--pad-bot-desk) 40px}}.koji-cc-bg-ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 10%,rgba(var(--accent-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 90% 90%,rgba(88,101,242,.08) 0%,transparent 50%);z-index:1;pointer-events:none}.koji-cc-inner{max-width:1400px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:40px}.koji-cc-header{text-align:center}.koji-text-online,.koji-title-online,.koji-cc-wrapper.is-live-mode .koji-text-offline,.koji-cc-wrapper.is-live-mode .koji-title-offline{display:none}.koji-cc-wrapper.is-live-mode .koji-text-online,.koji-cc-wrapper.is-live-mode .koji-title-online{display:inline}.koji-cc-status-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--accent-color);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 20px;border-radius:30px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.koji-status-dot{width:10px;height:10px;background-color:var(--accent-color);border-radius:50%;box-shadow:0 0 12px var(--accent-color);animation:hub-pulse-normal 2s infinite}@keyframes hub-pulse-normal{0%,to{opacity:1}50%{opacity:.4}}.koji-cc-title{font-size:clamp(36px,6vw,64px);font-weight:900;line-height:1.1;margin:0 0 16px;text-transform:uppercase;letter-spacing:-1px}.koji-cc-subtitle{font-size:16px;color:#fff9;max-width:600px;margin:0 auto 24px;line-height:1.6}.koji-cc-ticker-wrap{display:flex;width:100%;max-width:800px;margin:0 auto;overflow:hidden;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.2);border-radius:8px;padding:10px 0;box-shadow:inset 0 0 15px #00000080}.koji-cc-ticker{display:flex;flex-shrink:0;white-space:nowrap;animation:ticker-scroll 20s linear infinite;font-family:monospace;font-size:13px;font-weight:700;color:var(--accent-color);letter-spacing:1.5px}.koji-ticker-sep{margin:0 24px;opacity:.4}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.koji-monitor-frame{background:#0a0a0acc;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #000c,0 0 50px rgba(var(--accent-rgb),.1);display:flex;flex-direction:column}.koji-monitor-header{background:#ffffff08;padding:16px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.05)}.koji-monitor-title{font-size:14px;font-weight:800;color:#fff;letter-spacing:2px;margin:0}.koji-monitor-screen{width:100%;aspect-ratio:16 / 9;background:#000;position:relative}@media screen and (min-width:990px){.koji-monitor-screen{aspect-ratio:21 / 9}}.koji-twitch-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#111;overflow:hidden}.koji-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;opacity:.6;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,3px 100%}.koji-crt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:16;pointer-events:none;background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.9) 150%)}.koji-placeholder-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4;filter:grayscale(30%) contrast(1.2);transition:all .5s ease}.koji-placeholder-overlay{position:relative;z-index:20}.koji-btn-tune-in{background:rgba(var(--accent-rgb),.2);border:1px solid var(--accent-color);color:#fff;padding:20px 40px;border-radius:50px;font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:900;letter-spacing:2px;cursor:pointer;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.koji-btn-tune-in:hover{background:var(--accent-color);transform:scale(1.05);box-shadow:0 0 40px rgba(var(--accent-rgb),.5)}.koji-twitch-placeholder:hover .koji-placeholder-bg{opacity:.6;filter:grayscale(0%);transform:scale(1.02)}.koji-monitor-screen.is-loaded .koji-twitch-placeholder{opacity:0;pointer-events:none;transition:opacity .5s ease}.koji-twitch-iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.koji-cc-bento-grid{display:grid;grid-template-columns:1fr;gap:30px}@media screen and (min-width:990px){.koji-cc-bento-grid{grid-template-columns:1.2fr 1fr;gap:40px}}.koji-glow-card{position:relative;overflow:hidden;--mouse-x: -1000px;--mouse-y: -1000px}.koji-glow-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .3s ease}.koji-glow-card:hover:after{opacity:1}.koji-cc-terminal-discord{background:#14141499;border:1px solid rgba(88,101,242,.2);border-radius:24px;padding:32px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .4s ease}.koji-cc-terminal-discord:hover{border-color:#5865f280;box-shadow:0 20px 50px #5865f226}.koji-discord-glow{position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(88,101,242,.15) 0%,transparent 70%);pointer-events:none}.koji-discord-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:32px;height:100%}@media screen and (min-width:768px){.koji-discord-content{flex-direction:row;align-items:center}}.koji-discord-text{flex:1}.koji-discord-text h3{font-size:28px;font-weight:900;margin:0 0 12px;color:#fff}.koji-discord-text p{font-size:15px;color:#ffffffb3;line-height:1.5;margin:0 0 24px}.koji-btn-discord{display:inline-flex;padding:14px 28px;background:#5865f2;color:#fff!important;font-weight:800;text-transform:uppercase;letter-spacing:1px;border-radius:12px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.koji-btn-discord:hover{background:#4752c4;transform:translateY(-3px);box-shadow:0 10px 20px #5865f266}.koji-discord-widget{flex-shrink:0;width:100%;max-width:300px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;position:relative;z-index:10}.koji-discord-widget iframe{display:block;width:100%;height:300px}.koji-cc-terminal-social{display:grid;grid-template-columns:1fr 1fr;gap:20px}.koji-matrix-card{display:block;border-radius:20px;background:#111;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #0000004d}.koji-matrix-img-wrap{width:100%;height:100%;position:relative}.koji-matrix-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.koji-matrix-placeholder{width:100%;height:100%;background:#222;fill:#444}.koji-matrix-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.koji-card-tk{grid-row:span 2;aspect-ratio:9 / 16}@media(hover:hover)and (pointer:fine){.koji-card-tk:hover{transform:translateY(-5px);border-color:#00f2fe;box-shadow:-5px 10px 20px #00f2fe33,5px 10px 20px #fe2c5533}.koji-card-tk:hover img{transform:scale(1.05)}.koji-card-tk:hover .koji-matrix-overlay{opacity:1;background:#0009}}.koji-matrix-ig-col{display:flex;flex-direction:column;gap:20px}.koji-card-ig{aspect-ratio:1 / 1}@media(hover:hover)and (pointer:fine){.koji-card-ig:hover{transform:translateY(-5px);border-color:#e1306c;box-shadow:0 15px 30px #e1306c33}.koji-card-ig:hover img{transform:scale(1.08)}.koji-card-ig:hover .koji-matrix-overlay{opacity:1;background:#00000080}}.koji-cc-wrapper.is-live-mode{background-color:#080000}.koji-cc-wrapper.is-live-mode .koji-cc-bg-ambient{background:radial-gradient(circle at 50% 30%,rgba(255,30,30,.15) 0%,transparent 60%);animation:live-bg-pulse 3s ease-in-out infinite alternate}@keyframes live-bg-pulse{0%{opacity:.8}to{opacity:1}}.koji-cc-wrapper.is-live-mode .koji-cc-status-badge{background:#ff3b301a;border-color:#ff3b304d;color:#ff3b30;box-shadow:0 0 20px #ff3b3033}.koji-cc-wrapper.is-live-mode .koji-status-dot{background-color:#ff3b30;box-shadow:0 0 15px #ff3b30;animation:live-blink .8s step-end infinite}.koji-cc-wrapper.is-live-mode .koji-cc-title{color:#fff;text-shadow:0 0 30px rgba(255,59,48,.3)}.koji-cc-wrapper.is-live-mode .koji-monitor-frame{border-color:#ff3b3066;box-shadow:0 30px 80px #000000e6,0 0 60px #ff3b3033}.koji-cc-wrapper.is-live-mode .koji-text-online{animation:live-text-glitch 3s infinite}@keyframes live-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes live-text-glitch{0%,to{transform:translate(0);text-shadow:none}10%{transform:translate(-1px,1px);text-shadow:2px 0 #00ffff,-2px 0 #ff3b30}12%{transform:translate(0);text-shadow:none}45%{transform:translate(1px,-1px);text-shadow:-2px 0 #00ffff,2px 0 #ff3b30}47%{transform:translate(0);text-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/koji-command-center.css.map */