@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap";:root{--bg-gradient-start: #0f0c29;--bg-gradient-mid: #302b63;--bg-gradient-end: #24243e;--card-bg-color: rgba(30, 30, 40, .35);--card-blur: 20px;--card-border-color: rgba(255, 255, 255, .1);--primary-text-color: #f0f0f0;--secondary-text-color: #a0a0b0;--accent-primary: #a855f7;--accent-secondary: #00c6ff;--red-color: #ef4444;--green-color: #22c55e;--font-family: "Inter", sans-serif;--font-size-base: clamp(14px, 3.6vw, 16px);--font-size-sm: clamp(12px, 3.2vw, 14px);--font-size-md: clamp(14px, 4vw, 18px);--font-size-lg: clamp(16px, 5vw, 22px);--font-size-xl: clamp(18px, 6.4vw, 28px);--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left)}*{margin:0;padding:0;box-sizing:border-box}@keyframes gradientAnimation{0%{transform:translate(0)}50%{background-position:100% 50%}to{transform:translate(0)}}body{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--bg-gradient-start);color:var(--primary-text-color);line-height:1.6;overflow-x:hidden;position:relative;min-height:100dvh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;left:0;width:150%;height:150%;background:linear-gradient(-45deg,var(--bg-gradient-start),var(--bg-gradient-mid),var(--bg-gradient-end));background-size:100% 100%;z-index:-3;will-change:transform}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden}.background-layer{position:absolute;top:0;left:0;width:120%;height:120%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 2s ease-in-out,transform .1s ease-out;transform:translate(-10%) translateY(-10%);filter:blur(1px) brightness(.4) saturate(1.2);will-change:opacity}.background-layer.active{opacity:1}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,#0f0c2999,#302b6380 35%,#24243e99);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.background-controls{position:fixed;top:20px;right:20px;z-index:1000;pointer-events:auto}.bg-control-btn{width:44px;height:44px;background:var(--card-bg-color);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid var(--card-border-color);border-radius:50%;color:var(--secondary-text-color);cursor:pointer;font-size:1rem;transition:opacity .3s ease,background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0003;opacity:.8;z-index:0}.bg-control-btn:hover{opacity:1;background:#ffffff1a;color:var(--primary-text-color);border-color:var(--accent-primary);transform:scale(1.05)}.bg-control-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);opacity:1}.bg-control-btn i{font-size:1rem}.background-menu{position:fixed;top:80px;right:20px;z-index:1000;width:320px;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;background:var(--card-bg-color);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:16px;border:1px solid var(--card-border-color);box-shadow:0 8px 32px #0006;opacity:0;transform:translate(100%);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.background-menu.visible{opacity:1;transform:translate(0)}.bg-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--card-border-color)}.bg-menu-header h4{color:var(--primary-text-color);font-size:1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.bg-menu-header .close-btn{background:none;border:none;color:var(--secondary-text-color);cursor:pointer;font-size:1.2rem;padding:4px;border-radius:4px;transition:color .3s ease}.bg-menu-header .close-btn:hover{color:var(--primary-text-color)}.bg-menu-content{padding:20px;max-height:min(60vh,540px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.bg-menu-section{margin-bottom:24px}.bg-menu-section:last-child{margin-bottom:0}.bg-menu-section h5{color:var(--primary-text-color);font-size:.9rem;font-weight:600;margin:0 0 12px}.bg-mode-selector{display:flex;flex-direction:column;gap:12px}.bg-mode-option{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 12px;border-radius:8px;transition:background .3s ease}.bg-mode-option:hover{background:#ffffff0d}.bg-mode-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--card-border-color);border-radius:50%;position:relative;transition:border-color .3s ease,background-color .3s ease}.bg-mode-option input[type=radio]:checked{border-color:var(--accent-primary);background:var(--accent-primary)}.bg-mode-option input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.mode-label{color:var(--primary-text-color);font-size:.9rem;font-weight:500}.background-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bg-thumbnail{width:100%;aspect-ratio:16 / 9;border-radius:10px;background-size:cover;background-position:center;cursor:pointer;border:2px solid transparent;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease;position:relative;overflow:hidden}@media (min-width: 1200px){.background-selector{gap:14px}.bg-thumbnail{border-radius:12px;box-shadow:0 2px 12px #00000040}}@media (min-width: 1600px){.background-selector{gap:16px}.bg-thumbnail{border-width:2px;box-shadow:0 4px 18px #00000047}}html[data-bgset=mobile] .bg-thumbnail,html[data-force-mobile=true] .bg-thumbnail{aspect-ratio:3 / 4}.bg-thumbnail:hover{transform:translateY(-1px)}@media (max-width: 768px){.background-menu{top:calc(70px + var(--safe-top));right:10px;left:10px;width:auto;max-height:calc(100vh - (90px + var(--safe-top) + var(--safe-bottom)));overflow-y:auto;-webkit-overflow-scrolling:touch}.bg-menu-content{max-height:none;overflow-y:visible}.background-selector{grid-template-columns:repeat(4,1fr);gap:4px}.bg-thumbnail{width:100%;aspect-ratio:3 / 4;border-radius:6px}html[data-bgset=desktop] .bg-thumbnail,html[data-force-mobile=false] .bg-thumbnail{aspect-ratio:4 / 3}}@media (max-width: 400px){.background-selector{grid-template-columns:repeat(3,1fr);gap:3px}.bg-thumbnail{aspect-ratio:2 / 3;border-radius:5px}html[data-bgset=desktop] .bg-thumbnail,html[data-force-mobile=false] .bg-thumbnail{aspect-ratio:1 / 1}}.bg-thumbnail:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;transition:background .3s ease}.bg-thumbnail:hover:before{background:#0000001a}.bg-thumbnail.active{border-color:var(--accent-primary);box-shadow:0 0 12px #a855f766}.bg-thumbnail.active:before{background:#a855f733}.background-layer.fallback-gradient{background:linear-gradient(-45deg,#0f0c29,#24243e,#302b63,#0f0c29);background-size:400% 400%}.bg-thumbnail.fallback-thumbnail{position:relative}.bg-thumbnail.fallback-thumbnail:after{content:"⚠";position:absolute;top:2px;right:2px;color:#ffffffb3;font-size:10px}.background-controls{transition:all .3s cubic-bezier(.4,0,.2,1)}.background-selector{transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes headerEntrance{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}header{text-align:center;padding:20px 20px 0;display:flex;justify-content:center;position:relative;width:100%;max-width:1400px;margin:0 auto}.sticky-header{position:sticky;top:0;z-index:1001;transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-header{background:linear-gradient(135deg,#1e1e2899,#28233c80,#1e1e2899);background-color:#18182059;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:60px;transform:none!important;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006,0 2px 8px #a855f71a,inset 0 1px #ffffff1a;padding:16px 30px;display:flex;align-items:center;gap:20px;white-space:nowrap;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;position:relative;overflow:hidden}.floating-header:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;will-change:opacity;pointer-events:none}.floating-header.search-mode{overflow:visible;z-index:1002}.floating-header:before,.floating-header:after{pointer-events:none;will-change:opacity,transform}.floating-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.floating-header:hover:before{left:100%}.floating-header.search-mode:before{display:none!important}.floating-header:hover{box-shadow:0 16px 48px #00000080,0 4px 16px #a855f733,inset 0 1px #fff3;border-color:#ffffff40}.floating-header.search-mode:hover{box-shadow:0 8px 32px #0006,0 2px 8px #a855f726,inset 0 1px #ffffff1a}.app-layout{display:flex;flex-direction:column;min-height:100dvh;width:100%}main{flex:1 0 auto}.search-suggestions{position:fixed;background:#0f0f19d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 20px 60px #00000080;overflow:hidden;z-index:9999;transform-origin:top;animation:slideDown .3s cubic-bezier(.4,0,.2,1);padding:6px 0}.suggestion-item{padding:10px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin:2px 8px;border-radius:12px}.suggestion-item:hover,.suggestion-item.active{background:#ffffff0d;transform:translate(2px)}.suggestion-item:active{transform:scale(.99)}.suggestion-type{font-size:1.1rem;width:28px;display:flex;justify-content:center;color:var(--accent-primary);flex-shrink:0}.suggestion-item.active .suggestion-type{color:var(--accent-secondary)}.suggestion-label{font-size:.95rem;color:var(--primary-text-color);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-item.active .suggestion-label{color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.header-logo{width:48px;height:48px;border-radius:50%;margin:0;border:2px solid rgba(255,255,255,.4);box-shadow:0 6px 20px #0006,0 2px 8px #a855f74d,inset 0 1px #fff3;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.header-logo:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(-45deg);transition:transform .6s ease}.floating-header:hover .header-logo{transform:rotate(5deg) scale(1.05);border-color:#fff9;box-shadow:0 8px 25px #00000080,0 3px 12px #a855f766,inset 0 1px #ffffff4d}.floating-header:hover .header-logo:before{transform:rotate(-45deg) translate(100%,100%)}.floating-header.search-mode .header-logo:before{display:none!important}.floating-header h1{margin:0;font-size:var(--font-size-lg);font-weight:900;letter-spacing:-.02em}.floating-header h1 a{text-decoration:none;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 50%,#ff6b9d 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes headerGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.floating-header.search-mode{animation:none!important}.floating-header h1 a:hover{filter:brightness(1.3) saturate(1.2);animation-duration:1s}.header-content{display:flex;flex-direction:column;gap:4px;min-width:0;position:relative}.header-search{flex:1;max-width:400px;min-width:200px;position:relative;display:flex;justify-content:center;margin:0 auto}.suggestion-item{padding:12px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease}.suggestion-item:hover{background:#ffffff14}.suggestion-type{font-size:1rem;width:24px;display:flex;justify-content:center}.suggestion-label{font-size:.9rem;color:var(--secondary-text-color)}@media (max-width: 768px){.search-suggestions{left:0;right:0;width:100%;max-width:100%;top:calc(100% + 10px);box-sizing:border-box;overflow-x:hidden}.header-search.search-active .search-suggestions{left:0;right:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.floating-header.search-mode:before{display:none!important}.floating-header.search-mode .header-logo:before{display:none!important}}.header-search #search-input{width:100%;padding:12px 40px 12px 16px;font-size:max(16px,.9rem);background:#00000073;color:var(--primary-text-color);border:1px solid rgba(255,255,255,.15);border-radius:25px;outline:none;font-family:var(--font-family);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.search-input-wrapper{position:relative;width:100%}.search-clear-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--secondary-text-color);cursor:pointer;padding:5px;font-size:1rem;transition:all .2s ease;opacity:.6}.search-clear-btn:hover{color:var(--primary-text-color);opacity:1}.header-search #search-input::placeholder{color:var(--secondary-text-color)}.header-search #search-input:focus{background:#0006;border-color:var(--accent-secondary);box-shadow:0 0 0 2px #a855f733;transform:translateY(-1px)}.mobile-header-top{display:none}.desktop-logo,.floating-header .header-content,.floating-header .header-nav{display:flex}.mobile-logo,.floating-header .hamburger-menu{display:none}.floating-header .subtitle{font-size:.9rem;color:var(--secondary-text-color);font-weight:600;margin:0;opacity:.9;transition:all .3s ease;background:linear-gradient(90deg,#ffffffb3,#a0a0b0cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.floating-header:hover .subtitle{opacity:1;transform:translateY(-1px)}.header-nav{display:flex;gap:6px;margin-left:auto;padding:4px;background:#0000004d;border-radius:25px;border:1px solid rgba(255,255,255,.15);position:relative}.header-nav:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:1px;height:30px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent)}.nav-link{padding:10px 22px;border-radius:25px;text-decoration:none;color:var(--secondary-text-color);font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid transparent;position:relative;overflow:hidden;display:flex;align-items:center;gap:8px}.nav-link:hover{color:var(--primary-text-color);background:#ffffff14;transform:translateY(-1px)}.nav-link.active{color:#fff;background:#232332b3;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid transparent;background-clip:padding-box,border-box;background-image:linear-gradient(#232332cc,#1e1e2de6),linear-gradient(135deg,#a855f799,#00c6ff99);box-shadow:0 4px 15px #0000004d,0 2px 8px #a855f733,inset 0 1px #ffffff1a;transform:translateY(-1px);view-transition-name:nav-pill}.header-nav{display:flex;gap:12px;isolation:isolate}::view-transition-old(nav-pill),::view-transition-new(nav-pill),::view-transition-old(nav-pill-mobile),::view-transition-new(nav-pill-mobile){animation-duration:.3s;animation-timing-function:cubic-bezier(.16,1,.3,1);height:100%;width:100%}::view-transition-group(nav-pill),::view-transition-group(nav-pill-mobile){overflow:hidden;border-radius:25px}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}.nav-link.active:before{display:none}main{padding:40px 20px;max-width:1400px;margin:0 auto;position:relative;z-index:0;width:100%}.instructions{background:var(--card-bg-color);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:16px;border:1px solid var(--card-border-color);padding:25px;margin-bottom:40px;box-shadow:0 4px 20px #0003}.instructions{display:flex;gap:20px;flex-wrap:wrap}.instruction-box{flex:1;min-width:300px;padding:24px;border-radius:16px;background:#0003;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;display:flex;flex-direction:column;gap:15px}.instruction-box h3{font-size:1.2rem;color:var(--primary-text-color);margin-bottom:10px;display:flex;align-items:center}.instruction-box h3 i{width:40px;height:40px;background:#ffffff08;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:1.1rem;box-shadow:inset 0 1px 1px #ffffff0d}.instruction-box:first-child h3 i{color:var(--green-color)}.instruction-box:last-child h3 i{color:var(--red-color)}.instruction-box.important h3 i{color:#ff9f43}.instruction-box p{margin:0;font-size:.95rem;line-height:1.6;color:#ffffffd9;width:100%}.instruction-box p:last-child{margin-bottom:0}.instruction-box p i{color:var(--accent-primary);font-size:1rem;margin-top:3px;flex-shrink:0}.instruction-box b{color:#fff;font-weight:600}.role-green{color:#00ffae;font-weight:600}.role-red{color:var(--red-color);font-weight:600}body:not(.games-page) .instructions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:24px;padding:0;background:transparent;border:none;box-shadow:none}body:not(.games-page) .instruction-box{position:relative;padding:28px;border-radius:20px;background:linear-gradient(135deg,#1e1e2db3,#28233c80,#191928b3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;overflow:hidden;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),border-color .4s ease;min-width:0}body:not(.games-page) .instruction-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:.8;transition:opacity .3s ease}body:not(.games-page) .instruction-box:first-child:before{background:linear-gradient(90deg,#22c55e,#4ade80,#22c55e)}body:not(.games-page) .instruction-box:last-child:before,body:not(.games-page) .instruction-box.important:before{background:linear-gradient(90deg,#f97316,#ef4444,#f97316)}body:not(.games-page) .instruction-box:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0006,inset 0 1px #ffffff26;border-color:#ffffff26}body:not(.games-page) .instruction-box:hover:before{opacity:1}body:not(.games-page) .instruction-box h3{font-size:1.25rem;font-weight:700;margin-bottom:20px;gap:14px;letter-spacing:-.01em}body:not(.games-page) .instruction-box h3 i{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.2rem;flex-shrink:0;margin-right:0;transition:transform .3s ease,box-shadow .3s ease}body:not(.games-page) .instruction-box:first-child h3 i{background:linear-gradient(135deg,#22c55e33,#4ade801a);color:#4ade80;box-shadow:0 4px 16px #22c55e33}body:not(.games-page) .instruction-box:last-child h3 i,body:not(.games-page) .instruction-box.important h3 i{background:linear-gradient(135deg,#f9731633,#ef444426);color:#fb923c;box-shadow:0 4px 16px #ef444433}body:not(.games-page) .instruction-box:hover h3 i{transform:scale(1.1) rotate(-3deg)}body:not(.games-page) .instruction-box p{margin-bottom:14px;line-height:1.6;display:flex;align-items:center;gap:12px}body:not(.games-page) .instruction-box p i:first-child{display:flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;background:#ffffff0f;border-radius:6px;font-size:.8rem;flex-shrink:0}body:not(.games-page) .instruction-box p span{flex:1}body:not(.games-page) .instruction-box:first-child p i:first-child{color:#4ade80e6}body:not(.games-page) .instruction-box:last-child p i:first-child,body:not(.games-page) .instruction-box.important p i:first-child{color:#fb923ce6}@media (max-width: 768px){body:not(.games-page) .instructions{gap:16px}body:not(.games-page) .instruction-box{padding:22px}body:not(.games-page) .instruction-box h3{font-size:1.1rem;gap:12px}body:not(.games-page) .instruction-box h3 i{width:36px;height:36px;font-size:1rem}body:not(.games-page) .instruction-box p{font-size:.9rem}}.grid-controls{display:flex;justify-content:center;align-items:center;padding:20px 0;margin:0 auto;max-width:900px}.filter-container{position:relative;display:inline-block}.filter-btn{background:#28283799;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;font-size:.95rem;font-weight:600;border-radius:40px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:all .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);width:320px;white-space:nowrap;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0d}.filter-btn:hover{background:#14141ecc;border-color:#a855f799;transform:translateY(-2px);box-shadow:0 10px 30px #0009,0 0 20px #a855f733;color:#fff}.filter-btn.has-active-filter{border-color:var(--accent-primary);background:#a855f726;box-shadow:0 0 15px #a855f733}.search-input-wrapper{position:relative;width:400px;display:flex;align-items:center}.filter-container{position:relative;display:flex;align-items:center;padding:4px;background:#0003;border-radius:35px;border:1px solid rgba(255,255,255,.05)}.filter-clear-icon{background:transparent;border:none;color:var(--secondary-text-color);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-right:4px;flex-shrink:0}.filter-clear-icon:hover{background:#ef444433;color:var(--red-color);transform:scale(1.1)}.filter-dropdown{display:none;position:absolute;top:calc(100% + 12px);left:0;background:#141419f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px;z-index:1001;width:100%;box-shadow:0 15px 35px #00000080;opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-dropdown.show{display:block;opacity:1;transform:translateY(0)}.filter-dropdown.show{display:block}.filter-dropdown .payment-method{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:12px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:8px;color:var(--secondary-text-color);margin:5px 8px;border:1px solid transparent}.filter-dropdown .payment-method i{width:24px;text-align:center;font-size:1.1rem;flex-shrink:0}.filter-dropdown .payment-method span{flex:1;font-size:.95rem;font-weight:500;text-align:left}.filter-dropdown .payment-method:hover{background-color:#ffffff0d;color:var(--primary-text-color);border-color:#ffffff1a;transform:translate(2px)}.filter-dropdown .payment-method.selected{background-color:#db67b240;color:#fff;font-weight:700}.filter-dropdown .payment-method i{font-size:1.2rem;width:20px;text-align:center}.filter-dropdown .payment-method span{font-size:.95rem}.role-section{margin-bottom:40px}.role-title{font-size:2rem;font-weight:800;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--card-border-color);position:relative;text-align:center}.role-title:after{content:"";position:absolute;bottom:-1px;width:100px;height:2px;background-color:var(--role-color, var(--accent-primary));left:50%;transform:translate(-50%)}.caretaker-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.caretaker-card{contain:layout style paint}.card{width:430px;background:var(--card-bg-color);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:14px;border:1px solid var(--card-border-color);box-shadow:0 6px 20px #0003;display:flex;flex-direction:column;overflow:hidden;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),border-color .4s cubic-bezier(.25,.46,.45,.94);position:relative;will-change:transform}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:radial-gradient(circle at 50% 0,hsla(from var(--role-color) h s l / .25),transparent 70%);opacity:.5;transition:opacity .3s ease;pointer-events:none}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0006,0 0 0 1px var(--role-color),0 0 30px color-mix(in srgb,var(--role-color) 30%,transparent),inset 0 1px color-mix(in srgb,var(--role-color) 20%,transparent);border-color:color-mix(in srgb,var(--role-color) 30%,transparent)}.card:hover:before{opacity:.8}.card-header{text-align:center;padding:20px 16px;border-bottom:1px solid var(--card-border-color);z-index:1;position:relative;transition:all .3s ease}.clickable-share{cursor:pointer}.clickable-share:hover{background:#ffffff0d}.card-header.copied{background:#22c55e1a}.card-avatar{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.3);object-fit:cover;box-shadow:0 0 15px #0000004d;transition:all .3s ease;margin-bottom:10px}.name-container{display:flex;align-items:center;justify-content:center;position:relative;width:fit-content;margin:0 auto}.share-icon{font-size:.9rem;color:var(--secondary-text-color);opacity:0;position:absolute;right:-25px;transition:all .3s ease}.clickable-share:hover .share-icon{opacity:.6}.share-icon.copied{opacity:1!important;color:#4ade80;transform:scale(1.2)}.card-name{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:1px}.description-in-games{display:flex;align-items:center;justify-content:center;height:250px;padding:20px;text-align:center}.description-in-games .description-text{font-size:1.1rem;color:var(--primary-text-color);line-height:1.6;font-style:italic;max-width:280px}.card-body.description-only h4{text-align:center}.card-body{padding:25px;flex-grow:1;z-index:1}.card-body h4{font-size:1.1rem;font-weight:600;color:var(--secondary-text-color);margin-bottom:15px;text-transform:uppercase;letter-spacing:1.5px}.games-list{list-style:none;height:250px;overflow-y:auto;padding-right:10px}.games-list::-webkit-scrollbar{width:4px}.games-list::-webkit-scrollbar-track{background:transparent}.games-list::-webkit-scrollbar-thumb{background:var(--card-border-color);border-radius:4px}.games-list li{padding:8px 0;font-size:1rem;color:var(--primary-text-color);border-bottom:1px solid rgba(255,255,255,.05);transition:color .3s ease}.games-list li:last-child{border-bottom:none}.games-list li:hover{color:var(--accent-secondary)}.games-by-platform{height:275px;overflow-y:auto;padding-right:8px;padding-top:2px}.games-by-platform::-webkit-scrollbar{width:4px}.games-by-platform::-webkit-scrollbar-track{background:transparent}.games-by-platform::-webkit-scrollbar-thumb{background:var(--card-border-color);border-radius:4px}.platform-group{margin-bottom:12px}.platform-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-user-select:none;user-select:none}.platform-new-indicator{display:inline-block;margin-left:6px;color:#ffb444;font-size:.85rem;line-height:1;vertical-align:middle;animation:heartbeat 2s ease-in-out infinite;text-shadow:0 0 6px rgba(255,179,68,.35),0 0 12px rgba(255,179,68,.25)}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.platform-badge:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 2px 6px #0003}.platform-badge:active{transform:translateY(0);box-shadow:0 2px 6px #0003}.platform-badge[data-platform=steam],.platform-header[data-platform=steam]{background:linear-gradient(135deg,#1b28384d,#ffffff0f)}.platform-badge[data-platform=ea],.platform-header[data-platform=ea]{background:linear-gradient(135deg,#f603,#ffffff0f)}.platform-badge[data-platform=ubisoft],.platform-header[data-platform=ubisoft]{background:linear-gradient(135deg,#09f3,#ffffff0f)}.platform-icon{display:flex;align-items:center;justify-content:center;opacity:.9;transition:opacity .3s ease}.platform-icon svg{width:18px;height:18px;fill:#fff}.platform-badge:hover .platform-icon{opacity:1}.platform-label{font-size:.85rem;font-weight:600;color:var(--primary-text-color);flex:1}.game-badge{background:#ffffff0a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:var(--secondary-text-color);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:8px;min-width:22px;text-align:center;transition:all .3s ease}.platform-badge:hover .game-badge{background:#ffffff14;border-color:#fff3;color:var(--primary-text-color)}.collapse-btn{background:none;border:none;color:var(--secondary-text-color);font-size:.8rem;cursor:pointer;transition:all .3s ease;padding:4px;border-radius:4px}.collapse-btn:hover{color:var(--primary-text-color);background:#ffffff1a}.collapse-btn i{transition:transform .3s cubic-bezier(.4,0,.2,1)}.platform-content{overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);max-height:none}.platform-content.collapsed{max-height:0!important}.platform-games-list{list-style:none;padding:0;margin:8px 0 0}.platform-games-list .game-item{padding:6px 16px;font-size:.9rem;color:var(--primary-text-color);border-bottom:1px solid rgba(255,255,255,.03);transition:all .3s ease;border-left:2px solid transparent;display:flex;align-items:center;gap:8px}.platform-games-list .game-item:hover{color:var(--accent-secondary);background:#ffffff05;border-left-color:var(--accent-secondary);transform:translate(4px)}.platform-games-list .game-item:last-child{border-bottom:none}.platform-games-list .game-item .game-name{flex:1 1 auto;min-width:0}.platform-games-list .game-item .new-badge{margin-left:10px}.card-footer{padding:25px;background:#0003;text-align:center;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:15px}.support-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#232332b3;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid transparent;background-clip:padding-box,border-box;background-image:linear-gradient(#232332cc,#1e1e2de6),linear-gradient(135deg,#a855f799,#00c6ff99);color:#fff;padding:16px 45px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1.05rem;letter-spacing:.5px;box-shadow:0 15px 35px #00000080,0 5px 15px #a855f726,inset 0 1px #ffffff1a;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;cursor:pointer}.support-button:before{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background:radial-gradient(circle at center,rgba(168,85,247,.2) 0%,transparent 60%);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease;pointer-events:none}.support-button:hover{transform:translateY(-5px) scale(1.03);border-color:transparent;background-image:linear-gradient(#191928d9,#191928d9),linear-gradient(135deg,#a855f7,#00c6ff);box-shadow:0 25px 50px #0009,0 0 30px #a855f74d,inset 0 1px 1px #fff3}.support-button:hover:before{opacity:1}.support-button:after{content:"";position:absolute;top:-50%;left:-150%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(35deg);pointer-events:none}.support-button:hover:after{left:200%;transition:left .8s cubic-bezier(.4,0,.2,1)}.support-button:active{transform:translateY(-2px) scale(.97);filter:brightness(.9)}.support-note{font-size:.8rem;color:var(--secondary-text-color);line-height:1.4;margin:0;text-align:center;padding:0 5px;box-sizing:border-box}footer{margin-top:auto;position:relative;text-align:center;padding:40px 20px;color:var(--secondary-text-color)}.card-body{padding:24px;color:var(--secondary-text-color);flex:1;display:flex;flex-direction:column}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.hamburger-menu{display:none;flex-direction:column;cursor:pointer;padding:10px;border-radius:8px;transition:all .3s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.hamburger-menu:hover{background:#ffffff26;border-color:#ffffff4d}.hamburger-line{width:24px;height:2px;background:var(--primary-text-color);margin:2px 0;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:2px}.hamburger-menu.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}body.menu-open{overflow:hidden;touch-action:none}.mobile-nav-menu{position:fixed;top:0;right:-100%;width:min(88vw,320px);height:100vh;background:#191923d9;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border-left:1px solid rgba(255,255,255,.1);z-index:1001;transition:right .5s cubic-bezier(.16,1,.3,1);padding:calc(80px + var(--safe-top)) 20px 20px;box-shadow:-15px 0 45px #00000080;display:flex;flex-direction:column}.mobile-nav-menu.active{right:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;overscroll-behavior:contain}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-link{padding:14px 20px;border-radius:12px;text-decoration:none;color:var(--secondary-text-color);font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid transparent;display:flex;align-items:center;gap:12px}.mobile-nav-link:hover{color:var(--primary-text-color);background:#ffffff0d;transform:translate(4px)}.mobile-nav-link.active{color:#fff;background:#2d2d3ccc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid transparent;background-clip:padding-box,border-box;background-image:linear-gradient(#2d2d3ccc,#282837e6),linear-gradient(135deg,#a855f780,#00c6ff80);box-shadow:0 4px 15px #a855f74d;view-transition-name:nav-pill-mobile}.mobile-nav-link i{font-size:1.2rem;width:20px;text-align:center}.mobile-bg-settings-btn{background:none!important;border:none!important;cursor:pointer;width:100%;text-align:left;font-family:inherit;font-size:inherit;font-weight:inherit}.mobile-bg-settings-btn:focus{outline:none}.mobile-bg-settings-btn:hover{color:var(--primary-text-color)!important;background:#ffffff1a!important;border-color:#fff3!important;transform:translate(5px)!important}.mobile-bg-settings-btn.active{color:#fff!important;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)!important;border-color:transparent!important;box-shadow:0 4px 15px #a855f766!important}.mobile-nav-footer{margin-top:auto;padding:20px 0 10px;border-top:1px solid rgba(255,255,255,.1)}.mobile-nav-footer-section{margin-bottom:15px}.mobile-nav-footer-section h4{color:var(--primary-text-color);font-size:.9rem;font-weight:600;margin-bottom:10px;text-align:center}.mobile-payment-methods{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.mobile-payment-method{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:50px;height:36px;justify-content:center}.mobile-payment-method i{font-size:.9rem}.mobile-payment-method span{font-size:.5rem;font-weight:600;color:var(--secondary-text-color);text-align:center;line-height:1}.mobile-nav-footer-bottom{text-align:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.mobile-copyright{margin:8px 0 0;font-size:.6rem;color:var(--secondary-text-color);opacity:.8}.mobile-footer-tagline{margin:0;font-size:.7rem;color:var(--primary-text-color);display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.mobile-footer-tagline i{color:#ff6b9d;font-size:.8rem}@media (max-width: 1024px) and (min-width: 769px){.floating-header{gap:15px;padding:14px 25px}.header-search{max-width:300px;min-width:180px}.header-search #search-input{font-size:.85rem;padding:10px 14px}.floating-header h1{font-size:1.3rem}.mobile-header-top{display:none}.mobile-search-btn{display:none!important}}.mobile-search-btn{display:none}@media (max-width: 768px){header{padding:calc(10px + var(--safe-top)) 20px 0 20px;margin-bottom:20px;animation:headerEntrance .8s cubic-bezier(.4,0,.2,1) forwards}.floating-header{flex-direction:row;gap:12px;padding:12px 16px;border-radius:25px;width:100%;animation:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);align-items:center;position:relative;overflow:hidden}.mobile-header-top,.header-logo.mobile-logo,.header-logo.desktop-logo{display:none!important}.floating-header .header-content{display:flex!important;order:2;flex:1 1 auto;justify-content:center;align-items:center;min-width:0;position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.floating-header .header-content h1 a{pointer-events:all}.floating-header .header-nav{display:none}.floating-header .header-content h1{margin:0;font-size:1.1rem;font-weight:800;line-height:1.2;text-align:center}.floating-header .header-content h1 a{white-space:nowrap;display:block;text-align:center;transform-origin:center;transition:font-size .25s ease;overflow:hidden;text-overflow:ellipsis}.floating-header .header-content h1 a{font-size:clamp(.95rem,5.5vw,var(--font-size-lg))}@media (max-width: 400px){.floating-header .header-content h1 a{font-size:clamp(.9rem,5.8vw,var(--font-size-lg))}}@media (max-width: 350px){.floating-header .header-content h1 a{font-size:clamp(.85rem,6.2vw,var(--font-size-lg))}}@media (max-width: 320px){.floating-header .header-content h1 a{font-size:clamp(.8rem,6.6vw,var(--font-size-lg))}}.floating-header .header-search{order:1;flex-shrink:0;width:40px;margin:0;position:relative;display:flex;align-items:center;justify-content:center;transition:none}.floating-header .header-search:not(.search-active){position:relative;transition:none}.mobile-search-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--secondary-text-color);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;position:relative;overflow:hidden;flex-shrink:0}.mobile-search-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#a855f733;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.mobile-search-btn:hover:before{width:100%;height:100%}.mobile-search-btn:hover{background:#ffffff26;border-color:var(--accent-primary);color:var(--primary-text-color);transform:scale(1.05);box-shadow:0 4px 12px #a855f733}.mobile-search-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.1);box-shadow:0 6px 20px #a855f766}.mobile-search-btn i{transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-search-btn.active i{transform:rotate(90deg)}.header-search.search-active{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:1003;margin:0!important;width:clamp(260px,calc(100vw - 24px),480px)!important;max-width:calc(100vw - 24px);transition:none!important;animation:none!important;box-sizing:border-box;overflow-x:hidden}.floating-header.search-mode{background:linear-gradient(135deg,#1e1e28d9,#28233ccc,#1e1e28d9);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-color:#a855f766;box-shadow:0 8px 32px #0009,0 2px 8px #a855f74d,inset 0 1px #ffffff1a;transform:scale(1.01);animation:searchModeGlow 2s ease-in-out infinite}@keyframes searchModeGlow{0%,to{box-shadow:0 8px 32px #0009,0 2px 8px #a855f74d,inset 0 1px #ffffff1a}50%{box-shadow:0 8px 32px #0009,0 2px 8px #a855f766,inset 0 1px #ffffff26}}.floating-header.search-mode .header-content,.floating-header.search-mode .hamburger-menu{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.floating-header.search-mode,.floating-header.search-mode .header-search{overflow-x:hidden}.floating-header .header-content,.floating-header .hamburger-menu{transition:opacity .5s cubic-bezier(.25,.46,.45,.94),visibility .5s cubic-bezier(.25,.46,.45,.94)}.header-search.search-active .mobile-search-btn{display:none}.header-search #search-input{width:100%;padding:14px 20px;font-size:max(16px,1rem);background:#00000080;color:var(--primary-text-color);border:1px solid rgba(255,255,255,.3);border-radius:25px;outline:none;font-family:var(--font-family);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);opacity:0;pointer-events:none;box-shadow:0 8px 32px #0000004d}.header-search.search-active #search-input{opacity:1;pointer-events:all;transition:opacity .4s cubic-bezier(.4,0,.2,1);transition-delay:.15s}.header-search #search-input::placeholder{color:var(--secondary-text-color)}.header-search #search-input:focus{background:#00000080;border-color:var(--accent-secondary);box-shadow:0 0 0 2px #a855f733,0 4px 20px #a855f71a;transform:scale(1.02)}.floating-header *{transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-header .hamburger-menu{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.floating-header .hamburger-menu:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 12px #0003}.floating-header{overflow:hidden}.hamburger-line{width:20px;height:2px;background:var(--primary-text-color);margin:3px 0;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:2px}.floating-header .hamburger-menu{display:flex!important;order:3;flex-shrink:0;z-index:5;margin-left:auto}.background-controls{display:none!important}.bg-menu-header,.bg-menu-content{padding:16px}.bg-menu-header h4{font-size:.9rem}.floating-header:hover{transform:none}.floating-header:before{display:none}.header-logo:before{display:none}.header-content{align-items:flex-start;flex:1;min-width:0}.floating-header h1{font-size:1.2rem;font-weight:800;line-height:1.2;margin:0}.floating-header h1 a{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.floating-header .subtitle{font-size:.8rem;opacity:.8}.header-nav{display:none}.header-search #search-input{font-size:1rem;padding:14px 18px}.floating-header .subtitle,.header-nav{display:none}.header-nav:before{display:none}main{padding:0 15px 20px}.instructions{flex-direction:column;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;gap:20px}.instruction-box{flex:1 1 100%;min-width:0;width:100%;padding:25px;border-radius:16px;background:var(--card-bg-color);-webkit-backdrop-filter:blur(var(--card-blur));backdrop-filter:blur(var(--card-blur));border:1px solid var(--card-border-color);box-shadow:0 4px 20px #0003}.payment-filters{padding:20px;margin-bottom:30px}.filter-header h3{font-size:1.2rem;flex-direction:column;gap:8px}.filter-header p{font-size:.9rem}.payment-filter-buttons{gap:10px}.payment-filter-btn,.payment-filter-clear{padding:10px 16px;font-size:.85rem;min-width:100px;flex:1 1 calc(50% - 5px);max-width:calc(50% - 5px)}.payment-filter-btn i{font-size:1rem}.role-title{font-size:1.8rem}.caretaker-grid{gap:25px}.card{width:100%}.background-controls{top:15px;right:15px}.bg-control-btn{width:40px;height:40px;font-size:.9rem}.background-menu{top:110px;right:15px;left:15px;width:auto}.bg-thumbnail{width:100%;height:auto}footer:before{display:none}}@media screen and (max-height: 1080px) and (min-width: 1200px){.background-controls{top:20px}.background-menu{top:134px}}@media screen and (max-height: 1080px) and (min-width: 1800px){:root{--card-blur: 10px}.floating-header{padding:10px 20px}.header-logo{width:35px;height:35px}.floating-header h1{font-size:1.2rem}.floating-header .subtitle{font-size:.75rem}.instructions,.search-container{padding:20px;margin-bottom:30px;border-radius:12px}.instruction-box{padding:16px;border-radius:10px}.instruction-box h3{font-size:1.1rem;margin-bottom:8px}.role-title{font-size:1.7rem;margin-bottom:16px;padding-bottom:10px}.role-title:after{width:80px}.role-section{margin-bottom:30px}.caretaker-grid{gap:24px}.card{border-radius:12px}.card-header{padding:18px 20px}.card-header h3{font-size:1.15rem}.role-tag{padding:4px 10px;font-size:.7rem;border-radius:10px}.card-stats{padding:16px 20px}.stat-item{font-size:.8rem}.stat-item strong{font-size:.9rem}#search-input{padding:10px 14px;font-size:.95rem}.search-container{top:16px;margin-bottom:30px}.background-controls{top:20px;right:16px}.bg-control-btn{width:40px;height:40px;font-size:.9rem}.background-menu{top:115px;right:16px;width:300px}.bg-menu-header,.bg-menu-content{padding:16px}.bg-menu-section{margin-bottom:20px}}.new-badge{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-left:6px;line-height:1;display:inline-block;vertical-align:middle;will-change:transform;animation:newBadgePulse 2s ease-in-out infinite;box-shadow:0 2px 8px #ff6b6b4d}.new-badge.filter-active{animation-duration:1.6s}@keyframes newBadgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff6b6b4d}50%{transform:scale(1.05);box-shadow:0 4px 12px #ff6b6b80}}footer{position:relative!important;margin-top:auto;background:var(--card-bg-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);overflow:hidden;text-align:center!important;padding:0!important;color:var(--secondary-text-color)!important;z-index:1}footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(168,85,247,.05) 50%,transparent 70%)}@keyframes footerShimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.footer-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:30px 20px 20px;display:grid;grid-template-columns:1fr;gap:15px}.footer-main{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.footer-logo{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:5px}.footer-logo img{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0006,0 0 12px #a855f74d;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes footerLogoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}.footer-logo img:hover{transform:scale(1.1) rotate(5deg);border-color:#a855f799;box-shadow:0 12px 40px #00000080,0 0 30px #a855f780}.footer-logo h3{margin:0;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 50%,#ff6b9d 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;text-shadow:0 0 20px rgba(168,85,247,.3)}.footer-description{font-size:.95rem;color:var(--secondary-text-color);line-height:1.5;max-width:500px;margin:0;opacity:.9;text-align:center}.footer-links{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}.footer-section{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.footer-section h4{margin:0;font-size:.95rem;font-weight:600;color:var(--primary-text-color);text-transform:uppercase;letter-spacing:.5px;position:relative}.footer-section h4:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:30px;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:1px}.footer-section a{color:var(--secondary-text-color);text-decoration:none;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.footer-section a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.2),transparent);transition:left .6s ease}.footer-section a:hover:before{left:100%}.footer-section a:hover{color:var(--primary-text-color);background:#a855f733;border-color:var(--accent-primary);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #0000004d,0 0 20px #a855f766}.footer-section a i{font-size:1.2rem;transition:transform .3s ease}.footer-section a:hover i{transform:scale(1.2) rotate(5deg)}.payment-methods{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.payment-method{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;min-width:60px;height:44px;justify-content:center}.payment-method:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.2),transparent);transition:left .6s ease}.payment-method:hover:before{left:100%}.payment-method:hover{background:#a855f726;border-color:var(--accent-primary);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #0000004d,0 0 20px #a855f74d}.payment-method i{font-size:1.1rem;transition:all .3s ease}.payment-method:hover i{transform:scale(1.15) rotate(3deg);color:var(--primary-text-color);background:#a855f733;border-color:var(--accent-primary)}.payment-method span{font-size:.6rem;font-weight:600;color:var(--secondary-text-color);transition:color .3s ease;text-align:center;line-height:1;letter-spacing:.2px}.payment-method:hover span{color:var(--primary-text-color)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}.copyright{margin:0;font-size:.95rem;color:var(--secondary-text-color);opacity:.8}.footer-tagline{margin:0;font-size:1rem;font-weight:500;color:var(--primary-text-color);display:flex;align-items:center;justify-content:center;gap:8px}.footer-tagline i{color:#ff6b9d;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width: 768px){.footer-content{padding:40px 20px 30px;gap:30px}.footer-links{gap:40px}.footer-logo h3{font-size:1.5rem}.footer-description{font-size:1rem}.footer-section a{padding:10px 16px;font-size:.9rem}.payment-methods{gap:6px}.payment-method{padding:6px 8px;min-width:55px;height:40px}.payment-method i{font-size:1rem}.payment-method span{font-size:.55rem}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.floating-header{background-color:#181820cc}}@media (max-width: 480px){.footer-links{flex-direction:column;gap:30px}.header-search.search-active #search-input{padding:clamp(12px,4vw,16px) clamp(14px,5vw,18px);font-size:clamp(16px,5vw,18px);max-width:90%}}.footer-logo img{width:56px;height:56px}.footer-logo h3{font-size:1.3rem}footer:before{display:none}@media (max-width: 400px){.floating-header{padding:10px 12px;border-radius:18px;gap:8px}.header-search.search-active{width:calc(100% - 24px)!important;max-width:none}.mobile-nav-menu{padding-top:calc(70px + var(--safe-top));width:min(92vw,280px)}.instruction-box{padding:18px}}@media (max-width: 360px){.mobile-nav-link{padding:14px 16px;font-size:1rem}.footer-description{font-size:.9rem}.nav-link{padding:8px 14px}.support-button{padding:18px 20px;min-height:44px}.card-footer{padding:18px}}@media (max-width: 340px){.floating-header h1{font-size:clamp(14px,5.4vw,18px)}.mobile-search-btn{width:44px;height:44px}.header-logo{width:36px;height:36px}}@media (max-width: 320px){.floating-header{padding:8px 10px;gap:6px}.header-search.search-active{width:calc(100% - 20px)!important}.mobile-nav-menu{width:92vw}}img,svg,video{max-width:100%;height:auto}a,button,.game-title span:first-child,.platform-label,.card-name{word-break:break-word;overflow-wrap:anywhere}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.circle-btn,.filter-clear-icon,.modal-close-btn,.bg-control-btn{aspect-ratio:1 / 1;flex-shrink:0}@media (max-width: 768px){button:not(.circle-btn):not(.filter-clear-icon):not(.modal-close-btn),.mobile-nav-link,.payment-method,.mobile-payment-method{min-height:44px}}.card-placeholder{min-height:200px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a14b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.modal-content.glass{background:var(--card-bg-color);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--card-border-color);border-radius:18px;width:100%;max-width:800px;padding:0;overflow:hidden;position:relative;box-shadow:0 20px 50px #00000080,0 0 30px #a855f71a;animation:modalScaleIn .35s cubic-bezier(.18,.89,.32,1.28);color:var(--primary-text-color)}.modal-header{background:#ffffff08;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-border-color)}.modal-header-title{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em}.modal-header-title i{color:var(--accent-primary);-webkit-text-fill-color:initial;font-size:1.3rem;filter:drop-shadow(0 0 8px rgba(168,85,247,.4))}.modal-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--secondary-text-color);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close-btn:hover{color:#fff;background:#ffffff26;border-color:var(--accent-primary);transform:rotate(90deg)}.modal-body{padding:35px}@media (max-width: 800px){.modal-body-grid{grid-template-columns:1fr;gap:30px;padding:25px}}.column-title{font-size:1.1rem;font-weight:800;margin-bottom:25px;display:flex;align-items:center;gap:12px}.column-title.success{color:var(--green-color)}.column-title.warning{color:#fb923c}.guideline-list{list-style:none;padding:0}.guideline-list li{position:relative;padding-left:24px;margin-bottom:18px;line-height:1.6;font-size:.95rem;color:var(--secondary-text-color)}.guideline-list li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:.1rem;color:var(--accent-primary);opacity:.6;font-size:.9rem}.column-title.warning~.guideline-list li:before{content:"";color:#fb923c}.discord-link{color:var(--accent-secondary);text-decoration:none;font-weight:700;padding:2px 6px;background:#00c6ff1a;border-radius:4px;transition:all .2s}.discord-link:hover{background:#00c6ff33;box-shadow:0 0 10px #00c6ff33}.modal-footer-actions{background:#0003;padding:24px 30px;display:flex;justify-content:flex-end;gap:15px;align-items:center;border-top:1px solid var(--card-border-color);flex-wrap:wrap}@media (max-width: 480px){.modal-footer-actions{justify-content:center;padding:20px;flex-direction:column-reverse;gap:12px}}.modal-cancel-btn{background:none;border:none;color:var(--secondary-text-color);font-size:.95rem;cursor:pointer;font-weight:600;transition:all .2s ease;padding:10px 16px;white-space:nowrap}.modal-cancel-btn:hover{color:#fff}.modal-confirm-btn{position:relative;background:#232332b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:14px 32px;border-radius:40px;text-decoration:none;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);font-size:1rem;box-shadow:0 4px 15px #0000004d;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background-clip:padding-box,border-box;background-image:linear-gradient(#232332cc,#1e1e2de6),linear-gradient(135deg,#a855f799,#00c6ff99)}.modal-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0006,0 0 15px #a855f733;filter:brightness(1.1)}.modal-confirm-btn:active{transform:translateY(0) scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.info-toast-container{position:fixed;bottom:30px;right:30px;z-index:10001;pointer-events:none;display:flex;justify-content:flex-end;align-items:flex-end;animation:slideUpIn .5s cubic-bezier(.18,.89,.32,1.28)}.info-toast-card{pointer-events:auto;max-width:320px!important;border-radius:12px!important;box-shadow:0 10px 30px #00000080,0 0 20px #a855f726!important}.info-toast-card .modal-header{padding:12px 20px!important}.info-toast-card .modal-body{padding:15px 20px!important}.info-toast-card .modal-footer-actions{padding:12px 20px!important;background:transparent!important;border-top:none!important}.toast-description{font-size:.92rem;line-height:1.5;margin:0;color:var(--secondary-text-color)}.info-toast-card .new-badge{margin:0 4px;top:-1px}.toast-btn{padding:8px 16px!important;font-size:.85rem!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--secondary-text-color)!important;box-shadow:none!important;border-radius:8px!important}.toast-btn:hover{background:#ffffff1a!important;color:#fff!important;transform:none!important}@keyframes slideUpIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-nav{display:none}.platform-section{margin-bottom:40px;background:var(--card-bg-color);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:20px;border:1px solid var(--card-border-color);box-shadow:0 8px 32px #0000004d;overflow:hidden}.platform-header{padding:20px 25px;border-bottom:1px solid var(--card-border-color);display:flex;align-items:center;gap:15px;cursor:pointer;transition:background .3s ease}.platform-header:hover{background:#ffffff0d}.platform-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:6px}.platform-icon.steam{background:#1b2838}.platform-icon.ea{background:#f60}.platform-icon.ubisoft{background:#09f}.platform-title{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-text-color);margin:0;flex:1}.platform-count{background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:var(--secondary-text-color);padding:4px 12px;border-radius:10px;font-size:.85rem;font-weight:600;transition:all .3s ease}.platform-header:hover .platform-count{background:#ffffff14;border-color:#fff3;color:var(--primary-text-color)}.collapse-indicator{color:var(--secondary-text-color);font-size:1.2rem;transition:transform .5s cubic-bezier(.4,0,.2,1)}.platform-section.collapsed .collapse-indicator{transform:rotate(-90deg)}.games-grid{padding:25px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:1}.platform-section.collapsed .games-grid{max-height:0;padding:0 25px;opacity:0}.game-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;height:200px;display:flex;flex-direction:column}.game-card:hover{background:#ffffff1a;border-color:var(--accent-secondary);transform:translateY(-3px);box-shadow:0 12px 30px #0006}.game-card:hover .game-title{color:var(--accent-secondary)}.game-card.coming-soon{cursor:default;opacity:.8}.game-card.coming-soon:hover{transform:none;background:#ffffff0d;border-color:#ffffff1a;box-shadow:none}.game-card.coming-soon:hover .game-title{color:#fff}.game-card.coming-soon:hover .game-banner-bg{transform:none}.game-banner-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s ease;z-index:1}.game-card:hover .game-banner-bg{transform:scale(1.05)}.game-overlay{position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(to top,#000000e6,#000000b3,#0006 60%,#0000001a,#0000);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:2}.game-overlay:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 30%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.1) 80%,rgba(0,0,0,0) 100%);-webkit-mask:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 30%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.1) 80%,rgba(0,0,0,0) 100%)}.game-content{position:absolute;left:0;right:0;bottom:0;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;transition:opacity .3s ease}.game-title{font-size:clamp(.95rem,3.8vw,1.1rem);font-weight:600;color:#fff;margin:0;line-height:1.3;display:flex;align-items:center;justify-content:center;gap:8px;transition:color .3s ease;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.8)}.game-title span:first-child{flex:1;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.game-meta{display:flex;align-items:center;justify-content:center;gap:12px;color:#ffffffe6;font-size:clamp(.78rem,3.2vw,.9rem);text-shadow:0 1px 3px rgba(0,0,0,.8)}.game-date,.caretaker-count{display:flex;align-items:center;gap:4px}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff6b6b4d}50%{transform:scale(1.05);box-shadow:0 4px 12px #ff6b6b80}}.clickable-filter{cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;-webkit-user-select:none;user-select:none}.clickable-filter:hover{transform:translateY(-1px) scale(1.05)}.new-badge:hover{filter:brightness(1.1);box-shadow:0 6px 18px #ff4b2b80}.new-badge.filter-active{background:linear-gradient(135deg,#22c55e,#4ade80)!important;box-shadow:0 4px 15px #22c55e80!important;animation:none!important}.clickable-filter.filter-active:after{content:"✓";position:absolute;top:-5px;right:-5px;background:var(--accent-primary);color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:10}.new-badge.clickable-filter.filter-active:after{top:-3px;right:-3px;width:14px;height:14px;font-size:9px}.game-card.hidden,.platform-section.no-visible-games{display:none}@media (max-width: 768px){.floating-header{background:#19192373;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);padding:10px 16px;margin:10px;border-radius:14px;width:calc(100% - 20px);box-shadow:0 8px 32px #0006;transform:none!important}.header-logo{height:32px}.header-content h1{font-size:1.1rem}.games-grid{grid-template-columns:1fr;padding:15px;gap:20px}.platform-section{margin-bottom:25px}.platform-header{padding:18px 22px;background:#23233266;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:12px}.game-card{height:200px;border-radius:16px;background:#14141e4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow:hidden}.game-content{padding:18px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%)}.game-title{font-size:1.15rem;margin-bottom:10px;justify-content:flex-start;text-align:left}.game-meta{font-size:.85rem;justify-content:flex-start;gap:15px}.info-toast-container{padding:20px}.info-toast-card{background:#1e1e2dd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 25px 50px #0009}.toast-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 24px;color:#fff;font-weight:700;transition:all .3s ease}.toast-btn:active{transform:scale(.95);background:#fff3}}@media (max-width: 480px){.platform-header{flex-wrap:wrap;gap:10px}.platform-count{order:3;margin-left:auto}.collapse-indicator{order:2}}.loading{text-align:center;padding:40px;color:var(--secondary-text-color)}.loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid var(--secondary-text-color);border-radius:50%;border-top-color:var(--accent-primary);animation:spin 1s linear infinite;margin-left:10px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 360px){.platform-header{padding:14px 16px}.platform-title{font-size:clamp(1.05rem,6vw,1.25rem)}.games-grid{padding:12px;gap:12px}.game-card{border-radius:10px}}@media (max-width: 768px){.header-search:not(.search-active) .clear-filters-btn{display:none!important}}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-card-placeholder{min-height:200px}.game-banner-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.game-banner-container .game-image-container{width:100%;height:100%;position:relative;background:transparent;padding:0;margin:0;border-radius:0}.game-banner-container .game-header-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.game-banner-container .game-image-label{display:none}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.game-image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:800px 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}