:root{--accent-color: 55, 99, 63;--primary-bg: 15, 15, 15;--secondary-bg: 25, 25, 25;--font-color: 255, 255, 255;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-base: 14px;--font-size-small: 12px;--font-size-medium: 13px;--font-size-large: 24px;--border-radius: 0px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 30px;--transition-fast: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;color:rgba(var(--font-color),.9);background:linear-gradient(135deg,rgba(var(--primary-bg),.95),rgba(var(--secondary-bg),.9));min-height:100vh;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(var(--primary-bg),.3)}::-webkit-scrollbar-thumb{background:rgba(var(--accent-color),.6);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-color),.8)}h1,h2,h3,h4,h5,h6{font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0}h1{font-size:var(--font-size-large);color:rgb(var(--font-color))}h2{font-size:var(--font-size-medium);font-weight:600;letter-spacing:.8px;color:rgba(var(--font-color),.9)}p{margin:0;line-height:1.5}a{color:rgba(var(--accent-color),1);text-decoration:none;transition:var(--transition-fast)}a:hover{color:rgba(var(--accent-color),.8);transform:scale(1.02)}button{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:16px 24px;border:2px solid rgba(var(--font-color),.2);border-radius:var(--border-radius);background:rgba(var(--secondary-bg),.6);color:rgba(var(--font-color),.8);cursor:pointer;transition:var(--transition-smooth)}button:hover{background:rgba(var(--secondary-bg),.9);border-color:rgba(var(--accent-color),.4);transform:translateY(-2px)}button:active{transform:translateY(0) scale(.95)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}input{font-family:var(--font-family);font-size:var(--font-size-medium);background:rgba(var(--primary-bg),.6);border:1px solid rgba(var(--accent-color),.3);border-radius:var(--border-radius);color:rgba(var(--font-color),.9);padding:15px;transition:var(--transition-fast)}input:focus{outline:none;border-color:rgba(var(--accent-color),.6);box-shadow:0 0 10px rgba(var(--accent-color),.2)}.container{max-width:90vw;max-height:80vh;margin:0 auto;padding:var(--spacing-lg)}.section{background:linear-gradient(180deg,rgba(var(--primary-bg),.3) 0%,transparent 100%);border-left:1px solid rgba(var(--accent-color),.1);padding:16px 12px;margin-bottom:var(--spacing-sm)}.section-header{background:linear-gradient(135deg,rgba(var(--accent-color),.15),rgba(var(--secondary-bg),.8));border:1px solid rgba(var(--accent-color),.25);border-left:3px solid rgba(var(--accent-color),1);padding:10px 18px;margin-bottom:var(--spacing-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-out}.arkane-tv-app{min-height:100vh;background:linear-gradient(135deg,rgba(var(--primary-bg),.95),rgba(var(--secondary-bg),.9));padding:var(--spacing-lg)}.main-container{max-width:1400px;margin:0 auto;background:linear-gradient(135deg,rgba(var(--primary-bg),.95),rgba(var(--secondary-bg),.9));border:1px solid rgba(var(--accent-color),.3);border-radius:var(--border-radius);box-shadow:0 8px 32px #0009;overflow:hidden}.app-header{text-align:center;padding:var(--spacing-lg);border-bottom:1px solid rgba(var(--accent-color),.2)}.app-title{font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:rgb(var(--font-color));margin-bottom:var(--spacing-sm);text-shadow:0 0 8px rgba(var(--accent-color),.2)}.app-subtitle{font-size:var(--font-size-base);color:rgba(var(--font-color),.6);margin-bottom:var(--spacing-md)}.stats-container{display:flex;flex-direction:column;align-items:center;background:rgba(var(--secondary-bg),.8);border:1px solid rgba(var(--accent-color),.3);border-radius:var(--border-radius);padding:var(--spacing-md);margin:var(--spacing-md) auto;max-width:300px;transition:var(--transition-fast)}.stats-container:hover{border-color:rgba(var(--accent-color),.6);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-color),.2)}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.stat-content{display:flex;flex-direction:column;text-align:left}.stat-divider{width:100%;height:1px;background:rgba(var(--accent-color),.2);margin:var(--spacing-sm) 0}.stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(var(--accent-color),.2);border-radius:50%;color:rgba(var(--accent-color),1);font-size:14px;flex-shrink:0}.stat-number{font-size:24px;font-weight:700;color:rgba(var(--accent-color),1);display:block}.stat-label{font-size:var(--font-size-small);color:rgba(var(--font-color),.8);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.search-section{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(var(--accent-color),.2)}.search-container{position:relative;max-width:600px;margin:0 auto}.search-input{width:100%;padding:18px 50px 18px 24px;font-size:var(--font-size-base);background:rgba(var(--primary-bg),.8);border:2px solid rgba(var(--accent-color),.3);border-radius:var(--border-radius);color:rgba(var(--font-color),.9);transition:var(--transition-fast)}.search-input::placeholder{color:rgba(var(--font-color),.5);font-style:italic}.search-input:focus{border-color:rgba(var(--accent-color),.8);box-shadow:0 0 15px rgba(var(--accent-color),.3)}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:rgba(var(--accent-color),.7);color:rgb(var(--font-color));border-radius:var(--border-radius);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;text-transform:none;letter-spacing:0;transition:var(--transition-fast)}.search-clear-btn:hover{background:rgba(var(--accent-color),.9);transform:translateY(-50%) scale(1.1)}.search-info{text-align:center;margin-top:var(--spacing-sm);color:rgba(var(--font-color),.6);font-size:var(--font-size-small)}.search-info em{color:rgba(var(--accent-color),1);font-style:normal;font-weight:600}.streams-section{padding:var(--spacing-lg)}.streams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.no-streams{text-align:center;padding:var(--spacing-lg);color:rgba(var(--font-color),.6);font-style:italic}.loading{text-align:center;padding:var(--spacing-lg);color:rgba(var(--accent-color),1);font-weight:600}.error-message{background:#dc262633;border:1px solid rgba(220,38,38,.5);color:#ff6464;padding:var(--spacing-md);border-radius:var(--border-radius);margin:var(--spacing-md) 0;text-align:center}.stream-card{background:linear-gradient(135deg,rgba(var(--primary-bg),.95),rgba(var(--secondary-bg),.9));border:1px solid rgba(var(--accent-color),.3);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 12px #0000004d}.stream-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-color),.6);box-shadow:0 8px 24px rgba(var(--accent-color),.2)}.stream-thumbnail-container{position:relative;width:100%;height:200px;overflow:hidden;background:rgba(var(--secondary-bg),.8)}.stream-thumbnail{width:100%;height:100%;object-fit:cover;transition:var(--transition-fast)}.stream-card:hover .stream-thumbnail{transform:scale(1.05)}.stream-thumbnail-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(var(--secondary-bg),.9);color:rgba(var(--font-color),.6)}.stream-thumbnail-placeholder.hidden{display:none}.thumbnail-icon{font-size:32px;margin-bottom:var(--spacing-sm)}.thumbnail-text{font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.5px}.stream-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.8) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-sm)}.stream-live-badge{align-self:flex-start;background:#dc2626e6;color:rgb(var(--font-color));padding:4px 8px;border-radius:var(--border-radius);font-size:var(--font-size-small);font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.live-indicator{width:8px;height:8px;background:rgb(var(--font-color));border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stream-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.stream-viewer-count,.stream-duration{background:#000c;color:rgb(var(--font-color));padding:4px 8px;border-radius:var(--border-radius);font-size:var(--font-size-small);font-weight:600;display:flex;align-items:center;gap:4px;min-width:80px;justify-content:flex-start}.stream-info{padding:var(--spacing-md)}.stream-header{margin-bottom:var(--spacing-sm)}.streamer-info{display:flex;align-items:center;gap:var(--spacing-sm)}.streamer-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(var(--accent-color),.5);object-fit:cover}.streamer-details{flex:1}.streamer-name{font-size:var(--font-size-base);font-weight:700;color:rgb(var(--font-color));margin-bottom:2px;text-transform:none;letter-spacing:.5px}.platform-info{display:flex;align-items:center;gap:4px}.platform-icon{font-size:var(--font-size-small)}.platform-name{font-size:var(--font-size-small);color:rgba(var(--font-color),.7);text-transform:capitalize;font-weight:500}.stream-content{border-top:1px solid rgba(var(--accent-color),.2);padding-top:var(--spacing-sm)}.stream-title{font-size:var(--font-size-medium);font-weight:600;color:rgba(var(--font-color),.9);margin-bottom:var(--spacing-sm);line-height:1.4;text-transform:none;letter-spacing:.3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stream-game{font-size:var(--font-size-small);color:rgba(var(--accent-color),.9);font-weight:600;display:flex;align-items:center;gap:4px;margin-bottom:var(--spacing-sm)}.stat-icon{font-size:20px;color:rgba(var(--accent-color),.8);margin-bottom:8px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:1.2rem;font-weight:500;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay:after{content:"";width:24px;height:24px;border:2px solid var(--accent-color);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-left:12px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(var(--font-color),.5);pointer-events:none}.search-input{padding-left:45px}.platform-icon-svg{color:rgba(var(--accent-color),.8);font-size:14px}.thumbnail-icon{font-size:32px;color:rgba(var(--font-color),.4);margin-bottom:var(--spacing-sm)}.multiview-select-btn{width:36px;height:36px;border:2px solid rgba(var(--accent-color),.5);background:rgba(var(--secondary-bg),.8);color:rgba(var(--font-color),.8);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);font-size:14px;padding:0;text-transform:none;letter-spacing:0}.multiview-select-btn:hover{border-color:rgba(var(--accent-color),.8);background:rgba(var(--accent-color),.2);transform:scale(1.1)}.multiview-select-btn.selected{background:rgba(var(--accent-color),.8);border-color:rgba(var(--accent-color),1);color:rgb(var(--font-color))}.external-link-btn{background:rgba(var(--accent-color),.7);border:1px solid rgba(var(--accent-color),1);color:rgb(var(--font-color));padding:8px 12px;font-size:var(--font-size-small);font-weight:600;display:flex;align-items:center;gap:6px;margin-top:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.external-link-btn:hover{background:rgba(var(--accent-color),.9);transform:translateY(-1px)}.multiview-button-container{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);justify-content:center;flex-wrap:wrap}.multiview-toggle-btn{background:rgba(var(--secondary-bg),.8);border:2px solid rgba(var(--accent-color),.5);color:rgba(var(--font-color),.8);padding:12px 20px;display:flex;align-items:center;gap:8px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;transition:var(--transition-fast)}.multiview-toggle-btn:hover{border-color:rgba(var(--accent-color),.8);background:rgba(var(--accent-color),.1)}.multiview-toggle-btn.active{background:rgba(var(--accent-color),.7);border-color:rgba(var(--accent-color),1);color:rgb(var(--font-color))}.multiview-toggle-btn.has-selection{background:rgba(var(--accent-color),.3);border-color:rgba(var(--accent-color),.8);color:rgba(var(--font-color),.9)}.multiview-open-btn{background:rgba(var(--accent-color),.8);border:2px solid rgba(var(--accent-color),1);color:rgb(var(--font-color));padding:12px 20px;display:flex;align-items:center;gap:8px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;transition:var(--transition-fast)}.multiview-open-btn:hover{background:rgba(var(--accent-color),1);transform:translateY(-2px)}.selection-count{background:rgba(var(--font-color),.2);padding:2px 6px;border-radius:10px;font-size:var(--font-size-small);margin-left:4px}.multiview-clear-btn{width:32px;height:32px;background:#dc2626b3;border:1px solid rgba(220,38,38,1);color:rgb(var(--font-color));border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;text-transform:none;letter-spacing:0}.multiview-clear-btn:hover{background:#dc2626e6}.multiview-help{display:flex;align-items:center;gap:6px;color:rgba(var(--font-color),.6);font-size:var(--font-size-small);font-style:italic}.multiview-help-section{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:rgba(var(--accent-color),.1);border:1px solid rgba(var(--accent-color),.3);border-radius:var(--border-radius);padding:var(--spacing-md);margin-top:var(--spacing-sm);animation:slideIn .3s ease-out}.help-icon{color:rgba(var(--accent-color),.8);font-size:18px;flex-shrink:0;margin-top:2px}.help-content{flex:1}.help-steps{display:flex;flex-direction:column;gap:8px}.help-step{display:flex;align-items:center;gap:8px;font-size:var(--font-size-small);color:rgba(var(--font-color),.8)}.help-step strong{color:rgba(var(--accent-color),1);font-weight:600}.help-progress{background:rgba(var(--secondary-bg),.8);padding:6px 12px;border-radius:var(--border-radius);font-size:var(--font-size-small);font-weight:600;color:rgba(var(--accent-color),1);text-align:center;margin-top:4px}.help-selected{display:flex;align-items:center;gap:8px;font-size:var(--font-size-small);color:rgba(var(--font-color),.8);font-weight:600}.multiview-player{position:fixed;inset:0;background:rgba(var(--primary-bg),.98);z-index:1000;display:flex;flex-direction:column}.multiview-player.fullscreen{background:rgb(var(--primary-bg))}.multiview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(var(--accent-color),.3);background:rgba(var(--secondary-bg),.9)}.multiview-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:rgb(var(--font-color))}.multiview-controls{display:flex;align-items:center;gap:var(--spacing-md)}.layout-selector{display:flex;align-items:center;gap:8px}.control-label{font-size:var(--font-size-small);color:rgba(var(--font-color),.7);text-transform:uppercase;letter-spacing:.5px}.layout-buttons{display:flex;gap:4px}.layout-btn{width:32px;height:32px;background:rgba(var(--secondary-bg),.8);border:1px solid rgba(var(--accent-color),.3);color:rgba(var(--font-color),.7);display:flex;align-items:center;justify-content:center;padding:0;text-transform:none;letter-spacing:0}.layout-btn:hover{border-color:rgba(var(--accent-color),.6);background:rgba(var(--accent-color),.2)}.layout-btn.active{background:rgba(var(--accent-color),.7);border-color:rgba(var(--accent-color),1);color:rgb(var(--font-color))}.multiview-settings{display:flex;gap:4px}.setting-btn{width:32px;height:32px;background:rgba(var(--secondary-bg),.8);border:1px solid rgba(var(--font-color),.2);color:rgba(var(--font-color),.7);display:flex;align-items:center;justify-content:center;padding:0;text-transform:none;letter-spacing:0}.setting-btn:hover{border-color:rgba(var(--accent-color),.6);background:rgba(var(--accent-color),.2)}.setting-btn.active{background:rgba(var(--accent-color),.7);border-color:rgba(var(--accent-color),1);color:rgb(var(--font-color))}.window-controls{display:flex;gap:4px}.control-btn{width:32px;height:32px;background:rgba(var(--secondary-bg),.8);border:1px solid rgba(var(--font-color),.2);color:rgba(var(--font-color),.7);display:flex;align-items:center;justify-content:center;padding:0;text-transform:none;letter-spacing:0}.control-btn:hover{border-color:rgba(var(--accent-color),.6);background:rgba(var(--accent-color),.2)}.close-btn{border-color:#dc262680}.close-btn:hover{background:#dc2626b3;border-color:#dc2626}.multiview-grid{flex:1;padding:var(--spacing-lg);display:grid;gap:var(--spacing-md);overflow:auto}.multiview-grid-2{grid-template-columns:1fr 1fr}.multiview-single{grid-template-columns:1fr;grid-template-rows:1fr}.multiview-single .stream-content-container{min-height:500px}.multiview-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.multiview-side-by-side{grid-template-columns:2fr 1fr}.multiview-pip{grid-template-columns:1fr;position:relative}.multiview-pip .multiview-stream:not(:first-child){position:absolute;bottom:20px;right:20px;width:300px;height:200px;z-index:10;box-shadow:0 4px 20px #00000080}.multiview-stream{background:rgba(var(--secondary-bg),.9);border:1px solid rgba(var(--accent-color),.3);border-radius:var(--border-radius);overflow:hidden;display:flex;flex-direction:column}.stream-content-container{flex:1;display:flex;min-height:0}.multiview-stream.empty{display:flex;align-items:center;justify-content:center;color:rgba(var(--font-color),.4);border-style:dashed}.empty-slot{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.5px}.stream-header-mini{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(var(--primary-bg),.8);border-bottom:1px solid rgba(var(--accent-color),.2)}.multiview-stream{transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:center}.draggable-header{cursor:grab;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.draggable-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-color),.2),transparent);transition:left .6s ease}.draggable-header:hover{background:rgba(var(--accent-color),.1);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--accent-color),.15)}.draggable-header:hover:before{left:100%}.draggable-header:active{cursor:grabbing;transform:translateY(0) scale(1.02)}.multiview-stream.dragging{opacity:.8;transform:rotate(3deg) scale(1.05);z-index:1000;box-shadow:0 8px 25px #0000004d;filter:brightness(1.1)}.multiview-stream.drag-over{border:2px dashed rgba(var(--accent-color),.8);background:rgba(var(--accent-color),.15);transform:scale(1.02);animation:dragOverPulse 1.5s ease-in-out infinite}@keyframes dragOverPulse{0%,to{border-color:rgba(var(--accent-color),.8);background:rgba(var(--accent-color),.15);transform:scale(1.02)}50%{border-color:rgba(var(--accent-color),1);background:rgba(var(--accent-color),.25);transform:scale(1.04)}}@keyframes dragGhost{0%{opacity:1;transform:rotate(0) scale(1)}to{opacity:.9;transform:rotate(3deg) scale(1.05)}}.multiview-stream.dragging{animation:dragGhost .2s ease-out forwards}@keyframes gripPulse{0%,to{opacity:.4}50%{opacity:.8}}.draggable-header:hover .drag-handle{animation:gripPulse 2s ease-in-out infinite}.drag-handle{color:rgba(var(--font-color),.4);font-size:14px;font-weight:700;writing-mode:vertical-lr;text-orientation:mixed;line-height:1;margin-right:6px;cursor:grab;transition:all .2s ease;padding:2px;border-radius:2px}.draggable-header:hover .drag-handle{color:rgba(var(--accent-color),.8);background:rgba(var(--accent-color),.1);transform:scale(1.1)}.draggable-header:active .drag-handle{cursor:grabbing;color:rgba(var(--accent-color),1);background:rgba(var(--accent-color),.2);transform:scale(.95)}.stream-info-mini{display:flex;align-items:center;gap:8px}.avatar-mini{width:24px;height:24px;border-radius:50%;border:1px solid rgba(var(--accent-color),.5)}.stream-details-mini{display:flex;flex-direction:column}.streamer-name-mini{font-size:var(--font-size-small);font-weight:600;color:rgb(var(--font-color))}.viewer-count-mini{font-size:10px;color:rgba(var(--font-color),.6)}.stream-controls-mini{display:flex;align-items:center;gap:6px}.chat-toggle-btn{width:20px;height:20px;background:rgba(var(--accent-color),.3);border:1px solid rgba(var(--accent-color),.5);color:rgba(var(--font-color),.7);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;font-size:10px;text-transform:none;letter-spacing:0;transition:all .2s ease}.chat-toggle-btn:hover{background:rgba(var(--accent-color),.5);color:rgb(var(--font-color));border-color:rgba(var(--accent-color),.8)}.chat-toggle-btn.active{background:rgba(var(--accent-color),.8);color:rgb(var(--font-color));border-color:rgb(var(--accent-color))}.remove-stream-btn{width:20px;height:20px;background:#dc2626b3;border:1px solid rgba(220,38,38,1);color:rgb(var(--font-color));border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;font-size:10px;text-transform:none;letter-spacing:0}.stream-player{flex:2;position:relative;background:rgba(var(--primary-bg),.5);min-height:300px}.stream-placeholder{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.stream-thumbnail-mini{flex:1;position:relative;overflow:hidden}.stream-thumbnail-mini img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:rgba(var(--accent-color),.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgb(var(--font-color));font-size:16px;cursor:pointer;transition:var(--transition-fast)}.play-overlay:hover{background:rgba(var(--accent-color),1);transform:translate(-50%,-50%) scale(1.1)}.stream-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--spacing-sm);color:rgb(var(--font-color))}.stream-title-mini{font-size:var(--font-size-small);font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-game-mini{font-size:10px;color:rgba(var(--accent-color),.9);font-weight:600}.chat-panel{flex:1;min-width:250px;max-width:350px;border-left:1px solid rgba(var(--accent-color),.2);background:rgba(var(--primary-bg),.9);display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(var(--secondary-bg),.8);border-bottom:1px solid rgba(var(--accent-color),.2);font-size:var(--font-size-small);font-weight:600;color:rgba(var(--font-color),.9)}.chat-content{flex:1;overflow:auto}.chat-placeholder{color:rgba(var(--font-color),.5);font-size:var(--font-size-small);font-style:italic;text-align:center;padding:var(--spacing-md)}.stream-iframe-container,.chat-iframe-container{width:100%;height:100%;position:relative}.stream-loading,.chat-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(var(--secondary-bg),.9);color:rgba(var(--font-color),.7)}.stream-loading p,.chat-loading p{margin-top:var(--spacing-sm);font-size:var(--font-size-small)}.loading-spinner{width:32px;height:32px;border:3px solid rgba(var(--accent-color),.3);border-top:3px solid rgba(var(--accent-color),1);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-mini{width:20px;height:20px;border:2px solid rgba(var(--accent-color),.3);border-top:2px solid rgba(var(--accent-color),1);border-radius:50%;animation:spin 1s linear infinite}.stream-error,.chat-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(var(--secondary-bg),.9);color:rgba(var(--font-color),.7)}.error-content{text-align:center;padding:var(--spacing-md)}.error-content-mini{text-align:center;padding:var(--spacing-sm)}.error-content h4{color:#dc2626;margin:var(--spacing-sm) 0;font-size:var(--font-size-base);text-transform:none;letter-spacing:.3px}.error-content p,.error-content-mini p{margin:var(--spacing-sm) 0;font-size:var(--font-size-small)}.retry-btn{background:rgba(var(--accent-color),.7);border:1px solid rgba(var(--accent-color),1);color:rgb(var(--font-color));padding:8px 16px;display:flex;align-items:center;gap:6px;margin:var(--spacing-sm) auto 0;font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.5px}.retry-btn:hover{background:rgba(var(--accent-color),.9)}.retry-btn-mini{width:24px;height:24px;background:rgba(var(--accent-color),.7);border:1px solid rgba(var(--accent-color),1);color:rgb(var(--font-color));border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;font-size:10px;text-transform:none;letter-spacing:0;margin:4px auto 0}.retry-btn-mini:hover{background:rgba(var(--accent-color),.9)}@media(max-width:768px){.multiview-header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.multiview-controls{justify-content:space-between;flex-wrap:wrap}.multiview-grid-2,.multiview-grid-4,.multiview-side-by-side{grid-template-columns:1fr}.stream-content-container{flex-direction:column}.chat-panel{flex:none;min-width:unset;max-width:unset;width:100%;height:200px;border-left:none;border-top:1px solid rgba(var(--accent-color),.2)}.stream-player{min-height:200px}.multiview-pip .multiview-stream:not(:first-child){width:250px;height:150px;bottom:10px;right:10px}}.twitch-embed-container{position:relative;width:100%;height:100%;background:rgba(var(--primary-bg),1);border-radius:var(--border-radius);overflow:hidden}.twitch-embed-container .stream-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-bg),.9);z-index:10}.twitch-embed-container .loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:rgba(var(--font-color),.8)}.twitch-embed-container .loading-content .spinning{font-size:24px;color:rgba(var(--accent-color),.8)}.twitch-embed-container>div{width:100%!important;height:100%!important}.twitch-embed-container iframe{border-radius:var(--border-radius)}.arkane-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-xl);border-top:1px solid rgba(var(--accent-color),.2);background:rgba(var(--secondary-bg),.3);border-radius:var(--border-radius) var(--border-radius) 0 0}.footer-credits{display:flex;align-items:center;gap:var(--spacing-md)}.arkane-logo{height:40px;width:auto;filter:brightness(.9);transition:var(--transition-fast)}.arkane-logo:hover{filter:brightness(1.1);transform:scale(1.05)}.credits-wrapper{display:flex;flex-direction:column;gap:4px}.credits-wrapper>span{color:rgba(var(--font-color),.8);font-size:var(--font-size-small);font-weight:600}.author-link{color:rgba(var(--font-color),.6);text-decoration:none;font-size:11px;transition:var(--transition-fast)}.author-link:hover{color:rgba(var(--accent-color),.8)}.author-link .heart-icon{color:#e74c3c;font-size:10px;margin:0 2px;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-socials{display:flex;align-items:center}.socials-container{display:flex;gap:var(--spacing-sm)}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;text-decoration:none;font-size:16px;transition:var(--transition-fast);position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;inset:0;border-radius:50%;opacity:0;transition:var(--transition-fast)}.social-link:hover:before{opacity:1}.social-link:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px #0000004d}.social-link.youtube{color:red;background:#ff00001a}.social-link.youtube:before{background:linear-gradient(45deg,red,#c00)}.social-link.youtube:hover{color:#fff}.social-link.twitter{color:#1da1f2;background:#1da1f21a}.social-link.twitter:before{background:linear-gradient(45deg,#1da1f2,#0d8bd9)}.social-link.twitter:hover{color:#fff}.social-link.discord{color:#5865f2;background:#5865f21a}.social-link.discord:before{background:linear-gradient(45deg,#5865f2,#4752c4)}.social-link.discord:hover{color:#fff}.social-link.tiktok{color:#fe2c55;background:#fe2c551a}.social-link.tiktok:before{background:linear-gradient(45deg,#fe2c55,#25f4ee)}.social-link.tiktok:hover{color:#fff}@media(max-width:768px){.arkane-tv-app{padding:var(--spacing-sm)}.stats-container{max-width:280px;margin:var(--spacing-sm) auto}.streams-grid{grid-template-columns:1fr}.arkane-footer{flex-direction:column;gap:var(--spacing-md);text-align:center;padding:var(--spacing-md)}.footer-credits{flex-direction:column;gap:var(--spacing-sm)}.arkane-logo{height:32px}.socials-container{justify-content:center}.app-title{font-size:24px}}