/* ========================================================
   1. TRANSITIONS (Weiche Übergänge)
   ======================================================== */
.main-nav{transition:transform .4s cubic-bezier(.25,1,.5,1),background-color .3s ease !important}.cookieconsent-optout-marketing a{transition:all .2s}h3 a,.dash-tab,.dash-tab:visited,.dash-tab:link{transition:all .2s ease}h3 a::after,h4 a::after{transition:all .2s ease}.hist-btn{transition:all .2s}.icon-arrow-down{transition:transform .3s}.theme-toggle{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.sidebar-card{transition:transform .2s ease}.nav-toggle span{transition:transform .4s,opacity .4s}#nav-menu-list{transition:transform .4s ease-out}.submenu-toggle::after{transition:transform .25s ease}.sub-menu{transition:max-height .35s ease}.dashboard-close{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.card-heart-action{transition:transform .1s}.card-heart .icon,.card-heart-big .icon,.card-heart-action .icon{transition:background-color .2s,transform .2s}.play-btn-action{transition:background-color .2s,transform .1s}.search-submit-btn{transition:transform .1s,background-color .2s}.hero-layer{transition:opacity .5s ease}.stream-accordion-item{transition:box-shadow .2s ease,border-color .2s}.btn-action-icon{transition:background .2s,color .2s}.stream-body{transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.stream-desc-text{transition:border-color .2s,background-color .2s}.dex-list li{transition:border-color .2s}.dex-list a::before{transition:background-color .3s}.dex-list a::after{transition:filter .3s}.pwa-dash-btn{transition:.2s}.pwa-close-btn{transition:transform .2s}.pwa-install-btn{transition:transform .1s}.main-footer a{transition:color .3s}.trust-icon{transition:filter .3s,opacity .3s}.sidebar-card.trend-card{transition:border-color .2s,box-shadow .2s}.stream-rank-box.sidebar-rank{transition:background-color .3s ease,color .3s ease}.rank-num,.rank-icon{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.v8-loading{transition:opacity .3s ease}.trend-row{transition:all .2s}.rounded-list a,.rounded-list-tv a{transition:background-color .2s,border-color .2s,color .2s}.rounded-list a::before,.rounded-list-tv a::before{transition:background-color .2s}.game-card-image-link img{transition:transform .4s cubic-bezier(.25,.8,.25,1),filter .4s ease}#bla_games_center>a{transition:all .3s ease}.wide-play-btn{transition:background-color .2s ease,transform .1s ease}
/* ========================================================
   2. HOVER & ACTIVE STATES (Maus-Interaktionen)
   ======================================================== */
.cookieconsent-optout-marketing a:hover{color:var(--text-main);border-bottom-style:solid}h3 a:hover,.dash-tab:hover{border:1px solid var(--nav-accent) !important;color:var(--nav-accent) !important;box-shadow:0 4px 10px rgba(207,74,0,.1);background:#fff}h3 a:hover::after{background-color:var(--nav-accent);color:#fff}.hist-btn:hover{border-color:var(--nav-accent);color:#fff;transform:scale(1.1);background:var(--nav-accent)}.dashboard-close:hover{transform:rotate(90deg) scale(1.1);background:var(--nav-accent);color:#fff;border-color:var(--nav-accent)}.dash-tab:hover{color:var(--text-main)}.card-heart-action:active{transform:scale(.9)}.play-btn-action:hover{background-color:var(--nav-accent-hover);transform:scale(1.05)}.play-btn-action:active{transform:scale(.95)}.breadcrumb-nav a:hover{color:var(--nav-accent);box-shadow:0 4px 8px rgba(0,0,0,.08)}.search-submit-btn:hover{background:#2a2a2a}.stream-accordion-item:hover{box-shadow:var(--shadow-float);border-color:rgba(0,0,0,.1)}.btn-action-icon:hover{background:#e2e2e2;color:#000}.stream-body-inner:hover .stream-desc-text{background-color:var(--bg-body);border:1px solid var(--nav-accent);color:var(--text-main)}.dex-list li:hover{border-color:var(--nav-accent)}.dex-list a:hover::before{background-color:var(--nav-accent)}.dex-list a:hover::after{filter:invert(1) brightness(2);opacity:1}.dex-list a:hover{color:var(--nav-accent)}.pwa-dash-btn:hover{background:#444;border-color:#777}.pwa-close-btn:hover{transform:scale(1.25);background-color:#000}.pwa-install-btn:hover{transform:scale(1.05);background:var(--nav-accent-hover)}.main-footer a:hover{color:var(--nav-accent)}.trust-item:hover .trust-icon{filter:grayscale(0%);opacity:1}.sidebar-card.trend-card:hover{border-color:var(--nav-accent);box-shadow:var(--shadow-float)}.sidebar-card.trend-card:hover .stream-rank-box.sidebar-rank{background-color:var(--nav-accent);color:#fff}.sidebar-card.trend-card:hover .rank-num{opacity:0;transform:scale(.5)}.sidebar-card.trend-card:hover .rank-icon{opacity:1;transform:scale(1)}.trend-row:hover{border-color:var(--nav-accent);transform:translateX(5px);box-shadow:var(--shadow-float)}.rounded-list a:hover,.rounded-list-tv a:hover{background:#fff;border-color:var(--nav-accent);color:var(--nav-accent)}.rounded-list a:hover::before,.rounded-list-tv a:hover::before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px}.game-card-image-link:hover img{filter:brightness(.85)}
#bla_games_center>a:hover{color:var(--nav-accent) !important;border-color:var(--nav-accent);transform:translateY(-2px);box-shadow:0 5px 15px rgba(207,74,0,.15)}.wide-play-btn:hover{background-color:var(--nav-accent-hover);transform:translateY(-1px)}
/* ========================================================
   3. DARK MODE HOVERS
   ======================================================== */
html.dark-mode h3 a:hover,html.dark-mode .dash-tab:hover{border-color:var(--nav-accent) !important;color:#fff !important}html.dark-mode .stream-accordion-item:hover{border-color:#555}html.dark-mode .btn-action-icon:hover{background:#444;color:#fff}html.dark-mode .rounded-list a:hover,html.dark-mode .rounded-list-tv a:hover{background:#2a2a2a;border-color:var(--nav-accent);color:#fff}
/* ========================================================
   4. MEDIA QUERY SPECIFIC HOVERS & TRANSITIONS
   ======================================================== */
@media(hover:hover){.card-heart:hover .icon,.card-heart-big:hover .icon,.card-heart-action:hover .icon{background-color:var(--nav-accent)}.card-heart.liked:hover .icon,.card-heart-big.liked:hover .icon,.card-heart-action.liked:hover .icon{background-color:#444 !important;transform:scale(.8)}html.dark-mode .card-heart.liked:hover .icon,html.dark-mode .card-heart-big.liked:hover .icon,html.dark-mode .card-heart-action.liked:hover .icon{background-color:#fff !important}.header-main-link:hover .rating-play-icon{display:flex}.header-main-link:hover .stream-title{color:var(--nav-accent)}}@media(min-width:1200px){.nav-item a,.desk-toggle{transition:background-color .2s}.desk-toggle .toggle-icon{transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.nav-item>a:hover,.desk-toggle:hover{background-color:var(--nav-accent);color:#fff}.desk-toggle:hover{background-color:var(--nav-accent) !important;color:#fff !important}}
/* ========================================================
   5. KEYFRAMES & STATE CLASSES
   ======================================================== */
.main-nav.nav-hidden{transform:translateY(-100%) !important}.sidebar-list.expanded .hidden-row{animation:slideInFade .3s ease}.rotate-infinite{animation:rotate360 2s linear infinite}.rotate-once{animation:rotate360 2s linear 1 forwards}.stream-list-container.expanded .history-hidden{animation:slideDownFade .5s forwards}.stream-list-container.v8-loading::before{animation:loadingScan 1s infinite linear}@keyframes slideInFade{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate360{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}@keyframes loadingScan{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes slideDownFade{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}