:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{overflow-y:scroll}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;background-color:transparent}#root{width:100%;min-height:100vh;background-color:transparent}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dynamic-background-container{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;overflow:hidden;background-color:#006e68;pointer-events:none}.loading-screen,.game-loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#006e68,#003264 70%,#00050f);z-index:1000;pointer-events:none;opacity:1;transition:opacity 1.5s ease-out}.game-loading-screen.fade-out{opacity:0}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;border:8px solid rgba(0,149,255,.2);border-top:8px solid rgba(0,149,255,.8);animation:spin 1s linear infinite}.loading-message{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 100px));color:#ffffffb3;font-size:16px;font-family:Arial,sans-serif;animation:pulse 2s ease-in-out infinite alternate}.loading-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:700;color:#32cd32;opacity:.7;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);animation:grow 6s linear infinite;pointer-events:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%{transform:translate(-50%,calc(-50% + 100px)) scale(1)}to{transform:translate(-50%,calc(-50% + 100px)) scale(1.1)}}@keyframes grow{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(15)}}.error-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2000}.error-container h1{font-size:32px;margin-bottom:20px;color:#f44}.error-container p{font-size:18px;margin-bottom:20px;color:#ffffffe6}.error-retry-button{padding:10px 20px;background-color:#ff0000b3;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.error-retry-button:hover{background-color:#ff0000e6}.login-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-dialog{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:15px;box-shadow:0 10px 30px #00000080;padding:0;width:100%;max-width:400px;border:1px solid #00eeff;position:relative;overflow:visible;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.login-header{text-align:center;margin:0;border-bottom:1px solid #0077ff;background:#001428b3;border-radius:15px 15px 0 0}.tab-buttons{display:flex;justify-content:center;gap:0;margin:0}.tab-button{flex:1;padding:15px 0;background:transparent;border:none;border-bottom:3px solid transparent;color:#0af;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin:0;border-radius:15px 15px 0 0}.tab-button.active{background:linear-gradient(45deg,#0c6,#0e8);color:#fff;border-bottom:3px solid #00ee88;border-radius:15px 0 0}.tab-button:last-child.active{border-radius:0 15px 0 0}.tab-button:hover:not(.active){background:#003264b3;color:#0ef}.avatar-container{display:flex;justify-content:center;margin:10px 0;position:relative}.avatar-preview{width:80px;height:80px;border-radius:50%;border:2px solid #00eeff;background-color:#001e3c80;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .3s ease;position:relative}.avatar-preview:after{content:"▼";position:absolute;bottom:2px;right:2px;font-size:12px;color:#0ef;background:#001e3cb3;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.avatar-preview:hover{transform:scale(1.05);box-shadow:0 0 15px #00eeff80}.avatar-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.avatar-placeholder{color:#0af;font-size:32px}.avatar-selector{position:absolute;top:100%;left:50%;transform:translate(-50%);background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #00eeff;border-radius:10px;padding:15px;width:320px;max-height:300px;overflow-y:auto;z-index:2001;box-shadow:0 5px 20px #00000080;margin-top:10px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.avatar-option{width:60px;height:60px;border-radius:50%;border:2px solid transparent;cursor:pointer;overflow:hidden;transition:all .2s ease;margin:0 auto;padding:0;position:relative;background-color:transparent}.upload-option{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#001e3c80;border:2px dashed #0077ff;border-radius:50%;transition:all .2s ease}.upload-option:hover{background-color:#003264b3;border-color:#0ef;transform:scale(1.1)}.upload-placeholder{font-size:24px;color:#0af;margin-bottom:5px}.upload-text{font-size:10px;color:#0af;text-align:center}.avatar-option.selected{border-color:#0e8;box-shadow:0 0 10px #00ee88b3}.avatar-option img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.login-form{display:flex;flex-direction:column;gap:15px;padding:20px}.input-group{position:relative;margin-bottom:10px}.login-input{width:100%;padding:12px 15px;background:#001e3c80;border:1px solid #0077ff;border-radius:8px;color:#fff;font-size:16px;box-sizing:border-box;outline:none;transition:all .3s ease}.login-input:focus{border-color:#0ef;box-shadow:0 0 10px #00eeff80}.login-input::placeholder{color:#0af;opacity:.7}.sign-in-button{background:linear-gradient(45deg,#0c6,#0e8);color:#fff;border:none;border-radius:8px;padding:15px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 15px #00cc664d;margin:10px 0 5px}.sign-in-button:hover{background:linear-gradient(45deg,#0e8,#0c6);box-shadow:0 6px 20px #00cc6680;transform:translateY(-2px)}.sign-in-button:active{transform:translateY(0)}.divider{display:flex;align-items:center;margin:15px 20px;color:#0af;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #0077ff}.divider:before{margin-right:15px}.divider:after{margin-left:15px}.social-login{display:flex;flex-direction:column;gap:15px;padding:0 20px 20px}.social-buttons-container{display:flex;justify-content:center;gap:20px;padding:20px 0}.social-button{width:90px;height:90px;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 8px #0000004d;background:transparent;box-sizing:border-box}.social-button:hover{transform:scale(1.1);box-shadow:0 6px 12px #0006;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 70%,transparent 100%);border:1px solid rgba(255,255,255,.2)}.social-button:active{transform:scale(.95)}.social-icon{width:80px;height:80px;object-fit:contain;border-radius:50%}.login-logo-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;gap:10px}.login-logo{width:80px;height:80px;object-fit:contain;animation:logoGlow 2s ease-in-out infinite alternate}@keyframes logoGlow{0%{filter:drop-shadow(0 0 5px rgba(0,238,255,.5))}to{filter:drop-shadow(0 0 15px rgba(0,238,255,.8))}}.login-brand-text{color:#0ef;font-size:24px;font-weight:700;margin:0;text-shadow:0 0 10px rgba(0,238,255,.5);letter-spacing:2px}.login-footer-wrapper{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1999}#avatar-upload{display:none}.validation-error{color:#c33;font-size:.75rem;margin-top:.25rem}.forgot-password-link{background:none;border:none;color:#666;cursor:pointer;font-size:.875rem;margin-top:.5rem;text-align:right;width:100%;text-decoration:underline}.forgot-password-section{margin-top:1rem}.forgot-password-section p{margin-bottom:1rem;color:#666;font-size:.875rem}.forgot-password-section .sign-in-button{margin-bottom:.5rem}.back-to-signin-button{background:none;border:none;color:#666;cursor:pointer;font-size:.875rem;width:100%;text-decoration:underline}.message-display{padding:.75rem;border-radius:4px;margin-top:1rem;font-size:.875rem;text-align:center}.message-display.error{background-color:#fee;color:#c33}.message-display.success{background-color:#efe;color:#3c3}.admin-required-message{background:linear-gradient(135deg,#ffc10726,#ff980026);border:2px solid rgba(255,193,7,.5);border-radius:10px;padding:1rem 1.5rem;margin:1rem 1.5rem;display:flex;align-items:center;gap:1rem;animation:fadeIn .3s ease-out}.admin-required-icon{font-size:1.5rem;flex-shrink:0}.admin-required-text{color:#fffffff2;font-size:.95rem;margin:0;line-height:1.5;font-weight:500}.game-footer{position:fixed;bottom:0;left:0;right:0;width:100%;height:4vh;min-height:30px;max-height:40px;z-index:900;pointer-events:auto}.footer-content{display:flex;justify-content:center;align-items:center;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:0 1rem}.footer-text{font-size:clamp(.65rem,1.5vw,.75rem);color:#fff9;font-weight:500;letter-spacing:.5px}.heart{display:inline-block;color:#f44;animation:heartbeat 1.5s ease-in-out infinite;margin:0 .2rem}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.footer-link{color:#667eeae6;text-decoration:none;font-weight:600;transition:all .3s ease;margin-left:.2rem}.footer-link:hover{color:#667eea;text-shadow:0 0 10px rgba(102,126,234,.5)}.wallet-selector{width:100%;max-width:500px;margin:0 auto;padding:2rem;background:#0f1a2ef2;border-radius:15px;border:1px solid rgba(0,238,255,.3);box-shadow:0 8px 32px #0000004d}.wallet-selector-header{margin-bottom:2rem;text-align:center;position:relative}.wallet-selector-back{position:absolute;left:0;top:0;background:none;border:none;color:#e0e0e0b3;cursor:pointer;font-size:1rem;padding:.5rem;transition:color .2s;z-index:10}.wallet-selector-back:hover{color:#0ef}.wallet-selector-title{color:#0ef;font-size:1.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 0 10px rgba(0,238,255,.5)}.wallet-selector-subtitle-wrapper{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.wallet-selector-subtitle{color:#e0e0e099;font-size:.9rem;margin:0}.wallet-info-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#0ef3;border:1px solid rgba(0,238,255,.4);cursor:help;transition:all .2s}.wallet-info-icon:hover{background:#00eeff4d;border-color:#0ef9;transform:scale(1.1)}.wallet-info-icon-text{color:#0ef;font-size:.85rem;font-weight:700;line-height:1}.wallet-info-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:320px;max-width:calc(100vw - 2rem);background:#0f1a2efa;border:2px solid rgba(0,238,255,.5);border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:1000;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.wallet-info-tooltip-content{padding:1.25rem}.wallet-info-tooltip-content h4{color:#0ef;font-size:1rem;margin:0 0 .75rem;font-weight:600}.wallet-info-tooltip-content p{color:#e0e0e0cc;font-size:.85rem;margin:0 0 .75rem;line-height:1.5}.wallet-info-tooltip-content p strong{color:#0ef;font-weight:600}.wallet-info-tooltip-content ul{margin:.75rem 0;padding-left:1.25rem;list-style:none}.wallet-info-tooltip-content ul li{color:#e0e0e0b3;font-size:.8rem;margin:.5rem 0;line-height:1.4;position:relative;padding-left:.5rem}.wallet-info-tooltip-content ul li strong{color:#e0e0e0e6}.wallet-info-tooltip-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(0,238,255,.2);font-size:.75rem!important;color:#e0e0e080!important;font-style:italic}.wallet-chain-selector{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.wallet-chain-option{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#0f34604d;border:2px solid rgba(0,238,255,.2);border-radius:12px;cursor:pointer;transition:all .3s;text-align:left;width:100%}.wallet-chain-option:hover{background:#0f346080;border-color:#00eeff80;transform:translateY(-2px);box-shadow:0 4px 12px #0ef3}.wallet-chain-icon{font-size:2.5rem;line-height:1}.wallet-chain-info{flex:1}.wallet-chain-info h3{color:#0ef;font-size:1.2rem;margin:0 0 .25rem}.wallet-chain-info p{color:#e0e0e099;font-size:.9rem;margin:0}.wallet-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;margin-bottom:1rem}.wallet-option-wrapper{position:relative}.wallet-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#0f34604d;border:1px solid rgba(0,238,255,.2);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;width:100%;position:relative}.wallet-option.wallet-not-installed{opacity:.7;background:#0f346033;border-color:#ffffff1a}.wallet-option.wallet-not-installed:hover{opacity:.9;background:#0f34604d;border-color:#00eeff4d}.wallet-option:hover:not(:disabled){background:#0f346080;border-color:#0ef6;transform:translate(4px)}.wallet-option:disabled{opacity:.6;cursor:not-allowed}.wallet-option-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}.wallet-option-info{flex:1}.wallet-option-name{color:#0ef;font-size:1.1rem;margin:0 0 .25rem;font-weight:600}.wallet-option-description{color:#e0e0e080;font-size:.85rem;margin:0}.wallet-option-loading{font-size:1.2rem;animation:spin 1s linear infinite}.wallet-not-installed-badge{display:inline-block;margin-left:.5rem;padding:.15rem .5rem;background:#ffa50033;border:1px solid rgba(255,165,0,.4);border-radius:4px;color:orange;font-size:.7rem;font-weight:400;text-transform:uppercase}.wallet-install-icon{font-size:1.2rem;opacity:.6}.wallet-install-prompt{margin-top:.5rem;padding:.75rem;background:#00eeff1a;border:1px solid rgba(0,238,255,.2);border-radius:8px;font-size:.85rem}.wallet-install-prompt p{color:#e0e0e0b3;margin:0 0 .5rem}.wallet-install-link{display:inline-block;color:#0ef;text-decoration:none;font-weight:600;transition:color .2s}.wallet-install-link:hover{color:#0cd;text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wallet-selector-error{padding:1rem;background:#c333;border:1px solid rgba(204,51,51,.5);border-radius:8px;color:#ff6b6b;margin-bottom:1rem;font-size:.9rem}.wallet-selector-note{margin-top:1.5rem;padding:1rem;background:#00eeff1a;border-radius:8px;text-align:center}.wallet-selector-note p{color:#e0e0e0b3;font-size:.85rem;margin:0}.wallet-selector-note a{color:#0ef;text-decoration:underline}.wallet-selector-note a:hover{color:#0cd}.wallet-selector-back-link{background:none;border:none;color:#0ef;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;margin:0;transition:color .2s}.wallet-selector-back-link:hover{color:#0cd}.wallet-selector-back-bottom{margin-top:1.5rem;margin-bottom:1rem;padding:.75rem 1.5rem;background:#0f34604d;border:1px solid rgba(0,238,255,.3);border-radius:8px;color:#e0e0e0cc;cursor:pointer;font-size:.9rem;width:100%;transition:all .2s;order:-1}.wallet-selector-back-bottom:hover{background:#0f346080;border-color:#00eeff80;color:#0ef}.game-badges-overlay{position:absolute;bottom:1rem;left:1rem;right:1rem;z-index:4;pointer-events:none;width:auto;padding-right:.5rem;box-sizing:border-box}.badges-container{display:flex;flex-direction:row;gap:.4rem;align-items:center;width:100%;flex-wrap:nowrap;box-sizing:border-box}.badges-container .badge{font-size:.7rem;padding:.35rem .6rem;white-space:nowrap;box-shadow:0 2px 8px #0009;pointer-events:auto;opacity:1;display:flex;align-items:center;gap:.35rem;line-height:1.2;flex:1 1 0;min-width:0;justify-content:center;text-align:center;overflow:hidden;text-overflow:ellipsis}.badge-solana-logo{width:18px;height:18px;object-fit:contain;flex-shrink:0}.featured-carousel{width:100vw;max-width:100vw;margin:0;margin-left:calc(-50vw + 50%);height:100%;display:flex;flex-direction:row;align-items:stretch;box-sizing:border-box;gap:0;padding:0 2rem}.carousel-container{position:relative;flex:1;min-width:0;height:100%;overflow:hidden;border:1px solid rgba(100,181,246,.4);border-radius:12px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff1a;box-sizing:border-box;display:flex;flex-direction:column;min-height:342px;max-height:342px}.carousel-section-title{position:absolute;top:.75rem;left:1rem;margin:0;padding:0;font-family:Impact,Arial Black,Arial Bold,sans-serif;font-size:1.125rem;font-weight:400;color:#fffffff2;text-transform:uppercase;letter-spacing:4px;text-shadow:0 2px 10px rgba(0,0,0,.5),-1px -1px 0 rgba(100,181,246,.8),1px -1px 0 rgba(100,181,246,.8),-1px 1px 0 rgba(100,181,246,.8),1px 1px 0 rgba(100,181,246,.8);font-style:normal;-webkit-text-stroke:.5px rgba(100,181,246,.8);text-stroke:.5px rgba(100,181,246,.8);z-index:20;pointer-events:none}.carousel-section-title .section-title-word{display:inline-block;white-space:nowrap}.carousel-section-title .section-title-first-letter{font-size:1.5em;line-height:1}.featured-game-display-wrapper{position:relative;flex:1;min-height:0;overflow:hidden}.featured-empty-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.featured-empty-message{color:#ffffff80;font-size:1rem;text-align:center;margin:0;font-style:italic}.featured-game-display{display:flex;flex-direction:row;gap:0;flex:1;min-height:0;overflow:visible;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(100%);pointer-events:none;z-index:1}.featured-game-display.active{opacity:1;transform:translate(0);pointer-events:auto;z-index:2;will-change:transform,opacity}.featured-game-display.exiting-right{animation:slideOutLeft .6s cubic-bezier(.4,0,.2,1) forwards;z-index:1;pointer-events:none}.featured-game-display.exiting-left{animation:slideOutRight .6s cubic-bezier(.4,0,.2,1) forwards;z-index:1;pointer-events:none}.featured-game-display.active.entering-right{animation:slideInRight .6s cubic-bezier(.4,0,.2,1) forwards;z-index:3}.featured-game-display.active.entering-left{animation:slideInLeft .6s cubic-bezier(.4,0,.2,1) forwards;z-index:3}.featured-game-display:not(.active):not(.exiting-right):not(.exiting-left){opacity:0;transform:translate(100%);z-index:0;pointer-events:none}.featured-game-left{flex:2;min-width:0;display:flex;flex-direction:column;position:relative;aspect-ratio:2 / 1;max-width:66.666%;overflow:hidden}.featured-game-left-wrapper{width:100%;height:100%;position:relative;transform-origin:top left}.featured-game-right{flex:1;min-width:0;display:flex;flex-direction:column;max-width:33.333%}.featured-game-image{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#1e1e3cf2,#32325af2);padding-bottom:.5rem;flex:1}.featured-game-image-animated-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center center;animation:kenBurnsPanZoom 20s ease-in-out infinite alternate}.featured-game-display.active .featured-game-image-animated-wrapper{will-change:transform}.featured-game-banner{width:100%;height:100%;min-height:280px;max-height:320px;object-fit:cover;object-position:center center;display:block;position:absolute;top:0;left:0;z-index:1;transition:opacity 3s ease-in-out;opacity:0}.featured-game-banner.active{opacity:1;will-change:opacity}.featured-game-banner.slow-transition{transition:opacity 3s ease-in-out}@keyframes kenBurnsPanZoom{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(-2%)}to{transform:scale(1.05) translateY(-1%)}}.featured-game-banner-loading{width:100%;height:100%;min-height:280px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:1rem;position:absolute;top:0;left:0;z-index:1}.featured-game-banner-error{color:#ff6464e6}.featured-game-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);z-index:2;pointer-events:none}.featured-tags-overlay{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:flex-end;z-index:3;pointer-events:none;max-width:calc(100% - 2rem)}.featured-tag-overlay{background:#64b5f633;color:#64b5f6f2;padding:.35rem .7rem;border-radius:4px;font-size:.7rem;font-weight:500;border:1px solid rgba(100,181,246,.3);box-shadow:0 2px 8px #0009;pointer-events:auto;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.2}.featured-cta-button-overlay{background:linear-gradient(135deg,#64b5f6f2,#9c27b0f2);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #00000080;pointer-events:auto;white-space:nowrap;flex-shrink:0;min-width:140px}.featured-cta-button-overlay:hover{transform:translateY(-2px);box-shadow:0 6px 16px #64b5f666;background:linear-gradient(135deg,#64b5f6,#9c27b0)}.featured-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.featured-game-image:hover .featured-play-overlay{opacity:1}.featured-play-button{background:#64b5f6f2;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .2s ease}.featured-play-button:hover{background:#64b5f6;transform:scale(1.05)}.featured-game-details{padding:.75rem;display:flex;flex-direction:column;justify-content:flex-start;background:#141428f2;overflow-y:auto;height:100%;max-height:320px;position:relative;box-sizing:border-box;transition:opacity .3s ease,transform .3s ease}.featured-game-details,.featured-game-display.active .featured-game-details{animation:fadeInDetails .6s ease .2s both}.featured-game-content{display:flex;flex-direction:column;flex:1;min-height:0;gap:.3rem}.featured-game-header{margin-bottom:.4rem;flex-shrink:0;text-align:center;display:flex;flex-direction:column;align-items:center}.featured-claim-text-image{width:auto;height:45px;margin-bottom:.3rem;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.featured-game-title{font-size:1.8rem;font-weight:700;color:#fffffff2;margin:0 0 .75rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.featured-game-subtitle{font-size:.9rem;font-weight:500;color:#ffffffe6;margin:0 0 .3rem;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.3;letter-spacing:.5px;text-align:center;font-style:italic}.featured-game-tagline{font-size:.85rem;font-weight:500;color:#ffffffd9;margin:0 0 .4rem;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.3;font-style:italic;text-align:center}.featured-game-badges{display:flex;gap:.75rem;flex-wrap:wrap}.badge{padding:.4rem .8rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.badge-primary{background:#64b5f6f2;color:#fff}.badge-secondary{background:#4caf50f2;color:#fff}.badge-blockchain{background:#8a2be2f2;color:#fff}.badge-ai{background:linear-gradient(135deg,#9c27b0f2,#e91e63f2);color:#fff;border:1px solid rgba(156,39,176,.5)}.badge-leaderboard{background:linear-gradient(135deg,#ffc107f2,#ff9800f2);color:#000000e6;border:1px solid rgba(255,193,7,.5)}.badge-coming-soon{background:#ffc107f2;color:#000000e6;font-size:.65rem;padding:.25rem .5rem;display:inline-block;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.featured-game-description{font-size:.8rem;color:#ffffffe6;line-height:1.4;margin-bottom:.5rem;flex-shrink:0;text-align:left}.featured-features{display:flex;flex-direction:column;gap:.3rem;margin-bottom:0;padding:.4rem;background:#64b5f61a;border-radius:8px;border:1px solid rgba(100,181,246,.2);flex-shrink:0}.feature-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#ffffffe6;font-size:.85rem;flex-wrap:nowrap;width:100%}.feature-icon{font-size:1rem;font-weight:700;color:#64b5f6f2;min-width:20px;text-align:center}.feature-solana-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0}.feature-text{flex:1;font-weight:500;line-height:1.3;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:nowrap;min-width:0}.featured-game-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;flex-shrink:0}.featured-tag{background:#64b5f633;color:#64b5f6f2;padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:500;border:1px solid rgba(100,181,246,.3)}.featured-game-meta{margin-bottom:1rem;margin-top:auto;flex-shrink:0}.featured-players{font-size:.85rem;color:#ffffffb3}.featured-learn-more-button{background:linear-gradient(135deg,#64b5f6f2,#9c27b0f2);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #00000080;flex-shrink:0;white-space:nowrap;position:relative;z-index:11;pointer-events:auto}.featured-learn-more-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #64b5f666;background:linear-gradient(135deg,#64b5f6,#9c27b0)}.featured-cta-wrapper{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;display:flex;flex-direction:column;position:sticky;bottom:0;background:#141428fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.featured-cta-button{background:linear-gradient(135deg,#64b5f6f2,#9c27b0f2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;letter-spacing:1px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #0000004d;width:100%}.featured-cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #64b5f666;background:linear-gradient(135deg,#64b5f6,#9c27b0)}.carousel-bottom-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;flex-wrap:wrap;position:relative;z-index:10}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;padding:.5rem .75rem;background:#0003;border-radius:8px;width:fit-content}.carousel-indicator{width:24px;height:4px;border-radius:2px;border:none;background:#64b5f64d;cursor:pointer;transition:all .3s ease;padding:0}.carousel-indicator:hover{background:#64b5f699;transform:scaleY(1.5)}.carousel-indicator.active{background:#64b5f6e6;width:32px;box-shadow:0 0 8px #64b5f699}@media(max-width:1024px){.carousel-container{padding:.5rem .75rem}.carousel-section-title{font-size:1rem;top:.5rem;left:.6rem}.featured-game-display{flex-direction:column}.featured-game-left{flex:1;max-width:100%;aspect-ratio:2 / 1;min-height:200px}.featured-game-right{flex:1;max-width:100%}.featured-image-placeholder,.featured-game-banner{min-height:300px;max-height:340px}.featured-game-details{max-height:340px}.featured-game-icon{font-size:4rem}.featured-game-title{font-size:1.5rem}.featured-features{grid-template-columns:1fr}}@media(max-width:768px){.carousel-container{padding:.5rem .75rem;min-height:480px;max-height:none}.carousel-section-title{font-size:.75rem;top:.5rem;left:.5rem;letter-spacing:2px;max-width:40%}.carousel-section-title .section-title-first-letter{font-size:1.3em}.featured-game-display{flex-direction:column}.featured-game-left{flex:1;max-width:100%;aspect-ratio:2 / 1;min-height:180px}.featured-game-right{flex:1;max-width:100%}.featured-image-placeholder,.featured-game-banner{min-height:180px;max-height:220px}.featured-game-details{max-height:none}.featured-game-title{font-size:1.3rem}.featured-game-icon{font-size:3.5rem}.featured-game-details{padding:.75rem}.featured-features{grid-template-columns:1fr;gap:.4rem}.feature-item{font-size:.75rem}.featured-tags-overlay{gap:.2rem;top:.3rem;right:.3rem;max-width:55%}.featured-tag-overlay{padding:.15rem .35rem;font-size:.5rem}.featured-badges-overlay{top:.5rem;left:.5rem;gap:.3rem}.featured-badges-overlay .badge{font-size:.5rem;padding:.2rem .4rem}.featured-cta-wrapper{padding-top:.75rem}.featured-cta-button{padding:.6rem 1.2rem;font-size:.85rem}.carousel-nav-button{width:40px;min-width:40px;font-size:1.1rem}.carousel-nav-prev{margin-right:6px}.carousel-nav-next{margin-left:6px}.carousel-indicators{margin-top:.4rem;padding:.4rem .6rem}}@media(max-width:480px){.carousel-container{padding:.5rem .75rem;min-height:520px;max-height:none}.carousel-section-title{font-size:.6rem;top:.5rem;left:.5rem;letter-spacing:1px;max-width:35%}.carousel-section-title .section-title-first-letter{font-size:1.2em}.featured-game-display{flex-direction:column}.featured-game-left{flex:1;max-width:100%;aspect-ratio:2 / 1;min-height:140px}.featured-game-right{flex:1;max-width:100%}.featured-image-placeholder,.featured-game-banner{min-height:140px}.featured-game-details{padding:.5rem;max-height:none}.featured-game-title{font-size:1rem}.featured-game-subtitle{font-size:.8rem}.featured-game-tagline{font-size:.7rem}.featured-game-description{font-size:.7rem;line-height:1.3}.featured-game-icon{font-size:3rem}.featured-tags-overlay{gap:.15rem;top:.3rem;right:.3rem;max-width:60%}.featured-tag-overlay{padding:.1rem .25rem;font-size:.4rem}.featured-badges-overlay{top:.5rem;left:.5rem;gap:.2rem}.featured-badges-overlay .badge{font-size:.4rem;padding:.1rem .25rem}.featured-cta-wrapper{padding-top:.5rem}.featured-cta-button{padding:.5rem 1rem;font-size:.8rem}.carousel-nav-button{width:28px;min-width:28px;font-size:.8rem}.carousel-nav-prev{margin-right:4px}.carousel-nav-next{margin-left:4px}.feature-item{font-size:.7rem}.badge-coming-soon{font-size:.5rem;padding:.15rem .3rem}}.coming-soon-carousel{width:100vw;max-width:100vw;margin:0;margin-left:calc(-50vw + 50%);height:100%;display:flex;flex-direction:row;align-items:stretch;box-sizing:border-box;gap:0;padding:0 2rem}.carousel-wrapper{position:relative;flex:1;min-width:0;overflow:hidden;border:1px solid rgba(100,181,246,.4);border-radius:12px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff1a;box-sizing:border-box;display:flex;flex-direction:column;min-height:273.6px;max-height:273.6px}.carousel-tabs{display:flex;gap:.5rem;margin-bottom:.75rem;border-bottom:1px solid rgba(100,181,246,.3);padding-bottom:.5rem}.carousel-tab{background:transparent;border:none;color:#fff9;font-family:Impact,Arial Black,Arial Bold,sans-serif;font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:4px;padding:.5rem 1rem;cursor:pointer;position:relative;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.tab-label{display:inline-block;white-space:nowrap}.tab-first-letter{font-size:1.5em;line-height:1}.carousel-tab:hover{color:#ffffffe6}.carousel-tab.active{color:#64b5f6;text-shadow:0 2px 8px rgba(100,181,246,.6);font-weight:600}.carousel-tab.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:linear-gradient(90deg,#64b5f6cc,#9c27b0cc);box-shadow:0 0 8px #64b5f699}.tab-count{font-size:.75rem;opacity:.8;font-weight:400}.carousel-track{width:100%;overflow:hidden;position:relative;flex:1;min-height:0;display:flex;align-items:center}.carousel-empty-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.carousel-empty-message{color:#ffffff80;font-size:1rem;text-align:center;margin:0;font-style:italic}.carousel-slide{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);height:100%;transform:translate(calc(-1 * var(--translate-x, 0%)))}.tile-wrapper{flex:0 0 20%;padding:0 .35rem;box-sizing:border-box;height:100%}.game-card-tile{width:100%;height:100%;display:flex;flex-direction:column;background:#1a1a2ed9;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:inherit;padding:0}.game-card-tile:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000080;border-color:#64b5f699;background:#282846f2}.game-card-tile:active,.game-card-tile:focus{outline:none;border-color:#64b5f6cc;box-shadow:0 0 0 2px #64b5f64d}.game-card-tile.coming-soon{opacity:.9}.card-image-container{width:100%;flex:1;min-height:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#64b5f61a,#9c27b01a)}.card-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#64b5f633,#9c27b033)}.card-badge{position:absolute;top:.5rem;right:.5rem;background:#ffc107f2;color:#000;padding:.25rem .5rem;border-radius:4px;font-size:.6rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #0000004d;z-index:2}.card-content{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.4rem;background:#0000004d;flex-shrink:0}.card-title{font-size:.95rem;font-weight:600;color:#fffffff2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.8)}.game-card-tile:hover .card-title,.game-card-tile:active .card-title,.game-card-tile:focus .card-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.9)}.card-tags{display:flex;flex-wrap:wrap;gap:.3rem}.card-tag{font-size:.7rem;color:#64b5f6e6;background:#64b5f626;padding:.2rem .4rem;border-radius:4px;font-weight:500;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6)}.game-card-tile:hover .card-tag,.game-card-tile:active .card-tag,.game-card-tile:focus .card-tag{color:#64b5f6;background:#64b5f640;text-shadow:0 1px 3px rgba(0,0,0,.8)}.carousel-nav-button{background:#000000b3;border:1px solid rgba(100,181,246,.6);color:#64b5f6;width:56px;min-width:56px;height:auto;border-radius:6px;font-size:1.5rem;font-weight:400;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000080;line-height:1;flex-shrink:0;align-self:center;padding:1rem 0}.carousel-nav-button.hidden{display:none}.carousel-nav-button:disabled{cursor:not-allowed;opacity:.3}.carousel-nav-button:hover{background:#64b5f640;border-color:#64b5f6e6;color:#64b5f6;transform:scale(1.08);box-shadow:0 6px 16px #64b5f680}.carousel-nav-button:active{transform:scale(.95)}.carousel-nav-prev{order:-1;margin-right:8px}.carousel-nav-next{order:1;margin-left:8px}@media(max-width:1200px){.tile-wrapper{flex:0 0 25%}}@media(max-width:900px){.tile-wrapper{flex:0 0 33.333%}}@media(max-width:768px){.carousel-wrapper{padding:.5rem .75rem}.carousel-tabs{gap:.25rem;margin-bottom:.5rem;padding-bottom:.4rem}.carousel-tab{font-size:.75rem;padding:.4rem .75rem;letter-spacing:3px}.tab-first-letter{font-size:1.4em}.tab-count{font-size:.65rem}.carousel-nav-button{width:40px;min-width:40px;font-size:1.1rem}.carousel-nav-prev{margin-right:6px}.carousel-nav-next{margin-left:6px}.game-tile{min-height:65px;padding:.5rem;gap:.5rem}.tile-icon{width:40px;height:40px;min-width:40px;font-size:1.2rem}.tile-title{font-size:.75rem}.tile-tag{font-size:.6rem}}@media(max-width:600px){.tile-wrapper{flex:0 0 50%}}@media(max-width:480px){.carousel-nav-button{width:32px;min-width:32px;font-size:.9rem}.carousel-nav-prev{margin-right:4px}.carousel-nav-next{margin-left:4px}}.about-us-card{width:100%;height:100%;min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;box-sizing:border-box;position:relative;overflow:hidden;gap:1.5rem}.about-us-card-quote{position:absolute;top:-.3rem;left:1rem;font-size:3.5rem;font-weight:700;color:#64b5f61f;font-family:Georgia,serif;line-height:1;pointer-events:none;user-select:none;z-index:0}.about-us-card-left{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:0 0 220px;min-width:220px;max-width:250px;gap:.4rem;position:relative;z-index:1;background:#64b5f626;border-radius:10px;padding:.5rem .9rem;margin:1px 0;border:1px solid rgba(100,181,246,.2);height:calc(100% - 2px);box-sizing:border-box;overflow:hidden;max-height:100%}.about-us-card-icon-container{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center}.about-us-card-icon{font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(100,181,246,.4));animation:iconPulse 3s ease-in-out infinite;background:#64b5f61a;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(100,181,246,.3);flex-shrink:0;margin:0}@keyframes iconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 2px 8px rgba(100,181,246,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(100,181,246,.6))}}.about-us-card-title{font-size:1.15rem;font-weight:700;margin:0;padding:0;position:relative;z-index:1;background:linear-gradient(135deg,#fff,#c8dcffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(0,0,0,.6);letter-spacing:.4px;line-height:1.15;flex-shrink:0;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.about-us-card-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;min-width:0;gap:.5rem;position:relative;z-index:1;background:#64b5f613;border-radius:12px;padding:1rem 1.2rem;border:1px solid rgba(100,181,246,.1)}.about-us-card-description{font-size:.9rem;color:#ffffffe6;line-height:1.5;margin:0;padding:0;position:relative;z-index:1;font-style:italic;text-shadow:0 1px 4px rgba(0,0,0,.4);letter-spacing:.3px;text-align:left;overflow-wrap:break-word;word-wrap:break-word;flex:1;min-height:0;text-decoration:none;border:none;outline:none}.about-us-card-accent{width:60px;height:2px;background:linear-gradient(90deg,rgba(100,181,246,.6),transparent);border-radius:2px;position:relative;z-index:1;box-shadow:0 0 8px #64b5f666;flex-shrink:0;align-self:flex-start;margin-top:.3rem;border:none;outline:none}@media(max-width:1024px){.about-us-card{padding:.8rem 1rem;gap:1rem}.about-us-card-quote{font-size:3rem;top:-.25rem;left:.8rem}.about-us-card-left{gap:.4rem;padding:calc(1px + .4rem) .9rem;margin:1px 0;height:calc(100% - 2px);flex:0 0 200px;min-width:200px;max-width:230px}.about-us-card-right{padding:.9rem 1rem}.about-us-card-icon{font-size:2.2rem;width:50px;height:50px}.about-us-card-title{font-size:1.2rem;width:100%;max-width:100%}.about-us-card-description{font-size:.85rem;line-height:1.45}.about-us-card-accent{width:50px}}@media(max-width:768px){.about-us-card{flex-direction:column;align-items:center;text-align:center;padding:.8rem .9rem;gap:.8rem}.about-us-card-quote{font-size:2.5rem;top:-.2rem;left:50%;transform:translate(-50%)}.about-us-card-left{gap:.4rem;align-items:center;padding:calc(1px + .4rem) .9rem;margin:1px 0;width:100%;height:calc(100% - 2px);flex:0 0 auto;min-width:0;max-width:100%}.about-us-card-right{align-items:center;text-align:center;padding:.8rem 1rem;width:100%}.about-us-card-icon{font-size:2rem;width:48px;height:48px}.about-us-card-title{font-size:1.1rem;max-width:100%}.about-us-card-description{font-size:.8rem;line-height:1.4;text-align:center}.about-us-card-accent{width:40px;height:2px;align-self:center}}@media(max-width:480px){.about-us-card{flex-direction:column;align-items:center;text-align:center;padding:.7rem .8rem;gap:.6rem}.about-us-card-quote{font-size:2rem;top:-.15rem;left:50%;transform:translate(-50%)}.about-us-card-left{gap:.35rem;align-items:center;padding:calc(1px + .35rem) .8rem;margin:1px 0;width:100%;height:calc(100% - 2px)}.about-us-card-right{align-items:center;text-align:center;padding:.7rem .9rem;width:100%}.about-us-card-icon{font-size:1.8rem;width:42px;height:42px}.about-us-card-title{font-size:1rem;max-width:100%}.about-us-card-description{font-size:.75rem;line-height:1.35;text-align:center}.about-us-card-accent{width:35px;height:2px;align-self:center}}.about-us-carousel.featured-carousel{width:100vw;max-width:100vw;margin:0;margin-left:calc(-50vw + 50%);height:100%;display:flex;flex-direction:row;align-items:stretch;box-sizing:border-box;gap:0;padding:0 2rem}.about-us-carousel .carousel-container{position:relative;flex:1;min-width:0;height:100%;overflow:hidden;border:1px solid rgba(100,181,246,.4);border-radius:12px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.25rem 1rem .75rem;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff1a;box-sizing:border-box;display:flex;flex-direction:column;min-height:160px;max-height:160px}.about-us-carousel .carousel-nav-button-hidden{visibility:hidden;pointer-events:none;opacity:0}.about-us-carousel .featured-game-display-wrapper{position:relative;flex:1;min-height:0;overflow:hidden}.about-us-carousel .featured-game-display{display:flex;flex-direction:row;gap:0;flex:1;min-height:0;overflow:visible;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(100%);pointer-events:none;z-index:1}.about-us-carousel .featured-game-display.active{opacity:1;transform:translate(0);pointer-events:auto;z-index:2;will-change:transform,opacity}.about-us-carousel .featured-game-display.exiting-right{animation:slideOutLeft .6s cubic-bezier(.4,0,.2,1) forwards;z-index:1;pointer-events:none}.about-us-carousel .featured-game-display.exiting-left{animation:slideOutRight .6s cubic-bezier(.4,0,.2,1) forwards;z-index:1;pointer-events:none}.about-us-carousel .featured-game-display.active.entering-right{animation:slideInRight .6s cubic-bezier(.4,0,.2,1) forwards;z-index:3}.about-us-carousel .featured-game-display.active.entering-left{animation:slideInLeft .6s cubic-bezier(.4,0,.2,1) forwards;z-index:3}.about-us-carousel .featured-game-display:not(.active):not(.exiting-right):not(.exiting-left){opacity:0;transform:translate(100%);z-index:0;pointer-events:none}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.about-us-carousel .featured-game-right{flex:1;min-width:0;display:flex;flex-direction:column;width:100%;max-width:100%}.about-us-carousel .featured-game-details{padding:0;display:flex;flex-direction:column;justify-content:center;background:transparent;overflow:hidden;height:100%;position:relative;box-sizing:border-box;transition:opacity .3s ease,transform .3s ease;animation:fadeInDetails .6s ease .2s both;border-radius:10px;border:none;box-shadow:none}.about-us-carousel .featured-game-display.active .featured-game-details{animation:fadeInDetails .6s ease .2s both}@keyframes fadeInDetails{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-us-carousel .carousel-nav-button{background:#000000b3;border:1px solid rgba(100,181,246,.6);color:#64b5f6;width:56px;min-width:56px;height:auto;border-radius:6px;font-size:1.5rem;font-weight:400;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000080;line-height:1;flex-shrink:0;align-self:center;padding:1rem 0}.about-us-carousel .carousel-nav-button:hover{background:#64b5f640;border-color:#64b5f6e6;color:#64b5f6;transform:scale(1.08);box-shadow:0 6px 16px #64b5f680}.about-us-carousel .carousel-nav-button:active{transform:scale(.95)}.about-us-carousel .carousel-nav-prev{order:-1;margin-right:8px}.about-us-carousel .carousel-nav-next{order:1;margin-left:8px}.about-us-carousel .carousel-bottom-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.about-us-carousel .carousel-indicators{display:flex;justify-content:center;gap:.5rem;padding:.5rem .75rem;background:#0003;border-radius:8px;width:fit-content}.about-us-carousel .carousel-indicator{width:24px;height:4px;border-radius:2px;border:none;background:#64b5f64d;cursor:pointer;transition:all .3s ease;padding:0}.about-us-carousel .carousel-indicator:hover{background:#64b5f699;transform:scaleY(1.5)}.about-us-carousel .carousel-indicator.active{background:#64b5f6e6;width:32px;box-shadow:0 0 8px #64b5f699}@media(max-width:1024px){.about-us-carousel .carousel-container{padding:.5rem .75rem}}@media(max-width:768px){.about-us-carousel .carousel-container{padding:.5rem .75rem;min-height:140px;max-height:140px}.about-us-carousel .carousel-nav-button{width:40px;min-width:40px;font-size:1.1rem}.about-us-carousel .carousel-nav-prev{margin-right:6px}.about-us-carousel .carousel-nav-next{margin-left:6px}.about-us-carousel .carousel-indicators{margin-top:.4rem;padding:.4rem .6rem}}@media(max-width:480px){.about-us-carousel .carousel-container{padding:.5rem .75rem;min-height:130px;max-height:130px}.about-us-carousel .carousel-nav-button{width:28px;min-width:28px;font-size:.8rem}.about-us-carousel .carousel-nav-prev{margin-right:4px}.about-us-carousel .carousel-nav-next{margin-left:4px}}.profile-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.profile-modal-backdrop{position:absolute;inset:0;background:transparent;border:none;z-index:-1;cursor:pointer}.profile-modal{background:linear-gradient(135deg,#1e1e32fa,#141423fa);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid rgba(102,126,234,.3);border-radius:24px;padding:0;max-width:650px;width:90%;max-height:600px;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#667eea1a;border-bottom:1px solid rgba(255,255,255,.1)}.profile-modal-header h2{font-size:1rem;color:#fff;margin:0;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:transparent;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;line-height:1;transition:all .3s ease;padding:0}.close-btn:hover{color:#fff;transform:scale(1.1)}.profile-modal-content{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;max-height:calc(85vh - 60px);overflow-y:auto}.profile-modal-content::-webkit-scrollbar{width:8px}.profile-modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.profile-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.current-avatar-preview{display:flex;justify-content:center;align-items:center;padding:.75rem;background:#667eea14;border-radius:20px;border:3px solid rgba(102,126,234,.3)}.current-avatar-preview img{width:140px;height:140px;border-radius:50%;border:4px solid #667eea;box-shadow:0 10px 40px #667eea99;transition:all .3s ease}.preview-label{display:none}.modal-actions{display:flex;gap:.75rem;margin-top:0}.upload-btn{flex:1;padding:.65rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffe6;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:.4rem}.upload-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.upload-icon{font-size:1rem}.file-input{display:none}.avatars-section{background:#0003;border-radius:16px;padding:1rem}.avatars-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem}.avatar-option{position:relative;aspect-ratio:1;border-radius:50%;border:3px solid rgba(255,255,255,.1);overflow:hidden;cursor:pointer;transition:all .3s ease;background:#ffffff05}.avatar-option:hover{border-color:#667eea80;transform:scale(1.08);box-shadow:0 5px 20px #667eea4d}.avatar-option.selected{border-color:#0f2;box-shadow:0 0 25px #0f29;transform:scale(1.08)}.avatar-option.current{border-color:#667eea}.avatar-option img{width:100%;height:100%;object-fit:contain}.current-badge{position:absolute;bottom:0;left:0;right:0;background:#667eeae6;color:#fff;font-size:.65rem;font-weight:700;text-align:center;padding:.2rem;text-transform:uppercase}.set-avatar-btn{flex:2;padding:.65rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #667eea66}.set-avatar-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eeab3}.set-avatar-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-header{position:fixed;top:0;left:0;right:0;height:7vh;min-height:50px;max-height:70px;display:flex;align-items:center;justify-content:center;padding:.5rem 0;margin:0;margin-bottom:.5rem;z-index:1000;background:transparent}.game-header--welcome .header-container--welcome{width:100%;max-width:1400px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:0;position:relative;box-sizing:border-box}.header-logo-unit{display:flex;align-items:center;justify-content:center;gap:.75rem;flex:0 1 auto;min-width:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.header-text-image{height:37.5%;max-height:26px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:1;min-width:0;display:block}.header-text-left{order:1;margin-right:.75rem}.header-text-right{order:3;margin-left:.4rem}.header-logo-circle-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;order:2;margin:0}.header-logo-circle{width:80px;height:80px;min-width:60px;min-height:60px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d;transition:all .3s ease;padding:0;flex-shrink:0}.header-logo-circle:hover{background:#ffffff26;border-color:#ffffff80;box-shadow:0 6px 30px #0006;transform:scale(1.05)}.header-logo-circle-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));padding:0;margin:0;box-sizing:border-box}.game-header--welcome .header-right--welcome{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:26px;background:#ffffff1a;display:flex;align-items:center;justify-content:flex-end;padding:0;margin:0;width:100vw;margin-left:calc(-50vw + 50%);z-index:1}.header-container{width:100%;height:100%;display:flex;align-items:center;background:transparent}.game-header--game .header-left{flex:1;height:40%;background:#ffffff1a;display:flex;align-items:center;justify-content:flex-start;padding-left:0;min-width:0;position:relative}.header-home-button{display:flex;align-items:center;gap:.5rem;padding:.2rem 1rem .2rem .2rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.2);color:#fffffff2;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;font-family:inherit;margin-left:.5rem;box-shadow:0 2px 8px #0003;height:38px}.header-home-button:hover{background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.header-home-button .home-icon{font-size:1.2rem;line-height:1;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a}.header-home-button .home-text{font-weight:500;white-space:nowrap}.header-logo-section{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:opacity .2s ease;padding:.25rem .5rem;border-radius:6px}.header-logo-section:hover{opacity:.9;background:#ffffff0d}.header-logo{height:40px;width:auto;object-fit:contain}.header-brand-text{color:#fffffff2;font-size:1.1rem;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-center{padding:.5rem 2rem;border:2px solid rgba(255,255,255,.4);background:#ffffff0d;display:flex;align-items:center;justify-content:center;border-radius:25px;min-height:38px}.header-center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.header-tagline{font-size:clamp(.75rem,1.5vw,.9rem);color:#ffffffb3;margin:0;font-weight:500;letter-spacing:1.5px;text-shadow:0 0 10px rgba(255,255,255,.3);white-space:nowrap}.header-right{flex:1;height:40%;background:#ffffff1a;display:flex;align-items:center;justify-content:flex-end;padding-right:0}.game-title{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:900;color:#0f2;margin:0;padding:0;letter-spacing:clamp(4px,1vw,8px);text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5);line-height:1;display:flex;align-items:center;gap:clamp(.2rem,1vw,.4rem)}.suit-red{font-size:clamp(.8rem,2vw,1rem);color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.8),1px 1px 2px rgba(0,0,0,.3)}.suit-black{font-size:clamp(.8rem,2vw,1rem);color:#1f2937;text-shadow:0 0 10px rgba(255,255,255,.3),1px 1px 2px rgba(0,0,0,.3)}.user-profile-section{position:relative;margin-left:auto;margin-right:.5rem}.game-header--welcome .user-profile-section{position:absolute;right:calc(-50vw + 50%);top:50%;transform:translateY(-50%);z-index:10;margin:0;padding-right:.5rem}.user-profile-compact{display:flex;align-items:center;gap:.5rem;padding:.2rem 1rem .2rem .2rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;height:38px}.user-profile-compact:hover{background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.profile-avatar-compact{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.profile-avatar-placeholder-compact{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;border:2px solid rgba(255,255,255,.3)}.profile-name-compact{color:#fff;font-weight:500;font-size:.9rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-arrow{color:#fff9;font-size:.7rem;transition:transform .3s ease}.user-profile-compact:hover .profile-arrow{transform:translateY(2px)}.admin-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;margin-left:.3rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));animation:admin-badge-pulse 2s ease-in-out infinite}@keyframes admin-badge-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(255,215,0,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(255,215,0,.6))}}.profile-menu-backdrop{position:fixed;inset:0;z-index:1001;background:transparent}.profile-menu-compact{position:absolute;top:calc(100% + 10px);right:0;min-width:280px;background:linear-gradient(135deg,#1e1e32f2,#141423f2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid rgba(102,126,234,.3);border-radius:16px;padding:1.25rem;box-shadow:0 10px 40px #667eea66;z-index:1002;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.profile-picture-wrapper{position:relative;cursor:pointer;width:60px;height:60px}.profile-picture-wrapper:hover .edit-overlay{opacity:1}.edit-overlay{position:absolute;inset:0;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;font-size:1.5rem}.profile-menu-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.profile-menu-avatar-placeholder{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;border:2px solid rgba(255,255,255,.3)}.profile-menu-info{flex:1}.profile-menu-name{color:#fff;font-weight:700;font-size:1rem;margin-bottom:.25rem}.profile-menu-email{color:#fff9;font-size:.8rem}.profile-menu-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.5) 50%,transparent 100%);margin:.75rem 0}.profile-stats{display:flex;justify-content:space-around;gap:1rem;margin:1rem 0;background:#667eea1a;padding:1rem;border-radius:12px;border:1px solid rgba(102,126,234,.2)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:#0f2;font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(0,255,34,.3)}.profile-logout-button{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.profile-logout-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}@media(max-width:1400px){.game-header--welcome .header-container--welcome{max-width:100%}}@media(max-width:768px){.game-header--welcome .header-container--welcome,.header-center{padding:0 1rem}.header-border-top,.header-border-bottom{width:80px}.game-title{font-size:1.2rem;letter-spacing:2px}.profile-name-compact{display:none}.header-logo-section{gap:.5rem}.header-logo{height:32px}.header-brand-text{font-size:.9rem}.header-logo-unit{gap:.5rem;transform:translate(-50%,-50%) scale(.85)}.header-logo-circle{width:60px;height:60px;min-width:50px;min-height:50px}.header-logo-circle-image{width:100%;height:100%}.header-text-image{max-height:19px;height:30%}.header-text-right{margin-left:.3rem}.decoration-line{display:none}}@media(max-width:480px){.header-logo-unit{gap:.4rem;transform:translate(-50%,-50%) scale(.75)}.header-logo-circle{width:50px;height:50px;min-width:45px;min-height:45px}.header-text-image{max-height:15px;height:28%}.header-text-right{margin-left:.25rem}}html.home-page-active,body.home-page-active{overflow:hidden!important;height:100vh}.home-page{position:relative;width:100%;height:100vh;overflow:hidden;background:transparent;display:flex;flex-direction:column;padding-top:7vh}.nav-bar-container{position:fixed;top:calc(7vh + 1rem);left:0;right:0;z-index:999;width:100%;margin-top:0;margin-bottom:0;display:flex;justify-content:center;padding:0}.scrollable-content-container{position:fixed;top:calc(7vh + 1rem + 50px);bottom:4vh;left:0;right:0;width:100%;overflow-y:auto;overflow-x:hidden;z-index:100}.home-content{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:1rem 2rem 1.5rem;z-index:100;display:flex;flex-direction:column;gap:.5rem;min-height:fit-content}.about-us-section{margin-bottom:0;margin-top:0;flex:0 0 auto;display:flex;flex-direction:column;min-height:0}.featured-section{margin-bottom:0;margin-top:0;flex:2;display:flex;flex-direction:column;min-height:0}.games-section{margin-bottom:0;margin-top:0;flex:1;display:flex;flex-direction:column;min-height:150px}.content-spacer{flex:0 0 auto;min-height:2rem;margin-top:auto}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}@media(max-width:1400px){.home-content{max-width:100%}}@media(max-width:768px){.home-content{padding:1rem 1rem 1.5rem}.game-header--welcome .header-container--welcome{padding:0 1rem}.games-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.section-title{font-size:1.2rem}}@media(max-width:480px){.games-grid{grid-template-columns:1fr}}.empty-carousel-state{padding:40px;text-align:center;color:#999}.empty-carousel-debug{font-size:12px;margin-top:10px}.game-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1200px;margin:0 auto 1.5rem;animation:fadeInUp .8s ease .2s both}@media(max-width:900px){.game-modes{grid-template-columns:1fr}}.mode-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;transition:all .3s ease}.mode-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 30px #0006}.mode-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.mode-icon{font-size:1.5rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.mode-title{font-size:1.1rem;color:#fff;margin:0;font-weight:700}.mode-config{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.ai-models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.config-row{display:flex;flex-direction:column;gap:.5rem}.config-label{color:#ffffffb3;font-size:.8rem;font-weight:500}.config-buttons{display:flex;gap:.5rem}.config-option{flex:1;padding:.5rem;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.config-option:hover{background:#ffffff1a;border-color:#ffffff40}.config-option.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.config-select{width:100%;padding:.6rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.config-select:hover{background:#ffffff1a;border-color:#ffffff40}.config-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.config-select option{background:#1a1a1a;color:#fff}.mode-button{width:100%;padding:.6rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #667eea66}.mode-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea99}.game-info-tabs{width:95%;margin:0 auto 1rem;animation:fadeInUp .8s ease .4s both}.tabs-header{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;border-bottom:none;padding:.4rem .5rem}.tabs-list{display:flex;gap:0;justify-content:center}.tab-button{flex:1;padding:.5rem 1rem;background:transparent;color:#fff9;border:none;border-radius:0;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-button:first-child{border-radius:15px 0 0!important}.tab-button:last-child{border-radius:0 15px 0 0!important}.tab-button:hover{color:#ffffffe6;background:#ffffff0d}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.tab-button:not(:first-child):not(:last-child){border-radius:0!important}.tabs-content{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:0 0 20px 20px;border-top:1px solid rgba(255,255,255,.05);padding:1.25rem 1.5rem;height:38vh;min-height:320px;max-height:500px;display:flex;flex-direction:column}.tab-panel{flex:1;overflow-y:auto;padding-right:1rem;animation:fadeIn .4s ease}.tab-panel::-webkit-scrollbar{width:6px}.tab-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.tab-panel::-webkit-scrollbar-thumb{background:#667eea80;border-radius:10px}.tab-panel::-webkit-scrollbar-thumb:hover{background:#667eeab3}.tab-heading{font-size:1.6rem;color:#fff;margin:0 0 .3rem;text-align:center;font-weight:900}.tab-subtitle{font-size:.9rem;color:#ffffffb3;text-align:center;margin:0 0 1.5rem;font-style:italic}.tabs-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.tab-nav-btn{padding:.4rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.85rem;font-weight:600;border-radius:15px;cursor:pointer;transition:all .3s ease}.tab-nav-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translate(3px)}.tab-nav-btn:first-child:hover{transform:translate(-3px)}.page-indicator{color:#fff9;font-size:.8rem;font-weight:500}.content-section{margin-bottom:2rem}.content-section:last-child{margin-bottom:0}.content-section h3{font-size:1.4rem;color:#0f2;margin:0 0 1rem;font-weight:700}.content-section h4{font-size:1.1rem;color:#fffffff2;margin:1rem 0 .5rem;font-weight:600}.content-section p{color:#ffffffd9;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.content-section ul,.content-section ol{color:#fffc;font-size:.9rem;line-height:1.6;margin:.5rem 0 1rem 1.5rem}.content-section li{margin-bottom:.5rem}.content-section strong{color:#fffffff2}.setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem}.setup-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.setup-icon{font-size:1.8rem}.setup-item strong{color:#fff;font-size:.85rem;text-align:center}.setup-detail{color:#fff9;font-size:.75rem}.rule-block{background:#ffffff08;border-left:3px solid #667eea;padding:1.2rem;margin:1rem 0;border-radius:8px}.rule-block h4{margin-top:0;color:#667eea}.highlight{background:#00ff221a;border-left:3px solid #00ff22;padding:.8rem;margin:1rem 0;border-radius:4px;font-weight:600}.card-values{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:1rem 0}.card-values span{background:#ffffff1a;padding:.4rem .8rem;border-radius:8px;font-weight:600;color:#fff;font-size:.85rem}.strategy-block{background:#ffffff08;border-left:3px solid #764ba2;padding:1.2rem;margin:1rem 0;border-radius:8px}.strategy-block h4{margin-top:0;color:#764ba2}.strategy-block.advanced{border-left-color:orange;background:#ffa5000d}.strategy-block.advanced h4{color:orange}.example{background:#00ff221a;padding:.8rem;margin:.8rem 0;border-radius:8px;font-style:italic;font-size:.9rem}.key-insight{background:linear-gradient(135deg,#667eea33,#764ba233);padding:1.2rem;border-radius:12px;font-size:1rem;text-align:center;border:2px solid rgba(102,126,234,.3)}.scoring-block{background:#ffffff08;border:2px solid rgba(0,255,34,.3);padding:1.2rem;margin:1rem 0;border-radius:12px}.scoring-block h4{margin-top:0;color:#0f2;font-size:1.2rem}.scoring-steps{color:#ffffffd9;line-height:1.6;font-size:.9rem}.scoring-steps li{margin-bottom:.8rem}.formula{background:#0000004d;padding:.8rem;margin:.6rem 0;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;color:#0f2;text-align:center;font-weight:600}.example-block{background:#667eea0d;border:1px solid rgba(102,126,234,.2);padding:1.2rem;margin:1rem 0;border-radius:12px}.example-block h4{margin-top:0;color:#667eea;font-size:1rem}.calculation{background:#0003;padding:.8rem;margin:.8rem 0;border-radius:8px}.calc-step{padding:.4rem 0;color:#ffffffe6;font-size:.9rem}.calc-step .result{color:#0f2;font-weight:700}.calc-total{margin-top:.8rem;padding:.8rem;background:#00ff221a;border-radius:8px;border-left:4px solid #00ff22}.calc-total .total-score{font-size:1.2rem;font-weight:900;color:#0f2}.payment-rules{background:#ffffff0d;padding:1.2rem;border-radius:12px}.payment-rules ol{color:#ffffffd9;margin:1rem 0;font-size:.9rem}.budget-info{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:1.5rem;border-radius:12px;border:2px solid rgba(102,126,234,.3);text-align:center;margin-top:1.5rem}.budget-info h3{color:#667eea;font-size:1.2rem;margin:0 0 .8rem}.budget-info p{margin:.5rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-not-found-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:480px;width:100%;margin:auto;padding:2rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-not-found-icon{font-size:3rem;margin-bottom:1rem;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.game-not-found-title{font-size:1.75rem;font-weight:600;color:#fffffff2;margin-bottom:.75rem;letter-spacing:-.02em}.game-not-found-message{font-size:.95rem;color:#ffffffbf;margin-bottom:1.5rem;line-height:1.5;max-width:400px}.game-not-found-button{padding:.625rem 1.5rem;background:linear-gradient(135deg,#64b5f6e6,#9c27b0e6);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #64b5f64d}.game-not-found-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #64b5f666;background:linear-gradient(135deg,#64b5f6,#9c27b0)}.game-not-found-button:active{transform:translateY(0);box-shadow:0 2px 8px #64b5f64d}.generic-game-page{position:relative;width:100%;height:100vh;overflow:hidden}.generic-game-main{position:fixed;top:calc(7vh + 1rem);left:0;right:0;bottom:4vh;overflow-y:auto;padding:1rem clamp(1rem,3vw,3rem);z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.generic-game-loading{text-align:center;padding:2rem;color:#fff}.model-selection-tab{display:flex;flex-direction:column;gap:1.5rem}.provider-selector{border:1px solid rgba(100,181,246,.2);border-radius:6px;background:#0f34604d;padding:1rem}.provider-selector h3{font-size:1.1rem;font-weight:600;color:#64b5f6;margin-bottom:1rem}.provider-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.provider-btn{padding:.75rem 1rem;background:#64b5f61a;border:1px solid rgba(100,181,246,.2);border-radius:4px;color:#e0e0e0e6;cursor:pointer;font-size:.9rem;transition:all .2s}.provider-btn:hover{background:#64b5f633;border-color:#64b5f666}.provider-btn.active{background:#64b5f64d;border-color:#64b5f6;color:#64b5f6}.loading,.no-models{padding:2rem;text-align:center;color:#e0e0e0b3}.model-list{display:flex;flex-direction:column;gap:.75rem}.model-item{padding:1rem;background:#0f346080;border:1px solid rgba(100,181,246,.2);border-radius:4px;cursor:pointer;transition:all .2s}.model-item:hover{background:#0f3460b3;border-color:#64b5f666}.model-name{font-weight:500;color:#e0e0e0e6;margin-bottom:.25rem}.model-quant{font-size:.85rem;color:#e0e0e099;font-family:monospace}.external-provider-info{padding:1rem;background:#64b5f61a;border:1px solid rgba(100,181,246,.2);border-radius:4px;color:#e0e0e0cc}.system-prompt-popup-backdrop{position:fixed;inset:0;z-index:1000;background:#0006;display:flex;align-items:center;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.system-prompt-popup-backdrop-button{position:absolute;inset:0;background:transparent;border:none;z-index:-1;cursor:pointer}.system-prompt-popup-modal{background:#0f3460f2;border:1px solid rgba(100,181,246,.3);border-radius:8px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;width:90%;height:90%;max-width:100%;max-height:100%;padding:0}.system-prompt-popup-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(100,181,246,.2);background:#0f3460cc;flex:0 0 auto}.system-prompt-popup-header span{font-size:1rem;font-weight:600;color:#64b5f6}.system-prompt-popup-header button{background:transparent;border:none;color:#e0e0e0b3;font-size:1.5rem;font-weight:700;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.system-prompt-popup-header button:hover{color:#e0e0e0e6}.system-prompt-popup-textarea{flex:1 1 auto;width:100%;padding:1rem;background:transparent;color:#e0e0e0e6;font-size:1rem;resize:none;border:none;outline:none;font-family:inherit;overflow-y:auto;min-height:0;max-height:none;box-sizing:border-box}.system-prompt-popup-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid rgba(100,181,246,.2);background:#0f3460cc;flex:0 0 auto}.cancel-btn,.ok-btn{padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.cancel-btn{background:#64b5f633;border:1px solid rgba(100,181,246,.3);color:#64b5f6}.cancel-btn:hover{background:#64b5f64d}.ok-btn{background:#64b5f6;border:1px solid #64b5f6;color:#fff}.ok-btn:hover{background:#42a5f5;border-color:#42a5f5}.inference-settings-tab{display:flex;flex-direction:column;gap:1.5rem}.settings-header-actions{display:flex;gap:.5rem;margin-bottom:1rem}.reset-btn,.reload-btn{padding:.5rem 1rem;background:#64b5f633;border:1px solid rgba(100,181,246,.3);border-radius:4px;color:#64b5f6;cursor:pointer;font-size:.9rem;transition:all .2s}.reset-btn:hover,.reload-btn:hover{background:#64b5f64d}.system-prompt-section{border:1px solid rgba(100,181,246,.2);border-radius:6px;background:#0f34604d;overflow:hidden}.system-prompt-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(100,181,246,.2);font-weight:600;color:#64b5f6}.system-prompt-actions{display:flex;gap:.25rem;align-items:center}.expand-btn,.info-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#64b5f61a;border:1px solid rgba(100,181,246,.2);border-radius:50%;cursor:pointer;font-size:.9rem;transition:all .2s}.expand-btn:hover,.info-btn:hover{background:#64b5f633;border-color:#64b5f666}.info-btn{font-size:.75rem;font-weight:700;color:#64b5f6}.system-prompt-textarea{width:100%;padding:.75rem;background:transparent;border:none;color:#e0e0e0e6;font-size:.9rem;resize:vertical;min-height:5rem;max-height:16rem;font-family:inherit}.common-settings-section,.advanced-settings-section{border:1px solid rgba(100,181,246,.2);border-radius:6px;background:#0f34604d;overflow:hidden}.section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#64b5f61a;border:none;color:#64b5f6;cursor:pointer;font-weight:600;transition:all .2s}.section-toggle:hover{background:#64b5f633}.fold-icon{transition:transform .2s}.fold-icon.expanded{transform:rotate(180deg)}.settings-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.setting-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:4px;transition:background .2s}.setting-row:hover{background:#64b5f60d}.setting-label{min-width:10rem;font-size:.9rem;color:#e0e0e0e6;font-weight:500}.setting-slider{flex:1;accent-color:#64b5f6}.setting-value{min-width:3rem;font-family:monospace;font-size:.85rem;color:#e0e0e0b3;text-align:right}.setting-enabled{width:1rem;height:1rem;accent-color:#64b5f6;cursor:pointer}.setting-input{flex:1;max-width:8rem;padding:.25rem .5rem;background:#0f346080;border:1px solid rgba(100,181,246,.2);border-radius:4px;color:#e0e0e0e6;font-size:.9rem}.setting-checkbox{width:1.25rem;height:1.25rem;accent-color:#64b5f6;cursor:pointer}.setting-info{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#64b5f61a;border:1px solid rgba(100,181,246,.2);border-radius:50%;color:#64b5f6;cursor:help;font-size:.75rem;font-weight:700;transition:all .2s}.setting-info:hover{background:#64b5f633;border-color:#64b5f666}.setting-tooltip{position:fixed;z-index:1000;max-width:20rem;padding:.75rem;background:#0f3460fa;border:1px solid rgba(100,181,246,.3);border-radius:6px;box-shadow:0 4px 12px #0000004d;pointer-events:none}.tooltip-description{font-size:.875rem;color:#e0e0e0e6;margin-bottom:.5rem;font-weight:500}.tooltip-example{font-size:.75rem;color:#e0e0e0b3;font-style:italic}.provider-config-tab{display:flex;flex-direction:column;gap:1.5rem}.provider-config-header{margin-bottom:1rem}.provider-config-header h2{font-size:1.5rem;font-weight:600;color:#64b5f6;margin-bottom:.5rem}.provider-config-description{color:#e0e0e0b3;font-size:.9rem}.provider-config-loading,.provider-config-error{padding:2rem;text-align:center;color:#e0e0e0b3}.provider-list{display:flex;flex-direction:column;gap:1rem}.provider-item{border:1px solid rgba(100,181,246,.2);border-radius:6px;background:#0f34604d;padding:1rem}.provider-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.provider-item-header h3{font-size:1.1rem;font-weight:600;color:#64b5f6;margin-bottom:.25rem}.provider-item-header p{color:#e0e0e0b3;font-size:.85rem}.provider-item-actions{display:flex;gap:.5rem}.edit-btn,.test-btn,.save-btn,.cancel-btn,.delete-btn{padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s;border:1px solid rgba(100,181,246,.3)}.edit-btn{background:#64b5f633;color:#64b5f6}.edit-btn:hover{background:#64b5f64d}.test-btn{background:#4caf5033;color:#4caf50;border-color:#4caf504d}.save-btn{background:#64b5f6;color:#fff;border-color:#64b5f6}.cancel-btn{background:#9e9e9e33;color:#e0e0e0e6;border-color:#9e9e9e4d}.cancel-btn:hover{background:#9e9e9e4d}.delete-btn{background:#f4433633;color:#f44336;border-color:#f443364d;padding:.25rem .5rem;font-size:.75rem}.delete-btn:hover{background:#f443364d}.test-result{padding:.5rem;margin-bottom:1rem;border-radius:4px;font-size:.85rem;background:#4caf501a;border:1px solid rgba(76,175,80,.2);color:#4caf50}.provider-form{display:flex;flex-direction:column;gap:1rem}.provider-form--google-fallback{margin-top:.5rem}.provider-form__key-row{display:flex;gap:.5rem;margin-top:.5rem;align-items:center}.provider-form__key-input{flex:1;max-width:320px;padding:.5rem;background:#0f346080;border:1px solid rgba(100,181,246,.2);border-radius:4px;color:#e0e0e0e6;font-size:.9rem}.provider-form__key-input:focus{outline:none;border-color:#64b5f6}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.9rem;color:#e0e0e0e6;font-weight:500}.required{color:#f44336}.form-field input{padding:.5rem;background:#0f346080;border:1px solid rgba(100,181,246,.2);border-radius:4px;color:#e0e0e0e6;font-size:.9rem}.form-field input:focus{outline:none;border-color:#64b5f6}.form-actions{display:flex;gap:.5rem;margin-top:.5rem}.provider-config-display{display:flex;flex-direction:column;gap:.5rem}.config-item{display:flex;justify-content:space-between;padding:.5rem;background:#0f346033;border-radius:4px}.config-label{font-weight:500;color:#e0e0e0e6}.config-value{color:#e0e0e0b3;font-family:monospace;font-size:.85rem}.native-integration-tab{display:flex;flex-direction:column;gap:1.5rem}.native-header{margin-bottom:1rem}.native-header h2{font-size:1.5rem;font-weight:600;color:#64b5f6;margin-bottom:.5rem}.native-description{color:#e0e0e0b3;font-size:.9rem}.connection-status-section,.connection-config-section,.features-section{border:1px solid rgba(100,181,246,.2);border-radius:6px;background:#0f34604d;padding:1rem}.connection-status-section h3,.connection-config-section h3,.features-section h3{font-size:1.1rem;font-weight:600;color:#64b5f6;margin-bottom:1rem}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:4px;margin-bottom:1rem}.status-indicator.connected{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.status-indicator.connecting{background:#ffc1071a;border:1px solid rgba(255,193,7,.3)}.status-indicator.disconnected{background:#f443361a;border:1px solid rgba(244,67,54,.3)}.status-icon{font-size:1.25rem}.status-text{font-weight:500;color:#e0e0e0e6}.test-btn{padding:.5rem 1rem;background:#4caf5033;border:1px solid rgba(76,175,80,.3);border-radius:4px;color:#4caf50;cursor:pointer;font-size:.9rem;transition:all .2s}.test-btn:hover{background:#4caf504d}.config-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.config-field label{font-size:.9rem;color:#e0e0e0e6;font-weight:500}.config-field select,.config-field input{padding:.5rem;background:#0f346080;border:1px solid rgba(100,181,246,.2);border-radius:4px;color:#e0e0e0e6;font-size:.9rem}.config-field select:focus,.config-field input:focus{outline:none;border-color:#64b5f6}.info-box{padding:1rem;background:#64b5f61a;border:1px solid rgba(100,181,246,.2);border-radius:4px;margin-bottom:1rem}.info-box p{color:#e0e0e0cc;font-size:.85rem;margin-bottom:.5rem}.info-box p:last-child{margin-bottom:0}.form-actions{margin-top:1rem}.save-btn{padding:.5rem 1rem;background:#64b5f6;border:1px solid #64b5f6;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.save-btn:hover{background:#42a5f5}.features-list{list-style:none;padding:0;margin:0}.features-list li{padding:.5rem 0;color:#e0e0e0e6;font-size:.9rem}.settings-page{min-height:100vh;background:var(--bg-color, #0f1a2e);color:var(--text-color, #e0e0e0);padding:2rem}.settings-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.settings-back-btn{padding:.5rem 1rem;background:#64b5f633;border:1px solid rgba(100,181,246,.3);border-radius:6px;color:#64b5f6;cursor:pointer;font-size:.9rem}.settings-back-btn:hover{background:#64b5f64d}.settings-title{font-size:2rem;font-weight:600;margin:0}.settings-tabs{display:flex;gap:.5rem;border-bottom:2px solid rgba(100,181,246,.2);margin-bottom:2rem}.settings-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#e0e0e099;cursor:pointer;font-size:1rem;transition:all .2s;margin-bottom:-2px}.settings-tab:hover{color:#e0e0e0e6}.settings-tab.active{color:#64b5f6;border-bottom-color:#64b5f6}.settings-content{background:#0f34604d;border-radius:8px;padding:2rem;min-height:400px}.sub-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.sub-tab{padding:.5rem 1rem;background:#64b5f61a;border:1px solid rgba(100,181,246,.2);border-radius:4px;color:#e0e0e0b3;cursor:pointer;transition:all .2s}.sub-tab:hover{background:#64b5f633;color:#e0e0e0e6}.sub-tab.active{background:#64b5f64d;border-color:#64b5f6;color:#64b5f6}.model-list{display:flex;flex-direction:column;gap:1rem}.model-item{padding:1rem;background:#0f346080;border-radius:6px;border:1px solid rgba(100,181,246,.2)}.model-name{font-weight:600;margin-bottom:.5rem;color:#64b5f6}.model-quants{display:flex;gap:.5rem;flex-wrap:wrap}.quant-btn{padding:.25rem .75rem;background:#64b5f61a;border:1px solid rgba(100,181,246,.3);border-radius:4px;color:#64b5f6;cursor:pointer;font-size:.85rem;transition:all .2s}.quant-btn:hover{background:#64b5f633}.quant-btn.downloaded{background:#4caf5033;border-color:#4caf5066;color:#4caf50}.shop-page{min-height:100vh;padding:1rem}.shop-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.shop-back-btn{padding:.5rem .75rem;font-size:1rem;cursor:pointer;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:inherit}.shop-back-btn:hover{background:#ffffff26}.shop-title{margin:0;font-size:1.5rem}.shop-error{padding:.75rem 1rem;margin-bottom:1rem;background:#dc354533;border:1px solid rgba(220,53,69,.5);border-radius:6px;color:#f8d7da}.shop-packages{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.shop-package-card{padding:1.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px}.shop-package-name{margin:0 0 .5rem;font-size:1.25rem}.shop-package-amount{margin:0 0 1rem;opacity:.9}.shop-buy-btn{width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;background:#635bff;border:none;border-radius:8px;color:#fff}.shop-buy-btn:hover:not(:disabled){background:#5146e5}.shop-buy-btn:disabled{opacity:.7;cursor:not-allowed}