/* GoFun desktop motion showcase. Decorative effects keep the original layout and type. */
@media (min-width:761px){
  :root{--tech-cyan:#4dffff;--tech-mint:#68ffcc;--tech-ease:cubic-bezier(.18,.76,.23,1)}
  .sidebar{background-image:radial-gradient(ellipse at 0 5%,#1b60651c,transparent 48%);box-shadow:8px 0 36px #00000024}
  .sidebar .brand img{transition:filter .45s,transform .55s var(--tech-ease)}
  .sidebar .brand:hover img{filter:drop-shadow(0 0 10px #4dffff88) drop-shadow(0 0 22px #00b8af44);transform:scale(1.055) skewX(-3deg)}
  .sidebar .nav-item{isolation:isolate;transition:background .3s,box-shadow .35s,color .25s,transform .35s var(--tech-ease)}
  .sidebar .nav-item:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(108deg,transparent 12%,#4dffff00 30%,#4dffff29 49%,#a5ffed21 53%,transparent 76%);background-size:320% 100%;background-position:115% 50%;opacity:0;transition:opacity .25s}
  .sidebar .nav-item:is(:hover,:focus-visible){color:#e5ffff;background:#173a39;box-shadow:inset 0 0 0 1px #57e9d967,inset 5px 0 18px #1eead51a,0 0 24px #00ffe21a;transform:translateX(4px)}
  .sidebar .nav-item:is(:hover,:focus-visible):after{opacity:1;animation:tech-ui-nav-scan 2.4s linear infinite}
  .sidebar .nav-item.active{box-shadow:inset 0 0 0 1px #4dffff32,inset 0 0 24px #36e5d110}
  .sidebar .nav-item .icon{transform-origin:center;transition:filter .3s,color .3s;will-change:auto}
  .sidebar .nav-item:is(:hover,:focus-visible) .icon{color:#84fff5;filter:drop-shadow(0 0 6px #45fff4a8);animation:tech-ui-icon-orbit 1.45s ease-in-out infinite}
  .sidebar .nav-item:is([data-nav="original"],[data-nav="table"],[href="#/records/games"]):is(:hover,:focus-visible) .icon{animation-name:tech-ui-icon-tumble}
  .sidebar .nav-item:is([data-nav="sports"],[data-nav="providers"],[href="#/vpn"]):is(:hover,:focus-visible) .icon{animation:tech-ui-icon-spin 3.4s linear infinite}
  .sidebar .nav-item:is([data-nav="slots"],[data-nav="lottery"]):is(:hover,:focus-visible) .icon{animation-name:tech-ui-icon-reel}
  .sidebar .nav-item:is([data-nav="crypto"],[data-nav="vip"],[href="#/wheel"]):is(:hover,:focus-visible) .icon{animation-name:tech-ui-icon-spark}
  .sidebar .nav-item:is([data-nav="live"],[data-nav="support"],[href="#/notifications"],[href="#/announcements"]):is(:hover,:focus-visible) .icon{animation-name:tech-ui-icon-signal}
  .sidebar .nav-item:is([data-nav="fishing"],[data-nav="promotions"],[data-nav="bonus"]):is(:hover,:focus-visible) .icon{animation-name:tech-ui-icon-pop}
  .sidebar .side-vip{transition:box-shadow .35s,border-color .35s,background .35s}
  .sidebar .side-vip:hover{border-color:#b7edca;background:linear-gradient(115deg,#34443a,#283a38);box-shadow:0 0 25px #93e7b627,inset 0 0 20px #c6ff970c}
  .sidebar .side-vip:hover>.icon{animation:tech-ui-icon-spark 1.6s ease-in-out infinite;filter:drop-shadow(0 0 7px #ffe6a477)}
  .sidebar .side-language:hover .icon{animation:tech-ui-icon-spin 3.4s linear infinite;color:var(--tech-cyan)}

  .topbar{box-shadow:0 6px 32px #0000002e,inset 0 -1px 0 #4dffff15}
  .top-tab,.icon-button,.menu-button,.rail-control,.bn-arrow,.partners-controls button{transition:transform .28s var(--tech-ease),box-shadow .28s,border-color .28s,color .28s,background .28s}
  .top-tab:hover .icon,.icon-button:hover .icon,.menu-button:hover .icon{color:#79fff0;filter:drop-shadow(0 0 5px #4dffff77);transform:translateY(-2px) rotate(-9deg)}
  .icon-button:hover,.menu-button:hover,.rail-control:hover,.bn-arrow:hover,.partners-controls button:hover{border-color:#77ffe6;background:#244844;box-shadow:0 0 23px #4dffff27;transform:translateY(-3px)}
  .top-tab.active:after{box-shadow:0 0 14px #4dffff77}
  .header-balance{position:relative;background-image:linear-gradient(110deg,#133b35,#1e3935,#255b4d,#183d36);background-size:220% 100%;animation:tech-ui-balance-flow 9s ease-in-out infinite;transition:box-shadow .35s,border-color .35s,transform .35s}
  .header-balance:hover{border-color:#65f5d8;box-shadow:0 0 28px #26ffce30,inset 0 0 15px #1cffc215;transform:translateY(-2px)}
  .header-balance:hover .header-balance-coin{animation:tech-ui-icon-tumble 1.6s ease-in-out infinite}
  .btn{transition:transform .3s var(--tech-ease),box-shadow .35s,border-color .3s,background .3s,filter .3s}
  .btn.primary:hover,.account-submit:hover{box-shadow:0 0 0 1px #b5fff5,0 8px 30px #00ffdb45,0 0 52px #26f7ef23;filter:saturate(1.15) brightness(1.09);transform:translateY(-3px)}
  .btn.primary:hover .icon{transform:translateX(5px) rotate(-6deg)}
  .btn.secondary:hover{box-shadow:inset 0 0 16px #4dffff15,0 0 20px #23e8d220;border-color:#77e8da}
  .btn:active,.account-submit:active{transform:translateY(1px) scale(.97);transition-duration:.1s}
  .support-fab{box-shadow:0 0 25px #00e8d937,0 10px 26px #0008;animation:tech-ui-support-buoy 4.8s ease-in-out infinite}
  .support-fab:before{content:'';position:absolute;inset:3px;border:1px solid #efffff88;border-radius:inherit;pointer-events:none;animation:tech-ui-support-ring 3.4s ease-out infinite}
  .support-fab:hover{animation-play-state:paused;transform:translateY(-7px) rotate(-7deg);box-shadow:0 0 40px #2cfff06b,0 14px 35px #0009}
  .support-fab:hover .icon{animation:tech-ui-icon-signal 1.2s ease-in-out infinite}

  .category,.game,.live-card,.promo,.campaign-card,.info-card,.ui-feature-card,.ui-provider,.partner-card,.ui-reward,.ui-search-results>a{transition:transform .42s var(--tech-ease),box-shadow .4s,border-color .35s,background .35s,filter .35s}
  .category:hover,.ui-feature-card:hover,.ui-provider:hover,.ui-reward:hover,.campaign-card:hover,.info-card:hover{transform:translateY(-7px);border-color:#69f9e1;box-shadow:0 14px 35px #0006,0 0 0 1px #43f2d826,inset 0 0 30px #3cebd20a}
  .category:hover .icon,.ui-feature-card:hover .ui-card-icon .icon{animation:tech-ui-icon-spark 1.7s ease-in-out infinite;filter:drop-shadow(0 0 6px #4dffff66)}
  .ui-card-icon{transition:transform .4s,box-shadow .4s,border-color .4s}
  .ui-feature-card:hover .ui-card-icon{transform:rotate(-6deg);border-color:#5dffdd99;box-shadow:0 0 23px #28f3ce22}
  .game:hover,.live-card:hover{transform:translateY(-7px);box-shadow:0 15px 38px #0008,0 0 24px #1affd52b;filter:saturate(1.13)}
  .game:hover .game-cover{outline:1px solid #7dffe2;outline-offset:-1px}
  .game:hover .game-play span{box-shadow:0 0 0 7px #4dffff18,0 0 27px #4dffff77;transform:scale(1.08);transition:transform .35s,box-shadow .35s}
  .game:hover img,.live-card:hover img{transform:scale(1.09);transition:transform .8s var(--tech-ease)}
  .partner-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 26px #4dffff10,0 0 23px #4dffff1a;border-color:#8dffea}
  .partner-card:hover .partner-mark{filter:drop-shadow(0 0 6px #4dffff44);color:#d8fffa;transition:filter .35s,color .35s}

  .tech-card.tech-tracking{transform:perspective(1100px) translateY(-7px) rotateX(var(--tech-rx,0deg)) rotateY(var(--tech-ry,0deg));box-shadow:0 15px 38px #0008,0 0 24px #1affd526}
  .tech-card.tech-tracking:focus-visible{outline-color:#a0fff1}
  .ui-search-results>a:hover{border-color:#6cefd9;box-shadow:inset 0 0 20px #4dffff0b;transform:translateX(4px)}
  .ui-setting-row{transition:background .3s,border-color .3s}
  .ui-setting-row:hover{background:linear-gradient(90deg,#4dffff07,transparent 80%);border-color:#4dffff44}
  .ui-row-action:hover .icon,.footer-links a:hover .icon,.view-all:hover .icon{transform:translateX(4px);filter:drop-shadow(0 0 5px #4dffff66)}
  .ui-tab,.route-tab{transition:background .3s,border-color .3s,color .3s,box-shadow .3s,transform .3s}
  .ui-tab:hover,.route-tab:hover{transform:translateY(-2px);box-shadow:0 0 20px #4dffff17;border-color:#56e8d8;color:#d7fff7}
  .ui-field input,.ui-field select,.ui-field textarea,.account-field input,.catalog-search{transition:border-color .3s,box-shadow .35s,background .3s}
  .ui-field input:focus,.ui-field select:focus,.ui-field textarea:focus,.account-field:focus-within,.catalog-search:focus-within{border-color:#8bffe4;box-shadow:0 0 0 3px #4dffff16,0 0 28px #29f5d323;background-color:#182a28}
  .account-field:focus-within .icon,.ui-field:focus-within>span{color:#9bffe9}

  #page-view:not([hidden]) .page-heading{animation:tech-ui-page-materialize .65s var(--tech-ease) both}
  #page-view:not([hidden]) .page-heading h1{text-shadow:0 0 36px #42ffe52a}
  #page-view:not([hidden]) :is(.ui-panel,.member-overview,.game-detail,.campaign-detail,.document-card){animation:tech-ui-page-materialize .65s var(--tech-ease) both}
  #page-view:not([hidden]) .catalog-grid>.game{animation:tech-ui-card-materialize .55s var(--tech-ease);animation-delay:calc(var(--tech-delay,0) * 1ms)}
  .section-title>.icon{filter:drop-shadow(0 0 7px #32ffe34d)}
  .section-title h2,.page-section-title h2{transition:text-shadow .4s}
  .section:hover .section-title h2{color:#e9fffc;text-shadow:0 0 22px #41ffe24d}
  .account-modal[open],.service-modal[open]{animation:tech-ui-dialog-materialize .48s var(--tech-ease);border-color:#7ffff488;box-shadow:0 35px 120px #000b,0 0 0 1px #4dffff15,0 0 70px #21e5d019}
  .account-modal::backdrop,.service-modal::backdrop{background:radial-gradient(ellipse at 50% 30%,#0d282457,#040909e8);backdrop-filter:blur(10px);animation:tech-ui-backdrop-materialize .4s ease-out}
  .service-modal-header{background:linear-gradient(115deg,#25413a,#26302e 45%,#222b29)}
  .service-close:hover,.account-close:hover{transform:rotate(90deg);color:#efffff;border-color:#7cffe9;box-shadow:0 0 20px #4dffff35;transition:transform .4s,color .3s,border-color .3s,box-shadow .3s}
  .df-success-mark,.df-result-icon{filter:drop-shadow(0 0 14px #4dffff4d)}
  .motion-paused :is(.header-balance,.support-fab,.sidebar .nav-item .icon,.sidebar .side-vip>.icon,.sidebar .side-language .icon,.category .icon,.ui-feature-card .icon),
  .motion-paused .sidebar .nav-item:after,.motion-paused .support-fab:before,.tech-offscreen,.tech-offscreen:after,.tech-offscreen:before,.tech-offscreen .icon{animation-play-state:paused!important}
}
@keyframes tech-ui-nav-scan{0%{background-position:115% 50%}100%{background-position:-35% 50%}}
@keyframes tech-ui-icon-orbit{0%,100%{transform:translateY(0) rotate(-5deg) scale(1.06)}50%{transform:translateY(-3px) rotate(8deg) scale(1.19)}}
@keyframes tech-ui-icon-tumble{0%,100%{transform:rotate(-12deg) scale(1.1)}40%{transform:rotate(13deg) translateY(-3px) scale(1.18)}70%{transform:rotate(-7deg) scale(1.12)}}
@keyframes tech-ui-icon-spin{to{transform:rotate(360deg) scale(1.15)}}
@keyframes tech-ui-icon-reel{0%,100%{transform:translateY(1px) scale(1.08)}35%{transform:translateY(-4px) scale(1.16)}70%{transform:translateY(2px) scale(1.11)}}
@keyframes tech-ui-icon-spark{0%,100%{transform:scale(1.07) rotate(-9deg)}50%{transform:scale(1.27) rotate(10deg)}}
@keyframes tech-ui-icon-signal{0%,100%{transform:rotate(0) scale(1.1)}20%{transform:rotate(-12deg) scale(1.17)}40%{transform:rotate(10deg) scale(1.17)}60%{transform:rotate(-6deg) scale(1.12)}}
@keyframes tech-ui-icon-pop{0%,100%{transform:translateY(1px) rotate(-5deg) scale(1.08)}50%{transform:translateY(-4px) rotate(6deg) scale(1.2)}}
@keyframes tech-ui-balance-flow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes tech-ui-support-buoy{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes tech-ui-support-ring{0%{opacity:.7;transform:scale(.88)}75%,100%{opacity:0;transform:scale(1.32)}}
@keyframes tech-ui-page-materialize{from{opacity:.35;transform:translateY(16px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes tech-ui-card-materialize{from{opacity:.3;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}
@keyframes tech-ui-dialog-materialize{from{opacity:0;transform:translateY(22px) scale(.94);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes tech-ui-backdrop-materialize{from{opacity:0}to{opacity:1}}
@media(min-width:761px) and (prefers-reduced-motion:reduce){
  .sidebar .nav-item:after{display:none}
  .sidebar .brand img,.sidebar .nav-item,.sidebar .nav-item .icon,.sidebar .side-vip>.icon,.sidebar .side-language .icon,.topbar .icon,.header-balance,.header-balance-coin,.btn,.support-fab,.support-fab:before,.support-fab .icon,.category,.category .icon,.tech-card.tech-tracking,.game,.game img,.game-play span,.live-card,.live-card img,.ui-feature-card,.ui-card-icon,.ui-card-icon .icon,.ui-provider,.partner-card,.ui-reward,.campaign-card,.info-card,.ui-search-results>a,.ui-tab,.route-tab,.service-close,.account-close,#page-view:not([hidden]) .page-heading,#page-view:not([hidden]) :is(.ui-panel,.member-overview,.game-detail,.campaign-detail,.document-card),#page-view:not([hidden]) .catalog-grid>.game,.account-modal[open],.service-modal[open],.account-modal::backdrop,.service-modal::backdrop{animation:none!important;transform:none!important;transition:none!important;filter:none!important}
}

/* Sports campaign uses the same pointer light and card lift as the promo pair. */
@media(min-width:761px){
 .sport-banner{transition:transform .42s var(--tech-ease),box-shadow .4s,border-color .35s}
 .sport-banner.fx-surface::before{background:radial-gradient(430px circle at var(--fx-x,70%) var(--fx-y,50%),#4dffff26,transparent 72%)}
 .sport-banner.tech-card.tech-tracking{transform:perspective(1400px) translateY(-5px) rotateX(calc(var(--tech-rx,0deg)*.5)) rotateY(calc(var(--tech-ry,0deg)*.35));border-color:#69f9e1;box-shadow:0 15px 38px #0007,0 0 25px #1affd526}
 .sport-art .icon{transition:filter .4s,transform .65s var(--tech-ease)}
 .sport-banner:hover .sport-art .icon:first-child{transform:rotate(25deg) scale(1.07);filter:drop-shadow(0 0 13px #40ffee44)}
 .sport-banner:hover .sport-art .icon:last-child{transform:translateY(-6px) rotate(5deg);filter:drop-shadow(0 0 13px #40ffee44)}
 .header-balance-text>strong{display:block;transform-origin:left center;will-change:auto}
 .header-balance:is(:hover,:focus-visible) .header-balance-text>strong{animation:tech-ui-balance-bounce .8s cubic-bezier(.2,.7,.25,1) 1 both}
 .header-balance:after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 58% 50%,#a6fff33b,transparent 72%)}
 .header-balance:is(:hover,:focus-visible):after{animation:tech-ui-balance-flash .85s ease-out 1 both}
 .motion-paused .header-balance-text>strong,.motion-paused .header-balance:after{animation-play-state:paused!important}
}
@keyframes tech-ui-balance-bounce{0%{transform:scale(1);text-shadow:none}35%{transform:translateY(-3px) scale(1.22);text-shadow:0 0 8px #dcfff7,0 0 22px #3fffd6,0 0 36px #00cda3}60%{transform:translateY(1px) scale(1.09);text-shadow:0 0 12px #50ffdd77}80%{transform:translateY(-1px) scale(1.16);text-shadow:0 0 6px #50ffdd22}100%{transform:scale(1.14);text-shadow:none}}
@keyframes tech-ui-balance-flash{0%{opacity:0;box-shadow:0 0 0 #42ffe300}30%{opacity:1;box-shadow:0 0 28px 3px #42ffe36b}100%{opacity:0;box-shadow:0 0 48px 8px #42ffe300}}
@media(min-width:761px) and (prefers-reduced-motion:reduce){
 .sport-banner.tech-card.tech-tracking,.sport-banner .sport-art .icon,.header-balance .header-balance-text>strong,.header-balance:after{animation:none!important;transform:none!important;transition:none!important;text-shadow:none!important}
 .header-balance:after{display:none}
}