.modal-overlay{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--background-secondary);margin:auto;padding:30px;border:1px solid var(--border-color);width:80%;max-width:400px;border-radius:10px;text-align:center;box-shadow:0 4px 8px var(--shadow-color);animation-name:animatetop;animation-duration:.4s;color:var(--text-primary)}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-content h2{margin-top:0;color:var(--text-primary)}.modal-content p{margin-bottom:20px;color:var(--text-secondary)}.modal-content button{background-color:var(--success-color);color:#fff;padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1.1em;transition:background-color .2s}.modal-content button:hover{background-color:var(--success-color);filter:brightness(1.1)}.modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-content{position:relative}@media (max-width: 768px){.modal-overlay{padding:var(--mobile-spacing);align-items:flex-start;padding-top:10vh}.modal-content{width:95%;max-width:none;margin:0;padding:var(--mobile-padding);border-radius:var(--mobile-border-radius);box-shadow:var(--mobile-shadow)}.modal-content h2{font-size:1.4em;margin-bottom:15px}.modal-content p{font-size:1em;margin-bottom:15px;line-height:1.5}.modal-content button{padding:var(--mobile-padding) 20px;font-size:1em;min-height:var(--touch-target-min);width:100%;margin-top:10px}.modal-close-btn{top:var(--mobile-spacing);right:var(--mobile-spacing);width:var(--touch-target-min);height:var(--touch-target-min);font-size:20px}}@media (max-width: 480px){.modal-overlay{padding:var(--mobile-spacing);padding-top:5vh}.modal-content{width:100%;padding:var(--mobile-spacing)}.modal-content h2{font-size:1.3em}.modal-content p{font-size:.95em}.modal-content button{padding:var(--mobile-spacing) 16px;font-size:.95em}.modal-close-btn{top:var(--mobile-spacing);right:var(--mobile-spacing);font-size:18px}}@media (max-width: 768px){.modal-content button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(var(--accent-color-rgb),.1)}.modal-content button:active{transform:scale(.98);transition:transform .1s ease}.modal-close-btn{touch-action:manipulation;-webkit-tap-highlight-color:rgba(var(--text-secondary-rgb),.1)}.modal-close-btn:active{transform:scale(.9);transition:transform .1s ease}.modal-overlay{-webkit-overflow-scrolling:touch}}.challenge-modal-content{padding:10px 25px 25px;text-align:center;color:var(--text-primary)}.challenge-modal-content h2{font-size:1.8em;color:var(--text-primary);margin-bottom:15px}.challenge-modal-content p{font-size:1.05em;color:var(--text-secondary);line-height:1.6;margin-bottom:25px}.wager-options{margin-bottom:20px;padding:15px;background-color:var(--background-primary);border-radius:8px;border:1px solid var(--border-color)}.wager-options h4{margin:0 0 15px;color:var(--text-primary)}.wager-btn{padding:10px 20px;margin:7px;font-size:1.1em;font-weight:700;border:2px solid var(--border-color);background-color:var(--background-secondary);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}.wager-btn:hover{border-color:var(--success-color)}.wager-btn.active{border-color:var(--success-color);background-color:var(--success-color);color:#fff;box-shadow:0 0 10px var(--shadow-color)}.prize-info{font-style:italic;color:var(--text-secondary)}.modal-actions{display:flex;justify-content:space-between;gap:15px;margin-top:30px}.modal-actions .btn-secondary,.modal-actions .btn-primary{flex:1;padding:12px 20px;font-size:1.1em;font-weight:700;border-radius:5px;border:none;cursor:pointer;transition:background-color .2s}.modal-actions .btn-secondary{background-color:var(--text-secondary);color:#fff}.modal-actions .btn-secondary:hover{background-color:var(--text-secondary);filter:brightness(.9)}.modal-actions .btn-primary{background-color:var(--success-color);color:#fff}.modal-actions .btn-primary:hover{background-color:var(--success-color);filter:brightness(.9)}.modal-actions .btn-primary:disabled{background-color:var(--text-secondary);cursor:not-allowed}.matchup-result-content{padding:10px 25px 25px;text-align:center;color:var(--text-primary)}.result-title{font-size:2.2em;margin-bottom:10px;font-weight:700}.result-title.win{color:var(--success-color)}.result-title.loss{color:var(--danger-color)}.result-title.tie,.result-title.no-matchup{color:var(--text-secondary)}.opponent-info{font-size:1.1em;color:var(--text-secondary);margin-bottom:25px}.opponent-info a{color:var(--accent-color);font-weight:700;text-decoration:none}.opponent-info a:hover{text-decoration:underline}.no-matchup-message{font-size:1.1em;color:var(--text-secondary);margin-bottom:25px;line-height:1.4}.breakdown-table{margin-bottom:20px;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;padding:15px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:1.1em}.breakdown-row:not(:last-child){border-bottom:1px solid var(--border-color)}.breakdown-row .game-name{flex-basis:40%;text-align:left;font-weight:500;text-transform:capitalize;color:var(--text-primary)}.breakdown-row .score{flex-basis:20%;text-align:center;font-weight:700;color:var(--text-primary)}.breakdown-row .score.winner{color:var(--success-color);transform:scale(1.1)}.breakdown-row .vs{flex-basis:10%;text-align:center;color:var(--text-secondary);font-style:italic}.final-score{font-size:1.5em;font-weight:700;color:var(--text-primary);margin-bottom:10px}.prize-info{font-size:1.2em;color:var(--text-primary);margin-bottom:25px}.prize-info strong{color:var(--success-color)}.btn-primary{width:100%;max-width:250px;padding:12px 20px;font-size:1.1em;font-weight:700;border-radius:5px;border:none;cursor:pointer;background-color:var(--accent-color);color:#fff;transition:background-color .2s}.toast-container{position:fixed;top:75px;left:50%;transform:translate(-50%);z-index:1001;display:flex;flex-direction:column;gap:12px;max-width:500px;min-width:380px;pointer-events:none;width:auto;background-color:var(--success-color);height:auto}.toast{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:6px;box-shadow:0 4px 12px var(--shadow-color);min-width:380px;max-width:500px;position:relative;overflow:hidden;pointer-events:auto;animation:fadeInToast .5s ease-out forwards;transition:all .3s ease;box-sizing:border-box;flex-shrink:0;height:fit-content;background-color:var(--success-color);color:#fff;border:1px solid var(--success-color)}.toast-exiting{animation:fadeOutToast .5s ease-in forwards;opacity:0}.toast-icon{font-size:16px;margin-right:8px;flex-shrink:0;line-height:1}.toast-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0;margin-right:15px}.toast-title{font-weight:600;font-size:1.2em;margin:10px;line-height:1.2;color:inherit}.toast-message{font-size:.95em;line-height:1.2;word-wrap:break-word;margin:0;color:inherit}.toast-close{background:none;border:none;font-size:1.4em;cursor:pointer;padding:0 5px;width:auto;height:auto;display:flex;align-items:center;justify-content:center;border-radius:0;margin-left:0;flex-shrink:0;transition:background-color .2s ease;opacity:.7;line-height:1;font-weight:700;color:#fff}.toast-close:hover{background-color:#ffffff1a;opacity:1}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#ffffff1a;overflow:hidden}.toast-progress-bar{height:100%;background-color:currentColor;animation:toastProgress linear forwards;opacity:.3}.toast-success{background-color:var(--success-color);color:#fff}.toast-error{background-color:var(--danger-color);color:#fff}.toast-warning{background-color:var(--warning-color, #ffc107);color:#fff}.toast-info{background-color:var(--info-color, #17a2b8);color:#fff}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media (max-width: 480px){.toast-container{top:75px;left:10px;right:10px;transform:none;max-width:none;min-width:auto}.toast{min-width:auto;max-width:none;width:100%;padding:12px 16px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.toast-title{font-size:.9em}.toast-message{font-size:.9em;line-height:1.1}.toast-icon{font-size:14px;margin-right:6px}.toast-close{font-size:1.2em;padding:8px;min-height:var(--touch-target-min);min-width:var(--touch-target-min);touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2);border-radius:4px}.toast-close:active{transform:scale(.9);transition:transform .1s ease;background-color:#fff3}}@media (prefers-color-scheme: dark){.toast{box-shadow:0 4px 12px #0000004d}.toast-close:hover{background-color:#fff3}}@media (prefers-contrast: high){.toast{border:2px solid currentColor}.toast-close{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.toast,.toast-exiting,.toast-progress-bar{animation:none}}.toast,.toast *{box-sizing:border-box}.toast-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0}.toast-message{margin-bottom:20px;padding:0;line-height:1.2}.toast.toast-success .toast-title,.toast.toast-success .toast-message,.toast.toast-error .toast-title,.toast.toast-error .toast-message,.toast.toast-warning .toast-title,.toast.toast-warning .toast-message,.toast.toast-info .toast-title,.toast.toast-info .toast-message{color:#fff}.toast *,.toast .toast-title,.toast .toast-message{color:inherit}.username-selection-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.username-selection-modal{background:var(--background-primary);border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border-color)}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h2{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.modal-header p{margin:0;color:var(--text-secondary);font-size:.9rem}.social-login-bonus-message{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-color-secondary) 100%);color:#fff;padding:12px 16px;border-radius:8px;margin-top:15px;box-shadow:0 3px 10px rgba(var(--accent-color-rgb),.3);border:1px solid var(--success-color)}.social-login-bonus-message p{margin:0;font-size:.9rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);color:#fff}.social-login-bonus-message strong{color:gold;text-shadow:0 1px 2px rgba(0,0,0,.3)}.username-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-primary);font-size:.9rem}.username-input-container{position:relative;display:flex;align-items:center}.username-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--background-secondary);color:var(--text-primary);transition:all .2s ease}.username-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.username-input.available{border-color:#10b981}.username-input.unavailable{border-color:#ef4444}.checking-indicator{position:absolute;right:1rem;color:var(--text-secondary);font-size:.8rem;animation:pulse 1.5s infinite}.availability-indicator{position:absolute;right:1rem;font-size:.8rem;font-weight:500}.availability-indicator.available{color:#10b981}.availability-indicator.unavailable{color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.username-rules{background:var(--background-secondary);padding:.75rem;border-radius:6px;border-left:3px solid var(--accent-color)}.username-rules p{margin:.25rem 0;font-size:.8rem;color:var(--text-secondary)}.form-actions{display:flex;flex-direction:column;gap:1rem}.generate-button{padding:.75rem 1rem;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.generate-button:hover:not(:disabled){background:var(--background-tertiary);border-color:var(--accent-color)}.generate-button:disabled{opacity:.5;cursor:not-allowed}.submit-actions{display:flex;gap:1rem}.cancel-button{flex:1;padding:.75rem 1rem;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:var(--background-tertiary)}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.submit-button{flex:1;padding:.75rem 1rem;background:var(--accent-color);border:2px solid var(--accent-color);border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-button:hover:not(:disabled){background:var(--accent-color-hover);border-color:var(--accent-color-hover);transform:translateY(-1px)}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 480px){.username-selection-modal{padding:1.5rem;margin:1rem}.submit-actions{flex-direction:column}.modal-header h2{font-size:1.25rem}}.navbar-modern{background-color:var(--background-secondary);padding:0 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px var(--shadow-color);position:sticky;top:0;left:0;right:0;z-index:1000;height:70px}.navbar-modern-brand a{color:var(--text-primary);text-decoration:none;display:flex;align-items:center;line-height:1.2}.navbar-desktop-user-stats{display:none;align-items:center;margin-left:auto;margin-right:20px;font-size:.95em}.navbar-desktop-user-stats .navbar-points-item{background-color:var(--background-tertiary);padding:5px 10px;border-radius:5px;font-weight:600;color:var(--text-primary);white-space:nowrap}.navbar-desktop-user-stats .navbar-points-item.clickable{text-decoration:none;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.navbar-desktop-user-stats .navbar-points-item.clickable:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.navbar-desktop-user-stats .navbar-points-item.clickable:hover .currency-symbol{color:#fff}.navbar-modern-hamburger{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1002}.navbar-modern-hamburger span{width:30px;height:3px;background-color:var(--text-primary);border-radius:10px;transition:all .3s ease-in-out;transform-origin:1px center}.navbar-modern-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(3px,-3px)}.navbar-modern-hamburger.open span:nth-child(2){opacity:0;transform:translate(20px)}.navbar-modern-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(3px,3px)}.navbar-modern-menu{position:fixed;top:0;right:-100%;width:300px;max-width:90%;height:100vh;background-color:var(--background-secondary);box-shadow:-3px 0 12px var(--shadow-color);padding-top:0;transition:right .35s cubic-bezier(.25,.1,.25,1);z-index:1001;display:flex;flex-direction:column;overflow-y:auto}.navbar-modern-menu.open{right:0}.navbar-modern-actions{display:flex;align-items:center;gap:15px}.navbar-modern-actions .notification-icon-container{margin:0}.mobile-menu-greeting-header{padding:15px 25px;font-size:1.15em;font-weight:600;color:var(--text-primary);background-color:var(--background-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1}.menu-section{border-bottom:1px solid var(--border-color)}.menu-section-auth{margin-top:auto;padding:15px 25px;border-top:1px solid var(--border-color)}.menu-section-title{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;margin:0;cursor:pointer;font-size:1.1em;font-weight:600;color:var(--text-primary);transition:background-color .2s}.menu-section-title:hover{background-color:var(--background-primary)}.menu-section-title.active{color:var(--accent-color)}.accordion-icon{font-size:1.2em;font-weight:700;transition:transform .3s ease-in-out}.menu-section-title.active .accordion-icon{transform:rotate(45deg)}.menu-section-links{list-style:none;padding:0;margin:0;background-color:var(--background-primary);max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,padding .4s ease-in-out}.menu-section-links.open{max-height:500px;padding:10px 0}.menu-section-links li a{display:flex;align-items:center;gap:15px;padding:12px 25px 12px 35px;color:var(--text-secondary);text-decoration:none;font-size:1em;font-weight:500;transition:background-color .2s,color .2s}.menu-section-links li a:hover{background-color:var(--background-tertiary);color:var(--accent-hover)}.menu-section-links li a:hover svg{color:var(--accent-hover)!important}.stats-list li{display:flex;justify-content:space-between;align-items:center;font-size:.95em;padding:8px 35px}.stats-list li span{font-weight:700}.logout-button-menu{width:100%;display:flex;align-items:center;gap:15px;padding:12px 25px;background:none;border:none;font-family:inherit;font-size:1em;font-weight:500;color:var(--danger-color);cursor:pointer;transition:background-color .2s}.logout-button-menu:hover{background-color:var(--background-primary)}.logout-button-menu:hover svg{color:var(--danger-color)!important}@media (min-width: 992px){.navbar-desktop-user-stats{display:flex}}.currency-symbol{font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.top-tagline{font-size:10px;font-weight:300;font-style:italic;display:block;margin-top:2px;line-height:1}@media (max-width: 768px){.navbar-modern{padding:0 var(--mobile-padding);height:60px}.navbar-modern-brand a{font-size:1.5em;flex-direction:column;align-items:flex-start;line-height:1.1}.brand-text{font-size:1.5em}.beta-badge{font-size:.5em;padding:1px 5px}.navbar-modern-hamburger{width:var(--touch-target-min);height:var(--touch-target-min);padding:var(--mobile-spacing);display:flex;align-items:center;justify-content:center}.navbar-modern-hamburger span{width:24px;height:2px;margin:2px 0}.navbar-modern-menu{width:280px;max-width:85vw}.menu-section-title{padding:var(--mobile-padding) 20px;min-height:var(--touch-target-min);display:flex;align-items:center}.menu-section-links li a{padding:var(--mobile-padding) 20px var(--mobile-padding) 30px;min-height:var(--touch-target-min);display:flex;align-items:center}.logout-button-menu,.mobile-menu-greeting-header{padding:var(--mobile-padding) 20px;min-height:var(--touch-target-min);display:flex;align-items:center}.stats-list li{padding:var(--mobile-spacing) 30px;min-height:var(--touch-target-min);display:flex;align-items:center}}@media (max-width: 480px){.navbar-modern{padding:0 var(--mobile-spacing)}.navbar-modern-brand a{font-size:1.3em;flex-direction:column}.brand-text{font-size:1.3em}.beta-badge{font-size:.45em;padding:1px 4px}.navbar-modern-menu{width:100vw;max-width:100vw}.menu-section-title,.menu-section-links li a,.logout-button-menu,.mobile-menu-greeting-header{padding-left:var(--mobile-padding);padding-right:var(--mobile-padding)}}@media (max-width: 768px){.navbar-modern-brand a,.navbar-modern-hamburger,.notification-icon-container,.menu-section-title,.menu-section-links li a{-webkit-tap-highlight-color:rgba(var(--accent-color-rgb),.1)}.logout-button-menu{-webkit-tap-highlight-color:rgba(var(--danger-color-rgb),.1)}.navbar-modern-hamburger:active{transform:scale(.95);transition:transform .1s ease}.menu-section-title:active{background-color:var(--background-tertiary)}.menu-section-links li a:active{background-color:var(--background-tertiary);transform:scale(.98);transition:transform .1s ease}.logout-button-menu:active{background-color:rgba(var(--danger-color-rgb),.1);transform:scale(.98);transition:transform .1s ease}}.notification-icon-container{position:relative;cursor:pointer;margin-right:20px;display:flex;align-items:center}.notification-badge{position:absolute;top:-5px;right:-8px;background-color:var(--danger-color);color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--background-secondary);animation:pop-in .3s ease-out}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.notification-panel{position:absolute;right:10px;width:380px;max-width:90vw;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 5px 15px var(--shadow-color);z-index:1100;display:flex;flex-direction:column}.notification-header{padding:12px 15px;border-bottom:1px solid var(--border-color);font-weight:700;font-size:1.1em;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.notification-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;font-weight:700;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.notification-close-btn:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.notification-list{list-style:none;margin:0;padding:0;max-height:400px;overflow-y:auto}.notification-item{padding:12px 15px;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:var(--background-tertiary)}.notification-text{font-size:.75em;color:var(--text-secondary);line-height:1.5}.notification-text a{color:var(--accent-color);font-weight:500;text-decoration:none}.notification-text a:hover{text-decoration:underline}.notification-text strong{color:var(--text-primary)}.notification-time{font-size:.7em;color:var(--text-secondary);margin-top:4px}.notifications-empty{padding:30px 15px;text-align:center;color:var(--text-secondary)}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-primary)}.main-content{flex-grow:1;padding:20px;max-width:1600px;width:100%;margin:0 auto;background-color:var(--background-primary);color:var(--text-primary)}.currency-symbol{color:#e99b58;font-weight:700}.app-footer{background-color:var(--background-tertiary);color:var(--text-primary);text-align:center;padding:15px 0;font-size:.9em}.footer-links{margin-top:10px}.footer-links a{color:var(--accent-color);text-decoration:none;margin:0 10px;font-size:.85em;transition:color .3s ease}.footer-links a:hover{color:var(--text-primary);text-decoration:underline}@media (min-width: 992px){.main-content{width:100%;min-width:1200px}}@media (max-width: 600px){.main-content{padding:5px}}@media (max-width: 768px){.main-content{padding:var(--mobile-spacing);margin:0;max-width:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.app-container{min-height:100vh;min-height:-webkit-fill-available}.main-content *{-webkit-tap-highlight-color:rgba(var(--accent-color-rgb),.1)}button,a,input,select,textarea{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}}@media (max-width: 480px){.main-content{padding:var(--mobile-spacing)}.app-footer{padding:var(--mobile-padding) 0;font-size:.85em}}@media (max-width: 768px){.mobile-spacing{margin:var(--mobile-spacing)}.app-footer{display:none}.mobile-padding{padding:var(--mobile-padding)}.mobile-gap{gap:var(--mobile-spacing)}}.instagram-sidebar{width:100%;height:100vh;padding:20px 16px;display:flex;flex-direction:column;background-color:var(--background-secondary);overflow-y:auto}.sidebar-logo{margin-bottom:20px;padding:8px 0}.brand-container{display:flex;flex-direction:column;align-items:flex-start}.brand-main{display:flex;align-items:center;gap:8px;margin-bottom:2px}.brand-text{font-size:1.7em;font-weight:700;background:linear-gradient(135deg,var(--accent-color),#667eea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}.beta-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:.6em;font-weight:800;padding:2px 6px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #ee5a244d;animation:beta-pulse 2s ease-in-out infinite;position:relative;overflow:hidden}.beta-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:beta-shine 3s ease-in-out infinite}@keyframes beta-pulse{0%,to{transform:scale(1);box-shadow:0 2px 4px #ee5a244d}50%{transform:scale(1.05);box-shadow:0 4px 8px #ee5a2466}}@keyframes beta-shine{0%{left:-100%}50%{left:100%}to{left:100%}}.top-tagline{display:none}.sidebar-user-stats{margin-bottom:20px;padding:12px;background-color:var(--background-primary);border-radius:8px}.nav-stat-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px}.nav-stat-item:last-child{margin-bottom:0}.nav-stat-label{font-size:12px;color:var(--text-secondary);font-weight:500}.stat-value{font-size:12px;color:var(--text-primary);font-weight:600}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;flex-direction:row;align-items:center;gap:16px;padding:12px 16px;border-radius:8px;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:16px;transition:all .2s ease;cursor:pointer;background:none;border:none;width:100%;text-align:left;position:relative;margin-bottom:10px}.sidebar-nav-item:hover{background-color:#0000000d}.sidebar-nav-item.active{background-color:var(--accent-color);color:#fff}.sidebar-nav-item.active svg{color:#fff}.section-header{justify-content:space-between}.chevron-container{display:flex;align-items:center;margin-left:auto}.section-items{margin-left:20px;margin-top:4px;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}.section-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;text-decoration:none;color:var(--text-secondary);font-weight:400;font-size:14px;transition:all .2s ease}.section-item:hover{background-color:#0000000d;color:var(--text-primary)}.section-item svg{color:var(--text-secondary)}.section-item:hover svg{color:var(--text-primary)}.section-item[href="/logout"]{color:var(--danger-color);border-top:1px solid var(--border-color);margin-top:8px;padding-top:12px}.section-item[href="/logout"] svg{color:var(--danger-color)}.section-item[href="/logout"]:hover{background-color:#ed49561a;color:var(--danger-color)}.section-item[href="/logout"]:hover svg{color:var(--danger-color)}.logout-button{color:var(--danger-color);margin-top:8px;padding-top:12px;background:none;border-left:none;border-right:none;border-bottom:none;width:100%;text-align:left;cursor:pointer;background-color:none}.logout-button svg{color:var(--danger-color)}.sidebar-notifications{margin-top:auto;padding-top:20px}.notification-main{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:8px;color:var(--text-primary);font-weight:500;font-size:16px;position:relative;cursor:pointer;transition:all .2s ease}.notification-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:8px;color:var(--text-primary);font-weight:500;font-size:16px;position:relative;cursor:pointer;transition:all .2s ease;flex-direction:column}.notification-item:hover{background-color:#0000000d}.notification-badge{position:absolute;top:8px;right:16px;background-color:var(--danger-color);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.instagram-sidebar .notification-panel,.instagram-sidebar div.notification-panel{position:absolute!important;bottom:80px!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;transform:none!important;z-index:1001!important;background-color:var(--background-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;max-height:400px!important;overflow-y:auto!important}.instagram-sidebar{position:relative}@media (max-width: 767px){.instagram-sidebar{display:none}}@media (prefers-color-scheme: dark){.sidebar-nav-item:hover,.section-item:hover,.notification-item:hover{background-color:#ffffff1a}.sidebar-nav-item.active{background-color:var(--accent-color);color:#fff}.sidebar-nav-item.active svg{color:#fff}}.instagram-bottom-nav{display:flex;justify-content:space-around;align-items:center;height:100%;background-color:var(--background-secondary);border-top:1px solid var(--border-color)}.nav-item-container{flex:1;display:flex;justify-content:center;align-items:center}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;border:none;background:none;text-decoration:none;color:var(--text-secondary);font-size:12px;font-weight:500;transition:all .2s ease;cursor:pointer;min-height:44px;width:100%;border-radius:8px}.nav-item:hover,.nav-item.active{color:var(--text-primary)}.nav-item.active svg{color:var(--text-primary)}.nav-label{font-size:10px;font-weight:500;text-align:center;line-height:1.2}.nav-badge{position:absolute;top:4px;right:8px;background-color:var(--danger-color);color:#fff;font-size:8px;font-weight:600;padding:1px 4px;border-radius:8px;min-width:12px;text-align:center;line-height:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2000;display:flex;align-items:flex-end;justify-content:center}.modal-container{background-color:var(--background-primary);border-radius:16px 16px 0 0;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content{padding:10px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-header button{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-header button:hover{background-color:#0000001a}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.modal-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:12px;text-decoration:none;color:var(--text-primary);background-color:var(--background-secondary);border:1px solid var(--border-color);transition:all .2s ease}.modal-item:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.modal-icon{font-size:32px;margin-bottom:4px}.modal-item span{font-size:12px;font-weight:500;text-align:center}.modal-list{padding:20px;display:flex;flex-direction:column;gap:8px}.modal-list-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;text-decoration:none;color:var(--text-primary);background-color:var(--background-secondary);border:1px solid var(--border-color);transition:all .2s ease}.modal-list-item:hover{background-color:var(--accent-color);color:#fff;transform:translate(4px)}.modal-list-item svg{color:var(--text-secondary);flex-shrink:0}.modal-list-item:hover svg{color:#fff}.modal-list-item span{font-size:14px;font-weight:500}.modal-list-item[href="/logout"]{color:var(--danger-color);border-top:1px solid var(--border-color);margin-top:8px;padding-top:20px}.modal-list-item[href="/logout"] svg{color:var(--danger-color)}.modal-list-item[href="/logout"]:hover{background-color:#ed49561a;color:var(--danger-color)}.modal-list-item[href="/logout"]:hover svg{color:var(--danger-color)}.logout-button{color:var(--danger-color);margin-top:8px;background:none;background-color:none!important;border-left:none;border-right:none;border-bottom:none;width:100%;text-align:left;cursor:pointer;display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;transition:all .2s ease}.logout-button svg{color:var(--danger-color);flex-shrink:0}.logout-button:hover{background-color:#ed49561a;color:var(--danger-color)}.logout-button:hover svg{color:var(--danger-color)}.logout-button span{font-size:14px;font-weight:500}.instagram-bottom-nav .notification-panel,.instagram-bottom-nav div.notification-panel{position:fixed!important;top:auto!important;bottom:65px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;z-index:2001!important;transform:none!important;background-color:var(--background-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;max-height:400px!important;overflow-y:auto!important}@media (min-width: 768px){.instagram-bottom-nav{display:none}}@media (max-width: 767px){.nav-item{min-height:44px;min-width:44px}.nav-label{font-size:10px}}@media (prefers-color-scheme: dark){.modal-container{background-color:var(--background-primary)}.modal-item,.modal-list-item{background-color:var(--background-secondary)}.modal-header button:hover{background-color:#ffffff1a}.nav-item.active{color:var(--accent-color)}.nav-item.active svg{color:var(--accent-color)}}.instagram-layout{display:flex;min-height:100vh}.instagram-sidebar-desktop{display:none;width:244px;min-width:244px;height:100vh;position:fixed;left:0;top:0;background-color:var(--background-secondary);border-right:1px solid var(--border-color);z-index:1000}.instagram-bottom-nav-mobile{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background-color:var(--background-secondary);border-top:1px solid var(--border-color);z-index:1000}.instagram-main-content{flex:1;margin-left:0;padding:20px;min-height:100vh;background-color:var(--background-primary)}@media (min-width: 768px){.instagram-sidebar-desktop{display:block}.instagram-bottom-nav-mobile{display:none}.instagram-main-content{margin-left:244px;padding:30px}}@media (max-width: 767px){.instagram-sidebar-desktop{display:none}.instagram-bottom-nav-mobile{display:block}.instagram-main-content{margin-left:0;padding:20px 20px 80px}}:root{--background-primary: #ffffff;--background-secondary: #fafafa;--border-color: #dbdbdb;--text-primary: #262626;--text-secondary: #8e8e8e;--accent-color: #0095f6;--accent-hover: #0081d6;--danger-color: #ed4956;--success-color: #2ecc71;--warning-color: #f39c12}@media (prefers-color-scheme: dark){:root{--background-primary: #000000;--background-secondary: #121212;--border-color: #262626;--text-primary: #ffffff;--text-secondary: #8e8e8e}}.instagram-layout *{transition:all .2s ease-in-out}.doxa-daily-section{margin-top:40px;padding:20px;background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color)}.doxa-daily-section h2{font-size:clamp(1.5em,4vw,1.8em);color:var(--text-primary);margin:10px;text-align:center;padding-bottom:10px}.feed-loading{text-align:center;padding:20px;color:var(--text-secondary);font-style:italic}.news-feed-container{display:flex;flex-direction:column;gap:15px;max-width:800px;margin:0 auto;touch-action:pan-y;-webkit-user-select:none;user-select:none}.news-feed-carousel{position:relative;overflow:hidden;border-radius:8px;background-color:var(--background-primary);box-shadow:0 2px 8px var(--shadow-color)}.news-feed-indicators{display:flex;justify-content:center;gap:8px;margin-top:12px}.indicator{width:8px;height:8px;border-radius:50%;border:none;padding:2px;background-color:var(--background-tertiary);cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:rgba(var(--accent-color-rgb),.1)}.indicator.active{background-color:var(--accent-color);transform:scale(1.2)}.indicator:hover{background-color:var(--accent-color-secondary)}.indicator:active{transform:scale(.9)}.news-feed-full{display:flex;flex-direction:column;gap:16px;width:100%}.news-feed-full .news-feed-item{margin-bottom:0;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.news-feed-full .news-feed-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.news-feed-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background-color:var(--background-primary);border-radius:6px;border-left:4px solid var(--accent-color);transition:background-color .2s ease-in-out}.news-feed-item:hover{background-color:var(--background-tertiary)}.item-icon{font-size:1.8em;line-height:1.2;margin-top:2px;color:var(--text-primary)}.item-content{flex:1}.item-story{margin:0;line-height:1.6;font-size:1.05em;color:var(--text-primary)}.item-timestamp{font-size:.85em;color:var(--text-secondary);margin-top:5px}.feed-link{font-weight:600;color:var(--accent-color);text-decoration:none;transition:text-decoration .2s}.feed-link:hover{text-decoration:underline}.feed-link.winner{color:var(--success-color)}@media (max-width: 768px){.doxa-daily-section{margin-top:20px;padding:16px;border-radius:12px}.doxa-daily-section h2{font-size:1.4em;margin-bottom:16px}.news-feed-container{gap:12px;touch-action:pan-y}.news-feed-item{padding:16px;border-radius:8px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(var(--accent-color-rgb),.1)}.news-feed-item:active{transform:scale(.98);transition:transform .1s ease}.news-feed-full{gap:12px}.news-feed-full .news-feed-item:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000001f}.item-icon{font-size:1.6em}.item-story{font-size:1em;line-height:1.5}.news-feed-indicators{gap:10px;margin-top:16px}.indicator{width:10px;height:10px;min-height:10px;min-width:10px}}@media (max-width: 480px){.doxa-daily-section{padding:12px;margin-top:16px}.doxa-daily-section h2{font-size:1.3em}.news-feed-item{padding:14px;gap:12px}.item-icon{font-size:1.4em}.item-story{font-size:.95em}}.game-hub-card{background:var(--background-primary);border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:100%}.game-hub-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026;border-color:var(--accent-color)}.game-hub-card.in-pool{border-color:var(--accent-color);background:linear-gradient(135deg,var(--background-primary) 0%,rgba(var(--accent-color-rgb),.08) 100%);box-shadow:0 4px 16px rgba(var(--accent-color-rgb),.2)}.game-hub-card.available{border-color:var(--border-color)}.game-hub-card.loading{opacity:.7}.game-hub-card.error{border-color:var(--error-color);background:rgba(var(--error-color-rgb),.05)}.game-hub-card.special-game{border:3px solid var(--accent-color);background:linear-gradient(135deg,var(--background-primary) 0%,rgba(var(--accent-color-rgb),.1) 100%);box-shadow:0 8px 25px rgba(var(--accent-color-rgb),.3),0 0 0 1px rgba(var(--accent-color-rgb),.2);animation:specialGameGlow 3s ease-in-out infinite}.game-hub-card.special-game:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px rgba(var(--accent-color-rgb),.4),0 0 0 2px rgba(var(--accent-color-rgb),.3)}.special-game-badge{background:linear-gradient(135deg,var(--accent-color),#ff6b35);color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:12px;box-shadow:0 2px 8px rgba(var(--accent-color-rgb),.4);animation:badgePulse 2s ease-in-out infinite}@keyframes specialGameGlow{0%,to{box-shadow:0 8px 25px rgba(var(--accent-color-rgb),.3),0 0 0 1px rgba(var(--accent-color-rgb),.2)}50%{box-shadow:0 12px 35px rgba(var(--accent-color-rgb),.5),0 0 0 2px rgba(var(--accent-color-rgb),.4)}}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px rgba(var(--accent-color-rgb),.4)}50%{transform:scale(1.05);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.6)}}.card-content{text-align:center;display:flex;flex-direction:column;height:100%}.game-icon{font-size:3rem;margin-bottom:16px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.game-hub-card h3{margin:0 0 12px;font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.game-description{margin:0 0 16px;color:var(--text-secondary);font-size:.95rem;line-height:1.4;font-weight:400}.rank-teaser{margin-bottom:20px;font-size:.85rem;color:var(--text-secondary);text-align:center}.rank-teaser a{color:var(--accent-color);text-decoration:none;font-weight:600}.rank-teaser a:hover{text-decoration:underline}.play-game-button.primary-action{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 28px;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;box-shadow:0 8px 25px #667eea66,0 4px 10px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden;width:100%;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-game-button.primary-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.play-game-button.primary-action:after{content:"🎮";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.8;transition:all .3s ease;animation:gameIconPulse 2s ease-in-out infinite}@keyframes gameIconPulse{0%,to{transform:translateY(-50%) scale(1);opacity:.8}50%{transform:translateY(-50%) scale(1.05);opacity:1}}.play-game-button.primary-action:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #667eea80,0 8px 15px #00000026,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#764ba2,#667eea)}.play-game-button.primary-action:hover:before{left:100%}.play-game-button.primary-action:hover:after{transform:translateY(-50%) rotate(10deg) scale(1.1);opacity:1}.play-game-button.primary-action:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 15px #667eea66,0 2px 5px #0000001a}.play-game-button.primary-action:focus{outline:none;box-shadow:0 8px 25px #667eea66,0 4px 10px #0000001a,0 0 0 3px #667eea4d}.challenge-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.challenge-divider{position:relative;text-align:center;margin:16px 0 20px}.challenge-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.challenge-divider span{background:var(--background-primary);padding:0 16px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.challenge-status{margin:0 0 12px;font-weight:600;color:var(--text-primary);font-size:.9rem}.progress-bar-container{width:100%;height:8px;background:var(--background-secondary);border-radius:6px;overflow:hidden;margin:12px 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-color-secondary) 100%);border-radius:6px;transition:width .3s ease}.progress-text{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin:8px 0 16px}.join-challenge-button,.check-matchup-button,.challenge-play-button{background:var(--background-secondary);color:var(--text-primary);border:2px solid var(--border-color);padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-decoration:none;display:inline-block;text-align:center}.join-challenge-button:hover,.check-matchup-button:hover,.challenge-play-button:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-1px)}.check-matchup-button{background:var(--success-color);color:#fff;border-color:var(--success-color)}.check-matchup-button:hover:not(:disabled){background:var(--success-color-secondary);border-color:var(--success-color-secondary)}.check-matchup-button:disabled{background:var(--text-secondary);border-color:var(--text-secondary);cursor:not-allowed;opacity:.7}.challenge-play-button{background:var(--success-color);color:#fff;border-color:var(--success-color);font-weight:600}.challenge-play-button:hover{background:var(--success-color-secondary);border-color:var(--success-color-secondary)}.error-message{color:var(--error-color);font-size:.85rem;margin-top:8px}.games-hub-section{margin-bottom:40px;padding:20px;background-color:var(--background-secondary);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color)}.games-hub-section h2{font-size:clamp(1.5em,4vw,1.8em);color:var(--text-primary);margin-bottom:8px;text-align:center}.games-hub-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:1rem}.games-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;max-width:1200px;margin-left:auto;margin-right:auto}@media (min-width: 1200px){.games-hub-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.games-hub-grid{grid-template-columns:1fr;gap:16px}.game-hub-card{padding:10px}.game-icon{font-size:2.5rem}.game-hub-card h3{font-size:1.3rem}.play-game-button.primary-action{padding:14px 24px;font-size:1rem;border-radius:14px}.play-game-button.primary-action:after{right:12px;font-size:1.1rem}}@media (max-width: 480px){.game-hub-card{padding:10px}.game-icon{font-size:2rem}.game-hub-card h3{font-size:1.2rem}.games-hub-section{padding:8px}.play-game-button.primary-action{padding:12px 20px;font-size:.95rem;border-radius:12px;letter-spacing:.3px}.play-game-button.primary-action:after{right:10px;font-size:1rem}}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboarding-slideshow{background:#fff;border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;position:relative;animation:slideIn .5s ease-out;--nav-button-bg: #f8f9fa;--nav-button-border: #e9ecef;--nav-button-text: #495057;--nav-button-hover-bg: #e9ecef;--nav-button-hover-border: #dee2e6;--nav-button-hover-text: #212529;--next-button-bg: #4CAF50;--next-button-border: #4CAF50;--next-button-text: white;--next-button-hover-bg: #45a049;--next-button-hover-border: #45a049;--next-button-hover-text: white;--dot-bg: #404040;--dot-hover-bg: #505050;--skip-button-hover-bg: #333;--skip-button-hover-text: #ccc;--skip-button-hover-border: #404040;--dot-bg: #e0e0e0;--dot-hover-bg: #ccc;--dot-active-bg: #4CAF50;--dot-active-border: #4CAF50;--skip-button-bg: transparent;--skip-button-border: transparent;--skip-button-text: #999;--skip-button-hover-bg: #f5f5f5;--skip-button-hover-text: #666;--skip-button-hover-border: #e9ecef}.onboarding-slideshow:not(.onboarding-overlay .onboarding-slideshow){box-shadow:0 10px 30px #0003;margin:0 auto}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-progress{display:flex;align-items:center;gap:15px;margin-bottom:10px;margin-top:10px}.progress-bar{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#2196f3);border-radius:3px;transition:width .3s ease}.progress-text{font-size:14px;color:#666;font-weight:500;min-width:60px}.onboarding-skip{position:absolute;top:0;right:5px;background:var(--skip-button-bg, transparent);border:1px solid var(--skip-button-border, transparent);color:var(--skip-button-text, #999);font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.onboarding-skip:hover{background:var(--skip-button-hover-bg, #f5f5f5);color:var(--skip-button-hover-text, #666);border-color:var(--skip-button-hover-border, #e9ecef);transform:translateY(-1px)}.slide-content{text-align:center;margin-bottom:30px}.slide-illustration{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;box-shadow:0 8px 20px #00000026;transition:transform .3s ease}.slide-illustration:hover{transform:scale(1.05)}.illustration-emoji{font-size:60px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.slide-text{margin-bottom:25px}.slide-title{font-size:24px;font-weight:700;color:#333;margin-bottom:15px;line-height:1.3}.slide-description{font-size:16px;line-height:1.6;color:#666;margin:0;padding:0 10px}.slide-action-button{display:inline-block;padding:12px 30px;background:#4caf50;color:#fff;text-decoration:none;border-radius:25px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 15px #0003;border:none;cursor:pointer}.slide-action-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;color:#fff;text-decoration:none}.slide-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-button{background:var(--nav-button-bg, #f8f9fa);border:2px solid var(--nav-button-border, #e9ecef);padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--nav-button-text, #495057);min-width:110px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.nav-button:hover:before{left:100%}.nav-button:hover:not(:disabled){background:var(--nav-button-hover-bg, #e9ecef);border-color:var(--nav-button-hover-border, #dee2e6);transform:translateY(-2px);box-shadow:0 4px 16px #00000026;color:var(--nav-button-hover-text, #212529)}.nav-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000001f}.nav-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.nav-button:disabled:hover{background:var(--nav-button-bg, #f8f9fa);border-color:var(--nav-button-border, #e9ecef);transform:none;box-shadow:0 2px 8px #00000014}.next-button{background:var(--next-button-bg, #4CAF50);border-color:var(--next-button-border, #4CAF50);color:var(--next-button-text, white);box-shadow:0 2px 8px #4caf504d}.next-button:hover:not(:disabled){background:var(--next-button-hover-bg, #45a049);border-color:var(--next-button-hover-border, #45a049);box-shadow:0 4px 16px #4caf5066;color:var(--next-button-hover-text, white)}.slide-dots{display:flex;gap:8px;align-items:center}.dot{width:10px;height:10px;border-radius:50%;border:2px solid transparent;background:var(--dot-bg, #e0e0e0);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:0}.dot:hover{background:var(--dot-hover-bg, #ccc);transform:scale(1.1)}.dot.active{background:var(--dot-active-bg, #4CAF50);border-color:var(--dot-active-border, #4CAF50);transform:scale(1.3);box-shadow:0 0 0 2px #4caf5033}@media (max-width: 600px){.onboarding-slideshow{padding:5px;margin:0;width:calc(100% - 10px);top:20px;position:absolute}button.dot{min-width:20px;min-height:20px}.onboarding-progress{margin-right:50px;margin-top:-3px}.slide-title{font-size:20px}.slide-description{font-size:14px}.slide-illustration{width:100px;height:100px}.illustration-emoji{font-size:50px}.slide-navigation{flex-direction:column;gap:15px}.nav-button{width:100%;min-width:auto;padding:14px 20px}.slide-dots{order:-1;margin-bottom:10px}}@media (prefers-color-scheme: dark){.onboarding-slideshow{background:#1a1a1a;color:#fff;--nav-button-bg: #2d2d2d;--nav-button-border: #404040;--nav-button-text: #e0e0e0;--nav-button-hover-bg: #404040;--nav-button-hover-border: #505050;--nav-button-hover-text: #ffffff;--next-button-bg: #4CAF50;--next-button-border: #4CAF50;--next-button-text: white;--next-button-hover-bg: #45a049;--next-button-hover-border: #45a049;--next-button-hover-text: white}.slide-title{color:#fff}.slide-description{color:#ccc}.progress-bar{background:#404040}.progress-text{color:#ccc}}.onboarding-banner{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin:20px 0;border-radius:15px;box-shadow:0 8px 32px #2c3e504d;overflow:hidden;position:relative}.onboarding-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}.onboarding-content{display:flex;align-items:center;padding:25px;gap:20px;position:relative;z-index:1}.onboarding-icon{font-size:3rem;animation:pulse 2s ease-in-out infinite}.onboarding-info{flex:1}.onboarding-title{margin:0 0 8px;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#3498db}.onboarding-description{margin:0 0 15px;font-size:1.1rem;opacity:.95;line-height:1.4}.onboarding-pitch{margin-bottom:15px}.onboarding-pitch p{margin:0;font-size:1rem;line-height:1.5;color:#ecf0f1;font-style:italic;background:#3498db1a;padding:12px 16px;border-radius:8px;border-left:4px solid #3498db}.onboarding-actions{min-width:180px}.onboarding-action-btn{display:block;padding:14px 28px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;text-align:center;transition:all .3s ease;box-shadow:0 4px 15px #3498db66}.onboarding-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db99;background:linear-gradient(135deg,#2980b9,#1f5f8b)}@media (max-width: 768px){.onboarding-content{flex-direction:column;text-align:center;padding:20px}.onboarding-icon{font-size:2.5rem}.onboarding-title{font-size:1.3rem}.onboarding-description{font-size:1rem}.onboarding-actions{min-width:auto;width:100%}.onboarding-action-btn{width:100%;max-width:250px;margin:0 auto}}@media (max-width: 480px){.onboarding-banner{margin:15px 0;border-radius:12px}.onboarding-content{padding:15px}.onboarding-icon{font-size:2rem}.onboarding-title{font-size:1.2rem}.onboarding-description{font-size:.9rem}.onboarding-pitch p{font-size:.9rem;padding:10px 14px}}.promotion-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:20px 0;border-radius:15px;box-shadow:0 8px 32px #667eea4d;overflow:hidden;position:relative}.promotion-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.promotion-content{display:flex;align-items:center;padding:25px;gap:20px;position:relative;z-index:1}.promotion-icon{font-size:3rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.promotion-info{flex:1}.promotion-title{margin:0 0 8px;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.promotion-description{margin:0 0 15px;font-size:1.1rem;opacity:.95;line-height:1.4}.promotion-details{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.promotion-bonus{font-size:1.2rem;font-weight:600;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.3)}.promotion-timer{font-size:1rem;font-weight:500;color:#ff6b6b;background:#fff;padding:4px 12px;border-radius:20px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.promotion-dates{font-size:.9rem;opacity:.8;font-style:italic}.promotion-actions{display:flex;flex-direction:column;gap:10px;min-width:140px}.promotion-register-btn,.promotion-login-btn{padding:12px 24px;border:none;border-radius:8px;text-decoration:none;font-weight:600;text-align:center;transition:all .3s ease;display:block}.promotion-register-btn{background:linear-gradient(135deg,gold,orange);color:#333;box-shadow:0 4px 15px #ffd70066}.promotion-register-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099}.promotion-login-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.promotion-login-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}@media (max-width: 768px){.promotion-content{flex-direction:column;text-align:center;padding:20px}.promotion-icon{font-size:2.5rem}.promotion-title{font-size:1.3rem}.promotion-description{font-size:1rem}.promotion-actions{flex-direction:row;justify-content:center;min-width:auto;width:100%}.promotion-register-btn,.promotion-login-btn{flex:1;max-width:150px}}@media (max-width: 480px){.promotion-banner{margin:15px 0;border-radius:12px}.promotion-content{padding:15px}.promotion-icon{font-size:2rem}.promotion-title{font-size:1.2rem}.promotion-description{font-size:.9rem}.promotion-actions{flex-direction:column;width:100%}.promotion-register-btn,.promotion-login-btn{max-width:none}}.home-page{padding:2px;text-align:center;font-family:sans-serif;position:relative;background-color:var(--background-primary);color:var(--text-primary);width:75vw}.daily-visit-toast{position:fixed;top:75px;left:50%;transform:translate(-50%);background-color:var(--success-color);color:#fff;padding:12px 20px;border-radius:6px;box-shadow:0 4px 12px var(--shadow-color);z-index:1001;display:flex;align-items:center;justify-content:space-between;min-width:280px;max-width:500px;opacity:0;animation:fadeInToast .5s ease-out forwards,fadeOutToast .5s ease-in 7s forwards}.daily-visit-toast.error{background-color:var(--danger-color)}.daily-visit-toast p{margin:0 15px 0 0;font-size:.95em}.toast-close-btn{background:none;border:none;color:#fff;font-size:1.4em;line-height:1;cursor:pointer;padding:0 5px}@keyframes fadeInToast{0%{opacity:0;top:50px}to{opacity:1;top:75px}}@keyframes fadeOutToast{0%{opacity:1;top:75px}to{opacity:0;top:50px}}.home-header{margin-bottom:40px;padding:20px;border-radius:8px;position:relative;animation:slideInWelcome .5s ease-out}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.header-text{flex:1}.home-header h1{font-size:clamp(2em,5vw,2.8em);color:var(--text-primary);margin-bottom:10px}.home-header p{font-size:clamp(1em,3vw,1.2em);color:var(--text-secondary);margin-bottom:15px}.welcome-subtext{font-size:1em;line-height:1.5;color:var(--text-secondary);margin-top:15px}.how-to-play-link{color:var(--accent-color);text-decoration:underline;font-weight:600;transition:color .2s ease}.how-to-play-link:hover{color:var(--accent-color-hover)}.header-dismiss-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5em;line-height:1;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.header-dismiss-btn:hover{color:var(--text-primary);background-color:var(--background-secondary)}@keyframes slideInWelcome{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.header-content{flex-direction:column;align-items:flex-start;gap:15px}.header-dismiss-btn{align-self:flex-end;margin-top:-70px}}.user-stats-section,.owned-assets-preview-section,.daily-visit-details-section,.no-assets-message-home,.auth-prompt-section{margin-bottom:40px}.user-stats-section h2,.owned-assets-preview-section h2,.daily-visit-details-section h2{font-size:clamp(1.5em,4vw,1.8em);color:var(--text-primary);margin-bottom:20px}.stats-container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.stat-card{background-color:var(--background-primary);padding:20px;min-width:180px;flex:1;box-shadow:0 1px 3px var(--shadow-color);text-align:center}.villa-card{flex-direction:column;align-items:center;justify-content:center;min-height:140px;padding:15px 10px}.villa-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:15px}.villa-header h3{font-size:1.1em;color:var(--text-primary);margin:0}.villa-header .villa-value{font-size:1.3em;font-weight:700;color:var(--accent-color);margin:0}.stats-card{flex-direction:column;align-items:center;justify-content:center}.stats-list{list-style:none;padding:0;margin:10px 0 0;width:100%}.home-stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:1.25em;color:var(--text-secondary);border-bottom:1px dashed var(--background-secondary)}.sparks-value{font-weight:700;color:var(--text-primary)}.villa-preview-link,.villa-placeholder-link{display:block;text-decoration:none;color:inherit;transition:transform .2s ease}.villa-preview-link:hover,.villa-placeholder-link:hover{transform:scale(1.02)}.villa-preview{width:100%;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color);transition:box-shadow .2s ease}.villa-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.villa-preview-link:hover .villa-image{transform:scale(1.05)}.villa-value{font-weight:700;color:var(--accent-color);font-size:1.1em}.villa-placeholder{width:100%;height:150px;border-radius:8px;background-color:var(--background-tertiary);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow-color);transition:all .2s ease;padding:10px}.villa-placeholder-icon{font-size:3em;margin-bottom:8px;transition:transform .2s ease}.villa-placeholder-link:hover .villa-placeholder-icon{transform:scale(1.1)}.villa-hint{font-size:1.1em;color:var(--text-primary);margin:0;text-align:center;padding-bottom:20px}.villa-placeholder-link:hover .villa-hint{color:var(--accent-color)}.points-display{font-size:1.2em;font-weight:700;color:var(--accent-color);margin-bottom:15px}.ranking-list{list-style:none;padding:0;margin:10px 0 0}.ranking-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--background-secondary);font-size:1.35em}.ranking-label{color:var(--text-secondary)}.ranking-value{font-weight:700;color:var(--text-primary)}.ranking-link{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .2s ease}.ranking-link:hover{color:var(--accent-color-hover);text-decoration:underline}.currency-symbol{color:var(--accent-color);font-weight:700}.stat-card h3{font-size:1.1em;color:var(--text-secondary);margin:0;text-align:left}.assets-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.asset-preview-card-link{text-decoration:none;color:inherit}.asset-preview-card{background-color:var(--background-primary);border-radius:8px;padding:0 0 10px;box-shadow:0 2px 4px var(--shadow-color);transition:transform .2s ease,box-shadow .2s ease}.asset-preview-card h4{padding:0 8px}.asset-preview-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.asset-preview-image{width:100%;height:120px;object-fit:cover;margin-bottom:10px;border-radius:4px 4px 0 0}.asset-preview-name{font-weight:600;margin-top:5px;color:var(--text-primary);margin-bottom:5px;font-size:.95em}.asset-preview-shares,.visited-asset-card .asset-preview-tribute{font-size:.85em;color:var(--text-secondary)}.view-all-assets-link,.see-more-button{display:inline-block;margin-top:15px;padding:10px 20px;background-color:var(--accent-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:background-color .2s ease}.view-all-assets-link:hover,.see-more-button:hover{background-color:var(--accent-color-hover)}.no-assets-message-home p,.auth-prompt-section p{color:var(--text-secondary);margin-bottom:15px}.auth-link-button{background-color:var(--accent-color);color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;transition:background-color .2s ease}.auth-link-button:hover{background-color:var(--accent-color-hover)}.home-page-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.2em;color:var(--text-secondary)}.daily-visit-details-section .asset-preview-card{background-color:var(--background-secondary);border:2px solid var(--shadow-color);box-shadow:0 4px 8px var(--shadow-color);padding:20px}.daily-visit-details-section .asset-preview-card-link{display:flex;flex-direction:row;align-items:flex-start;gap:20px;text-decoration:none;color:inherit;width:100%}.daily-visit-details-section .asset-preview-image{width:auto;height:220px;object-fit:cover;border-radius:6px;margin-bottom:0;flex-shrink:0}.daily-visit-details-section .asset-info{flex:1;display:flex;flex-direction:column;gap:8px}.visited-asset-link{color:var(--success-color);text-decoration:none;font-weight:600}.learn-more-link-inline{color:var(--accent-color);text-decoration:underline;cursor:pointer}.daily-visit-toast p.toast-event-message{font-weight:600;color:#fff}.daily-visit-details-section .arbitrary-event-result{background-color:var(--background-tertiary);border-radius:6px;padding:10px;margin:10px 0;border-left:4px solid var(--success-color)}.arbitrary-event-result p{margin:0;color:var(--text-primary);font-weight:500}.leaderboard-teaser-info{font-size:.9em;color:var(--text-secondary);margin-top:5px}.leaderboard-teaser-info.rank{color:var(--accent-color);font-weight:600;cursor:pointer}.leaderboard-teaser-info.rank:hover{text-decoration:underline}.leaderboard-teaser-info strong{color:var(--text-primary)}.special-game-banner{display:none;background:linear-gradient(135deg,var(--accent-color),#ff6b35);border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 4px 15px #ff6b354d;animation:specialGamePulse 2s ease-in-out infinite}.special-game-content{display:flex;align-items:center;gap:15px;color:#fff}.special-game-icon{font-size:2.5em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.special-game-info{flex:1;text-align:left}.special-game-title{font-size:1.2em;margin:0 0 5px;font-weight:700}.special-game-name{font-size:1.1em;margin:0 0 8px;opacity:.95}.special-game-multiplier{font-size:.95em;margin:0;opacity:.9}@keyframes specialGamePulse{0%,to{box-shadow:0 4px 15px #ff6b354d}50%{box-shadow:0 6px 20px #ff6b3580}}.daily-challenge-section{background:linear-gradient(135deg,#435a64,#2c3e50);color:#fff;text-align:center;border-radius:12px;padding:25px 30px;box-shadow:0 4px 15px #0003}.daily-challenge-section h2{font-size:1.8em;margin-top:0;margin-bottom:15px;border:none;padding:0;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.daily-challenge-section p{font-size:1.05em;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6;opacity:.9}.challenge-progress,.challenge-join{margin-top:20px}.progress-bar-container{width:100%;max-width:400px;margin:10px auto;background-color:#00000040;border-radius:15px;height:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#17a2b8,#20c997);border-radius:15px;transition:width .5s ease-in-out;box-shadow:inset 0 -2px 5px #0003}.progress-text{font-weight:700;font-size:.9em;opacity:1}.join-challenge-button{margin-top:15px;padding:12px 30px;font-size:1.2em;font-weight:700;color:#2c3e50;background-color:#ffc107;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0000001a}.join-challenge-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.see-more-container{text-align:center;margin-top:25px}.see-more-button{font-weight:600;color:var(--text-primary);text-decoration:none;font-size:1.1em;padding:8px 16px;border-radius:6px;transition:background-color .2s,color .2s}.see-more-button:hover{background-color:var(--background-tertiary);color:var(--accent-hover)}.daily-challenges-section{background:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;padding:25px;margin:20px 0}.daily-challenges-section h2{margin-bottom:10px;color:var(--text-primary);font-size:1.5rem;text-align:center}.daily-challenges-section>p{text-align:center;color:var(--text-secondary);margin-bottom:20px}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.visited-asset-referral-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.visited-asset-column,.referral-program-column{display:flex;flex-direction:column}.referral-program-card{background:linear-gradient(135deg,#f3922a,#0c0216);border-radius:12px;padding:24px;color:#fff;box-shadow:0 8px 32px #667eea4d;position:relative;overflow:hidden;transition:all .3s ease}.referral-program-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.referral-program-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea66}.referral-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.referral-icon{font-size:24px;animation:bounce 2s infinite}.visited-asset-icon{font-size:28px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.referral-header h3{margin:0;font-size:1.3em;font-weight:600;color:#fff}.referral-content{position:relative;z-index:1}.referral-description{margin-bottom:20px;font-size:1em;line-height:1.5;color:#ffffffe6}.referral-benefits{margin-bottom:24px}.benefit-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9em;color:#fffc}.benefit-icon{font-size:1.1em;width:20px;text-align:center}.referral-link-section{margin-top:20px}.referral-link-display{background:#ffffff1a;border-radius:8px;padding:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.2)}.referral-link-text{font-size:.85em;color:#ffffffe6;word-break:break-all;font-family:monospace}.copy-referral-btn{background-color:var(--success-color);border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease;width:100%}.copy-referral-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.referral-guest-message{text-align:center;margin-top:20px}.referral-guest-message p{margin-bottom:16px;color:#fffc}.referral-login-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease;display:inline-block}.referral-login-btn:hover{background:#ffffff4d;transform:translateY(-1px);color:#fff}@media (max-width: 768px){.home-page{padding:var(--mobile-spacing);width:100%}.ranking-item,.home-stat-item{font-size:1em}.ranking-card{margin-top:10px}.home-header{margin-bottom:20px;padding:var(--mobile-padding)}.header-content{gap:var(--mobile-spacing)}.home-header h1{font-size:clamp(1.8em,6vw,2.2em)}.home-header p{font-size:clamp(.9em,4vw,1.1em)}.user-stats-section,.owned-assets-preview-section,.daily-visit-details-section,.no-assets-message-home,.auth-prompt-section{margin-bottom:20px;padding:0}.stats-container{flex-direction:column;gap:var(--mobile-spacing)}.stat-card{min-width:auto;padding:var(--mobile-padding)}.assets-preview-grid{grid-template-columns:1fr;gap:var(--mobile-spacing)}.asset-preview-card{padding:var(--mobile-padding)}.daily-visit-details-section .asset-preview-card-link{flex-direction:column;gap:15px}.daily-visit-details-section .asset-preview-image{width:100%;height:150px}.daily-visit-toast{min-width:90vw;max-width:90vw;left:5vw;transform:none;top:70px}.daily-challenge-section{padding:var(--mobile-padding);margin:15px 0}.daily-challenge-section h2{font-size:1.5em}.daily-challenge-section p{font-size:1em}.join-challenge-button{padding:var(--mobile-padding) 20px;font-size:1.1em;min-height:var(--touch-target-min)}.challenges-grid{grid-template-columns:1fr;gap:var(--mobile-spacing)}.special-game-banner{padding:15px;margin-bottom:20px}.special-game-content{gap:12px}.special-game-icon{font-size:2em}.special-game-title{font-size:1.1em}.special-game-name{font-size:1em}.special-game-multiplier{font-size:.9em}.visited-asset-referral-container{grid-template-columns:1fr;gap:16px}.referral-program-card{padding:20px}.referral-header h3{font-size:1.2em}.referral-description{font-size:.95em}.benefit-item{font-size:.85em}}@media (max-width: 480px){.home-page,.home-header{padding:var(--mobile-spacing)}.home-header h1{font-size:1.6em}.home-header p{font-size:.9em}.user-stats-section,.owned-assets-preview-section,.daily-visit-details-section,.no-assets-message-home,.auth-prompt-section{padding:0}.stat-card,.asset-preview-card,.daily-challenge-section{padding:var(--mobile-spacing)}.daily-challenge-section h2{font-size:1.3em}.join-challenge-button{padding:var(--mobile-spacing) 16px;font-size:1em}.special-game-banner{padding:12px}.special-game-content{gap:10px}.special-game-icon{font-size:1.8em}.special-game-title{font-size:1em}.special-game-name{font-size:.95em}.special-game-multiplier{font-size:.85em}}.social-login-buttons{width:100%;margin:20px 0}.social-buttons-container{display:flex;flex-direction:column;gap:12px;width:100%}.apple-login-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;background-color:#000;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.apple-login-button:hover{background-color:#333}.apple-login-button:active{background-color:#555}.apple-icon{width:20px;height:20px;fill:currentColor}.social-login-divider{position:relative;text-align:center;margin:20px 0;color:var(--text-secondary);font-size:14px}.social-login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-color)}.social-login-divider span{background-color:var(--background-primary);padding:0 16px;position:relative;z-index:1}.social-login-buttons .google-login-button{width:100%!important;height:44px!important;border-radius:8px!important;font-family:inherit!important}.social-login-setup-message{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:12px;text-align:center;color:var(--text-secondary)}.social-login-setup-message p{margin:8px 0;font-size:14px}.social-login-setup-message ol{text-align:left;margin:12px 0;padding-left:20px}.social-login-setup-message li{margin:4px 0;font-size:13px}@media (max-width: 480px){.social-buttons-container{gap:10px}.apple-login-button{height:40px;font-size:15px}.apple-icon{width:18px;height:18px}.social-login-setup-message{padding:12px}.social-login-setup-message p{font-size:13px}.social-login-setup-message li{font-size:12px}}@media (prefers-color-scheme: dark){.apple-login-button{background-color:#fff;color:#000}.apple-login-button:hover{background-color:#f0f0f0}.apple-login-button:active{background-color:#e0e0e0}}.captcha-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin:15px 0}.captcha-widget{display:flex;justify-content:center;align-items:center;min-height:78px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9;padding:10px}.captcha-reset-btn{background:none;border:1px solid #ccc;border-radius:4px;padding:5px 10px;font-size:12px;color:#666;cursor:pointer;transition:all .2s ease}.captcha-reset-btn:hover{background-color:#f0f0f0;border-color:#999;color:#333}[data-theme=dark] .captcha-widget{background-color:#2a2a2a;border-color:#444}[data-theme=dark] .captcha-reset-btn{background-color:#333;border-color:#555;color:#ccc}[data-theme=dark] .captcha-reset-btn:hover{background-color:#444;border-color:#666;color:#fff}@media (max-width: 480px){.captcha-widget{min-height:60px;padding:8px}.captcha-reset-btn{font-size:11px;padding:4px 8px}}.auth-page-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:20px;background-color:var(--background-primary)}.auth-form-card{background-color:var(--background-secondary);padding:30px 40px;border-radius:12px;box-shadow:0 8px 25px var(--shadow-color);width:100%;max-width:450px;text-align:center;border:1px solid var(--border-color)}.auth-form-card h2{color:var(--text-primary);margin-top:0;margin-bottom:15px;font-size:1.8em;font-weight:700}.registration-bonus-message{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-color-secondary) 100%);color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:25px;box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3);border:1px solid var(--success-color)}.registration-bonus-message p{margin:0;font-size:1.1em;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.registration-bonus-message strong{color:gold;text-shadow:0 1px 2px rgba(0,0,0,.3)}.auth-form-card p{color:var(--text-secondary);margin-bottom:25px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:.95em}.form-group input{width:100%;padding:16px 18px;font-size:1em;border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;background-color:var(--background-primary);color:var(--text-primary);transition:all .2s ease;min-height:var(--touch-target-min)}.form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);background-color:var(--background-primary)}.form-group input::placeholder{color:var(--text-secondary);opacity:.7}.auth-button{width:100%;padding:16px 24px;font-size:1.1em;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-color-secondary) 100%);border:1px solid var(--success-color);border-radius:10px;cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-min);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3);position:relative;overflow:hidden}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--accent-color-rgb),.4);background:linear-gradient(135deg,var(--accent-color-secondary) 0%,var(--accent-color) 100%)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.auth-links{margin-top:20px;display:flex;justify-content:space-between}.auth-links-vertical{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.auth-link{color:var(--accent-color);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .2s ease;min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.auth-link:hover{background-color:var(--background-tertiary);color:var(--accent-color-secondary);text-decoration:none}.error-message{color:var(--error-color);background-color:rgba(var(--error-color-rgb),.1);border:1px solid rgba(var(--error-color-rgb),.3);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.error-help{margin-top:8px;margin-bottom:0;font-size:.9em;color:var(--text-secondary)}.error-link{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .2s ease}.error-link:hover{color:var(--accent-color-secondary);text-decoration:underline}.success-message{color:var(--success-color);background-color:rgba(var(--success-color-rgb),.1);border:1px solid rgba(var(--success-color-rgb),.3);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}@media (max-width: 768px){.auth-page-container{padding:var(--mobile-padding);min-height:calc(100vh - 120px)}.auth-form-card{padding:24px 20px;border-radius:12px;margin:0 var(--mobile-spacing)}.auth-form-card h2{font-size:1.6em;margin-bottom:20px}.form-group input{padding:18px 20px;font-size:16px}.auth-button{padding:18px 24px;font-size:1.1em}.auth-links-vertical{gap:20px}.auth-link{padding:12px 20px;font-size:1em}}@media (max-width: 480px){.auth-form-card{padding:20px 16px;margin:0}.auth-form-card h2{font-size:1.5em}.form-group{margin-bottom:24px}.form-group input{padding:20px 22px}.auth-button{padding:20px 24px}}.asset-marketplace-page{margin:20px auto;padding:20px;font-family:sans-serif;background-color:var(--background-primary);color:var(--text-primary);width:75vw;box-sizing:border-box}.marketplace-header{text-align:center;margin-bottom:30px}.marketplace-header h1{font-size:2.5em;color:var(--text-primary);margin-bottom:10px}.marketplace-header p{font-size:1.1em;color:var(--text-secondary);max-width:600px;margin:0 auto}.dividend-hint-box{display:flex;align-items:center;gap:15px;margin:20px auto 30px;padding:16px 20px;background:linear-gradient(135deg,#3498db1a,#2ecc711a);border:1px solid rgba(52,152,219,.2);border-radius:12px;max-width:800px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #3498db1a}.hint-icon{font-size:1.5em;flex-shrink:0;animation:pulse 2s infinite}.hint-content{flex:1;font-size:.95em;line-height:1.5;color:var(--text-primary)}.hint-content strong{color:var(--accent-color);font-weight:600}.hint-content .highlight{background:linear-gradient(135deg,#3498db,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;padding:2px 4px;border-radius:4px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.controls-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:15px;background-color:var(--background-tertiary);border-radius:8px;width:100%;box-sizing:border-box}.search-input{flex:2 1 250px}.sort-select{flex:1 1 200px}.search-input,.sort-select{padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:1em;background-color:var(--background-primary);color:var(--text-primary)}.search-input:focus,.sort-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3498db33}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;box-sizing:border-box}.asset-card-link{text-decoration:none;color:inherit}.asset-card{background-color:var(--background-secondary);border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.asset-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px var(--shadow-color)}.asset-image-container{position:relative;height:200px}.asset-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.asset-card:hover .asset-image{transform:scale(1.05)}.asset-category-badge{position:absolute;top:15px;left:15px;background-color:#0009;color:#fff;padding:5px 12px;border-radius:15px;font-size:.85em;font-weight:700;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.asset-info{padding:20px;flex-grow:1;display:flex;flex-direction:column}.asset-name{font-size:1.2em;font-weight:600;color:var(--text-primary);margin:0 0 15px}.asset-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px;border-top:1px solid var(--border-color);padding-top:15px}.stat-item{display:flex;flex-direction:column;text-align:center}.stat-item span{font-size:.85em;color:var(--text-secondary)}.stat-item strong{font-size:1.1em;color:var(--text-primary);font-weight:600}.user-owned-badge{margin-top:auto;padding:6px 10px;background-color:var(--background-primary);color:var(--success-color);font-weight:700;font-size:.9em;border-radius:5px;text-align:center;border:1px solid var(--success-color)}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:40px;margin-bottom:40px;gap:8px;-webkit-user-select:none;user-select:none;padding:20px;background-color:var(--background-tertiary);border-radius:8px;border:1px solid var(--border-color);flex-wrap:wrap;width:100%;box-sizing:border-box}.pagination-controls button{height:40px;min-width:40px;padding:0 10px;background-color:var(--background-secondary);color:var(--accent-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s;font-weight:700;font-size:1em}.pagination-controls button:hover:not(:disabled){background-color:var(--accent-color);color:#fff}.pagination-controls button:disabled{background-color:var(--background-primary);color:var(--text-secondary);cursor:not-allowed}.pagination-controls button.page-number.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pagination-controls .dots{display:flex;align-items:center;justify-content:center;height:40px;padding:0 5px;color:var(--text-secondary);font-weight:700}.loading-indicator,.no-assets-message,.error-message{padding:40px;font-size:1.2em;text-align:center;color:var(--text-secondary)}.error-message{color:var(--danger-color);background-color:var(--background-primary);border:1px solid var(--danger-color);border-radius:8px;margin:20px 0}@media (max-width: 768px){.asset-marketplace-page{padding:var(--mobile-spacing);margin:var(--mobile-spacing) auto;width:100%}.marketplace-header h1{font-size:2em}.marketplace-header p{font-size:1em}.dividend-hint-box{flex-direction:column;text-align:center;gap:10px;margin:15px auto 25px;padding:var(--mobile-padding)}.hint-content{font-size:.9em}.controls-container{flex-direction:column;gap:var(--mobile-spacing);padding:var(--mobile-padding)}.search-input,.sort-select{width:100%;flex:none;min-height:var(--touch-target-min)}.assets-grid{grid-template-columns:1fr;gap:var(--mobile-spacing)}.asset-card{max-width:100%}.asset-info{padding:var(--mobile-padding)}.asset-name{font-size:1.1em}.asset-stats-grid{gap:6px}.stat-item span{font-size:.8em}.stat-item strong{font-size:1em}.pagination-controls{gap:5px;padding:var(--mobile-padding)}.pagination-controls button{height:35px;min-width:35px;font-size:.9em;min-height:var(--touch-target-min)}.asset-image-container{height:150px}.asset-category-badge{top:10px;left:10px;padding:4px 8px;font-size:.8em}}@media (max-width: 480px){.asset-marketplace-page{padding:var(--mobile-spacing);margin:var(--mobile-spacing) auto}.marketplace-header h1{font-size:1.8em}.controls-container,.asset-info{padding:var(--mobile-spacing)}.asset-stats-grid{grid-template-columns:1fr;gap:8px}.stat-item{justify-content:space-between;align-items:center}.pagination-controls{padding:var(--mobile-spacing)}.pagination-controls button{height:32px;min-width:32px;font-size:.8em}.asset-image-container{height:120px}.loading-indicator,.no-assets-message,.error-message{padding:var(--mobile-padding);font-size:1em}}@media (max-width: 768px){.asset-card-link{min-height:var(--touch-target-min);display:block;-webkit-tap-highlight-color:rgba(var(--accent-color-rgb),.1)}.asset-card{touch-action:manipulation;-webkit-tap-highlight-color:rgba(var(--accent-color-rgb),.1)}.asset-card:active{transform:scale(.98);transition:transform .1s ease}.pagination-controls button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(var(--accent-color-rgb),.1);min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.pagination-controls button:active{transform:scale(.95);transition:transform .1s ease}.search-input,.sort-select{touch-action:manipulation;-webkit-tap-highlight-color:rgba(var(--accent-color-rgb),.1);min-height:var(--touch-target-min)}.search-input:focus,.sort-select:focus{-webkit-tap-highlight-color:transparent}}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.confirmation-modal{background:var(--background-primary, #ffffff);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:450px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out;border:1px solid var(--border-color, #e1e5e9)}.confirmation-modal-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid var(--border-color, #e1e5e9);background:var(--background-secondary, #f8f9fa)}.confirmation-modal-icon{font-size:48px;margin-bottom:16px;display:block}.confirmation-modal-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #2c3e50);line-height:1.3}.confirmation-modal-body{padding:24px;text-align:center}.confirmation-modal-message{margin:0;font-size:1rem;line-height:1.5;color:var(--text-secondary, #6c757d);word-wrap:break-word}.confirmation-modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:center;border-top:1px solid var(--border-color, #e1e5e9);background:var(--background-secondary, #f8f9fa)}.confirmation-modal-footer button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;text-transform:none;letter-spacing:.5px}.cancel-button{background-color:var(--background-primary, #ffffff);color:var(--text-secondary, #6c757d);border:2px solid var(--border-color, #e1e5e9)!important}.cancel-button:hover{background-color:var(--background-secondary, #f8f9fa);color:var(--text-primary, #2c3e50);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.confirm-button{color:#fff;border:2px solid transparent!important}.confirm-button.primary{background-color:var(--accent-color, #007bff)}.confirm-button.primary:hover{background-color:var(--accent-hover, #0056b3);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.confirm-button.warning{background-color:var(--warning-color, #ffc107);color:var(--text-primary, #2c3e50)}.confirm-button.warning:hover{background-color:var(--warning-hover, #e0a800);transform:translateY(-1px);box-shadow:0 4px 12px #ffc1074d}.confirm-button.danger{background-color:var(--danger-color, #dc3545)}.confirm-button.danger:hover{background-color:var(--danger-hover, #c82333);transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.confirmation-modal{width:95%;margin:20px}.confirmation-modal-header{padding:20px 20px 12px}.confirmation-modal-body{padding:20px}.confirmation-modal-footer{padding:12px 20px 20px;flex-direction:column}.confirmation-modal-footer button{width:100%}.confirmation-modal-title{font-size:1.3rem}.confirmation-modal-icon{font-size:40px}}@media (prefers-color-scheme: dark){.confirmation-modal{background:var(--background-primary-dark, #2c3e50);border-color:var(--border-color-dark, #34495e)}.confirmation-modal-header,.confirmation-modal-footer{background:var(--background-secondary-dark, #34495e);border-color:var(--border-color-dark, #34495e)}.confirmation-modal-title{color:var(--text-primary-dark, #ecf0f1)}.confirmation-modal-message{color:var(--text-secondary-dark, #bdc3c7)}.cancel-button{background-color:var(--background-primary-dark, #2c3e50);color:var(--text-secondary-dark, #bdc3c7);border-color:var(--border-color-dark, #34495e)!important}.cancel-button:hover{background-color:var(--background-secondary-dark, #34495e);color:var(--text-primary-dark, #ecf0f1)}}.asset-sell-modal{padding:20px;max-width:500px;width:100%}.sell-error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;text-align:center;box-shadow:0 2px 8px #ff6b6b4d}.asset-info{background:var(--background-secondary);border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid var(--border-color)}.asset-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.asset-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.asset-header h3{margin:0;font-size:1.4rem;font-weight:600;color:var(--text-primary)}.asset-details{display:flex;flex-direction:column;gap:8px}.asset-details p{margin:0;font-size:.95rem;color:var(--text-secondary)}.asset-details strong{color:var(--text-primary);font-weight:600}.sell-form{display:flex;flex-direction:column;gap:24px}.shares-input-group{display:flex;flex-direction:column;gap:8px}.shares-input-group label{font-weight:600;color:var(--text-primary);font-size:.95rem}.shares-input-container{display:flex;gap:12px;align-items:center}.shares-input{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--background-primary);color:var(--text-primary);transition:all .2s ease}.shares-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.shares-input:disabled{opacity:.6;cursor:not-allowed}.sell-all-btn{padding:12px 16px;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sell-all-btn:hover:not(:disabled){background:var(--background-tertiary);border-color:var(--accent-color);color:var(--accent-color)}.sell-all-btn:disabled{opacity:.5;cursor:not-allowed}.sale-breakdown{background:var(--background-secondary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.sale-breakdown h4{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:var(--text-primary);text-align:center}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.95rem}.breakdown-item:not(:last-child){border-bottom:1px solid var(--border-color)}.breakdown-item span:first-child{color:var(--text-secondary)}.breakdown-item .amount{font-weight:600;color:var(--text-primary)}.breakdown-item.fee-item .amount.fee{color:#ff6b6b}.breakdown-item.total-item{margin-top:8px;padding-top:16px;border-top:2px solid var(--border-color);font-size:1.1rem;font-weight:600}.breakdown-item.total-item span:first-child{color:var(--text-primary)}.breakdown-item.total-item .amount.total{color:#4ecdc4;font-size:1.2rem}.sell-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{padding:12px 24px;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:var(--background-tertiary);border-color:var(--text-secondary)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.sell-btn{padding:12px 24px;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4ecdc44d}.sell-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc466}.sell-btn:active:not(:disabled){transform:translateY(0)}.sell-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #4ecdc433}@media (max-width: 600px){.asset-sell-modal{padding:16px}.shares-input-container{flex-direction:column;gap:8px}.sell-all-btn{width:100%}.sell-actions{flex-direction:column}.cancel-btn,.sell-btn{width:100%}}.asset-detail-page{max-width:1200px;margin:20px auto;padding:20px;font-family:sans-serif}.back-link{display:inline-flex;align-items:center;margin-bottom:30px;color:var(--accent-color);text-decoration:none;font-size:1.1em;font-weight:500;transition:color .2s ease;padding:8px 16px;border-radius:6px;background-color:var(--background-primary);border:1px solid var(--border-color)}.back-link:hover{color:var(--accent-hover);background-color:var(--background-tertiary);text-decoration:none}.asset-detail-container{display:flex;flex-direction:column;gap:40px;margin-bottom:40px}.asset-image-section{position:relative;width:100%}.asset-detail-image{width:100%;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 8px 25px var(--shadow-color);transition:transform .3s ease}.asset-detail-image:hover{transform:scale(1.02)}.asset-category-badge{position:absolute;top:20px;left:20px;background-color:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9em;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.asset-detail-page .asset-info-section{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;align-items:start}.asset-detail-page .main-content{min-width:0}.asset-detail-page .sidebar-content{min-width:0;width:100%}.asset-header{text-align:left;display:block}.asset-detail-name{font-size:2.5em;color:var(--text-primary);margin:0 0 10px;font-weight:700;line-height:1.2}.asset-description{font-size:1.1em;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.asset-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px}.stat-card{background-color:var(--background-primary);padding:20px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow-color)}.stat-label{font-size:.9em;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.stat-value{font-size:1.4em;font-weight:700;color:var(--text-primary)}.stat-value.price{color:var(--success-color)}.stat-value.rent{color:var(--accent-color)}.stat-card.dividend-info{background:linear-gradient(135deg,#2ecc711a,#3498db1a);border:1px solid rgba(46,204,113,.3);position:relative;overflow:hidden}.stat-card.dividend-info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2ecc71,#3498db)}.stat-card.dividend-info .stat-label{color:var(--text-secondary);font-weight:600}.stat-card.dividend-info .stat-value.dividend{color:#2ecc71;font-weight:800;text-shadow:0 1px 2px rgba(46,204,113,.2)}.ownership-section{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:25px;margin-bottom:25px}.ownership-status{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;background-color:var(--background-primary);border-radius:8px;border-left:4px solid var(--accent-color)}.ownership-status.bank-owned{border-left-color:var(--success-color);background-color:var(--background-primary)}.ownership-status.player-owned{border-left-color:#ffc107;background-color:var(--background-primary)}.ownership-status.co-owned{border-left-color:var(--accent-color);background-color:var(--background-primary)}.ownership-text{font-weight:600;color:var(--text-primary);margin:0}.shares-info{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.shares-item{text-align:center;padding:15px;background-color:var(--background-primary);border-radius:8px}.shares-label{font-size:.9em;color:var(--text-secondary);margin-bottom:5px}.shares-value{font-size:1.3em;font-weight:700;color:var(--text-primary)}.shareholders-section{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:25px;margin-bottom:25px}.shareholders-section h4{font-size:1.2em;color:var(--text-primary);margin:0 0 15px;font-weight:600}.shareholders-list{list-style:none;padding:0;margin:0}.shareholders-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color);font-size:1em}.shareholders-list li:last-child{border-bottom:none}.shareholder-name{color:var(--accent-color);text-decoration:none;font-weight:500;transition:color .2s ease}.shareholder-name:hover{color:var(--accent-hover);text-decoration:underline}.shareholder-shares{color:var(--text-secondary);font-weight:600}.purchase-section{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:30px;margin-bottom:25px}.purchase-section h3{font-size:1.4em;color:var(--text-primary);margin:0 0 20px;font-weight:600}.share-input-group{margin-bottom:20px}.share-input-group label{display:block;font-size:1em;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.shares-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1.1em;transition:border-color .2s ease;background-color:var(--background-primary);color:var(--text-primary)}.shares-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db1a}.potential-cost{background-color:var(--background-primary);padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:1.1em;font-weight:600;color:var(--text-primary)}.purchase-button-detail{width:100%;padding:15px 20px;background-color:var(--success-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.2em;font-weight:600;transition:background-color .2s ease,transform .2s ease}.purchase-button-detail:hover:not(:disabled){background-color:var(--success-color);filter:brightness(.9);transform:translateY(-1px)}.purchase-button-detail:disabled{background-color:var(--text-secondary);cursor:not-allowed;transform:none}.purchase-button-detail.login-required{background-color:var(--accent-color)}.purchase-button-detail.login-required:hover{background-color:var(--accent-hover)}.purchase-feedback{text-align:center;margin:15px 0;padding:15px;border-radius:8px;font-weight:600;font-size:1em}.purchase-feedback.success{background-color:var(--background-primary);color:var(--success-color);border:1px solid var(--success-color)}.purchase-feedback.error{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.owned-by-other-message{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:10px;padding:20px;text-align:center;color:var(--text-secondary);font-style:italic}.sell-section{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;padding:25px;margin-bottom:25px;border-left:4px solid #4ecdc4}.sell-section h3{color:var(--text-primary);margin:0 0 15px;font-size:1.3em;font-weight:600;display:flex;align-items:center;gap:8px}.sell-section h3:before{content:"💰";font-size:1.2em}.sell-info{color:var(--text-secondary);margin-bottom:20px;font-size:.95em;line-height:1.5}.sell-info strong{color:var(--text-primary);font-weight:600}.sell-button-detail{width:100%;padding:14px 20px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4ecdc44d;display:flex;align-items:center;justify-content:center;gap:8px}.sell-button-detail:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc466;background:linear-gradient(135deg,#44a08d,#4ecdc4)}.sell-button-detail:active{transform:translateY(0)}.sell-button-detail:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #4ecdc433}.wikipedia-link-container{margin-top:15px}.wikipedia-link{display:inline-flex;align-items:center;color:var(--accent-color);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:6px;background-color:var(--background-secondary);border:1px solid var(--border-color);transition:all .2s ease;font-size:.9em}.wikipedia-link:hover{background-color:var(--background-tertiary);color:var(--accent-hover);text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-color)}.wikipedia-link:after{content:" ↗";font-size:.8em;margin-left:4px}.loading-indicator,.error-message{text-align:center;padding:40px 20px;font-size:1.1em}.error-message{color:#ff6b6b}.error-message a{color:var(--accent-color);text-decoration:none;font-weight:500}.error-message a:hover{text-decoration:underline}@media (max-width: 768px){.asset-detail-page .asset-info-section{grid-template-columns:1fr;gap:30px}.asset-detail-page .main-content,.asset-detail-page .sidebar-content{width:100%}.asset-detail-name{font-size:2em}.asset-stats-grid,.shares-info{grid-template-columns:repeat(2,1fr)}.asset-detail-page{padding:15px}.asset-detail-image{height:300px}}@media (max-width: 480px){.asset-detail-name{font-size:1.8em}.stat-card{padding:5px}.purchase-section{padding:20px}.asset-detail-image{height:250px}.asset-stats-grid,.shares-info{grid-template-columns:1fr}}.my-assets-page{padding:20px;width:75vw;margin:0 auto;font-family:sans-serif}.my-assets-page h1{text-align:center;color:var(--text-secondary);margin-bottom:10px;padding-top:0;margin-top:0;font-size:2em}.portfolio-summary-bar{background-color:var(--background-tertiary);padding:15px 20px;border-radius:8px;margin-bottom:30px;text-align:center;box-shadow:0 1px 3px var(--shadow-color)}.portfolio-summary{font-size:1.1em;color:var(--text-primary);margin:0 0 5px}.portfolio-total-value{font-size:1.2em;color:var(--success-color);margin:0}.portfolio-total-value strong{font-weight:600}.auth-prompt,.no-assets-message{text-align:center;font-size:1.2em;padding:20px;margin-top:20px;color:var(--text-secondary);background-color:var(--background-primary);border-radius:8px}.auth-prompt a,.no-assets-message a.marketplace-link{color:var(--accent-color);text-decoration:none;font-weight:700}.auth-prompt a:hover,.no-assets-message a.marketplace-link:hover{text-decoration:underline}.my-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.my-asset-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px var(--shadow-color);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.my-asset-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px var(--shadow-color)}.my-asset-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex-grow:1}.my-asset-image{width:100%;height:160px;object-fit:cover;border-bottom:1px solid var(--border-color)}.my-asset-info{padding:15px;flex-grow:1}.my-asset-name{font-size:1.25em;color:var(--text-primary);margin-top:0;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-asset-shares,.my-asset-value,.my-asset-total-value,.my-asset-bank-shares{font-size:.9em;color:var(--text-secondary);margin-bottom:5px}.my-asset-shares{font-weight:700;color:var(--accent-color)}.my-asset-total-value{font-weight:700;color:var(--success-color)}.my-asset-actions{padding:15px;border-top:1px solid var(--border-color);background-color:var(--background-primary)}.sell-asset-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #4ecdc44d;display:flex;align-items:center;justify-content:center;gap:6px}.sell-asset-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #4ecdc466;background:linear-gradient(135deg,#44a08d,#4ecdc4)}.sell-asset-btn:active{transform:translateY(0)}.sell-asset-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #4ecdc433}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:15px}.pagination-controls button{padding:8px 15px;background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.pagination-controls button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.pagination-controls span{font-size:1.1em;color:var(--text-primary)}@media (max-width: 768px){.my-assets-page{width:100%}}.villa-shop-page{padding:5px;max-width:1400px;margin:0 auto;font-family:sans-serif}.villa-shop-page h1{text-align:center;color:var(--text-primary);margin-bottom:10px}.shop-description{text-align:center;color:var(--text-secondary);margin-bottom:30px;font-size:1.1em;max-width:700px;margin-left:auto;margin-right:auto}.shop-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding:10px;background-color:var(--background-primary);border-radius:6px;align-items:center}.shop-filters label{font-weight:500;color:var(--text-secondary)}.shop-filter-input,.shop-filter-select{padding:8px 10px;border:1px solid var(--border-color);border-radius:4px;font-size:.95em;flex-grow:1;background-color:var(--background-primary);color:var(--text-primary)}.shop-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.shop-item-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;border-left:5px solid #ccc}.shop-item-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px var(--shadow-color)}.shop-item-card.rarity-1{border-left-color:#adb5bd}.shop-item-card.rarity-2{border-left-color:var(--accent-color)}.shop-item-card.rarity-3{border-left-color:#9c27b0}.shop-item-card.rarity-4{border-left-color:#ff9800}.shop-item-card.rarity-5{border-left-color:#f44336}.card-header{display:flex;justify-content:space-between;padding:8px 12px;background-color:var(--background-primary);border-bottom:1px solid var(--border-color);font-size:.8em;font-weight:500}.item-type-badge{padding:3px 8px;border-radius:10px;color:#fff;text-transform:uppercase;font-size:.85em;letter-spacing:.5px}.type-productive{background-color:var(--success-color)}.type-defensive{background-color:var(--accent-color)}.type-structure{background-color:var(--text-secondary)}.type-decoration{background-color:#ffc107;color:#333}.type-utility{background-color:#17a2b8}.item-rarity{font-style:italic;color:var(--text-secondary)}.shop-item-image{width:100%;height:280px;object-fit:cover;background-color:var(--background-tertiary)}.shop-item-info{padding:15px;flex-grow:1;display:flex;flex-direction:column}.shop-item-name{font-size:1.25em;color:var(--text-primary);margin-top:0;margin-bottom:8px}.shop-item-description{font-size:.9em;color:var(--text-secondary);line-height:1.4;flex-grow:1;margin-bottom:10px}.item-stats{display:flex;justify-content:space-between;padding-top:10px;margin-bottom:5px;font-size:1.1em}.stat-cost{font-weight:700;color:var(--danger-color)}.stat-value{color:var(--success-color)}.item-effects{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;font-size:.85em;margin:10px 0;padding-top:10px;border-top:1px solid var(--border-color)}.effect-yield,.effect-upkeep,.effect-security{font-weight:500;padding:3px 8px;border-radius:12px}.effect-yield{background-color:var(--background-primary);color:var(--success-color)}.effect-upkeep{background-color:var(--background-primary);color:var(--danger-color)}.effect-security{background-color:var(--background-primary);color:var(--accent-color)}.shop-item-supply{font-style:italic;font-size:.8em;color:var(--text-secondary);text-align:right;margin-bottom:10px}.card-footer{margin-top:auto;padding-top:10px;border-top:1px solid var(--border-color)}.buy-item-button{display:block;width:100%;padding:10px;background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1em;font-weight:700;text-align:center;transition:background-color .2s}.buy-item-button:hover:not(:disabled){background-color:var(--accent-hover)}.buy-item-button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.buy-item-button.login-prompt{background-color:#ffc107;color:#333}.buy-item-button.login-prompt:hover{background-color:#e0a800}.currency-symbol{font-weight:700;color:var(--success-color)}.attack-modal-content{padding:10px 25px 25px;text-align:center;color:var(--text-primary);width:100%;max-width:450px}.attack-modal-content h2{font-size:1.8em;color:var(--danger-color);margin-bottom:15px}.attack-modal-content p{font-size:1.05em;color:var(--text-secondary);line-height:1.6;margin-bottom:25px}.selected-item-preview{margin-bottom:20px;padding:15px;background-color:var(--background-primary);border-radius:8px;border:1px solid var(--border-color)}.selected-item-preview img{max-width:100%;height:120px;object-fit:contain;margin-bottom:10px}.selected-item-preview p{font-size:.95em;font-style:italic;color:var(--text-secondary);margin-bottom:0}.effect-details{margin:15px 0;padding:12px;background-color:var(--background-secondary);border-radius:6px;border-left:4px solid var(--accent-color)}.effect-summary{display:flex;align-items:center;gap:8px;margin-bottom:8px}.effect-icon{font-size:1.2em}.effect-text{font-weight:700;color:var(--text-primary);font-size:.95em}.effect-description{color:var(--text-secondary);font-size:.9em;line-height:1.4;margin:0}.inventory-selection{margin-bottom:20px}.inventory-selection select{width:100%;padding:12px 15px;font-size:1.1em;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-primary);color:var(--text-primary);cursor:pointer}.inventory-selection select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 .2rem #3498db33}.attack-button{width:100%;padding:12px 20px;font-size:1.2em;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--danger-color),#c0392b);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 8px var(--shadow-color)}.attack-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px var(--shadow-color)}.attack-button:disabled{background:var(--text-secondary);cursor:not-allowed;box-shadow:none}.attack-result{animation:fadeInResult .5s ease-out}@keyframes fadeInResult{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.attack-result h2{font-size:2em}.attack-result h2.success{color:var(--success-color)}.attack-result h2.failure{color:var(--danger-color)}.sparks-stolen{font-size:1.2em;font-weight:700;color:var(--success-color);margin-bottom:20px}.btn-primary{padding:12px 30px;font-size:1.1em;font-weight:700;border-radius:5px;border:none;cursor:pointer;background-color:var(--accent-color);color:#fff;transition:background-color .2s}.btn-primary:hover{background-color:var(--accent-hover)}.error-message{color:var(--danger-color);margin-top:15px;font-weight:700}.image-magnify-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;animation:fadeIn .3s ease-out}.magnify-content{position:relative;max-width:90%;max-height:90%;cursor:default}.magnify-content img{width:100%;height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080;animation:zoomIn .3s ease-out}.magnify-close-btn{position:absolute;top:-40px;right:0;width:32px;height:32px;background-color:#fff3;color:#fff;border:none;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001}.magnify-close-btn:hover{background-color:#ffffff4d;transform:scale(1.1)}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.magnify-content{max-width:95%;max-height:95%}.magnify-close-btn{top:-35px;width:28px;height:28px;font-size:18px}}@media (max-width: 480px){.magnify-content{max-width:98%;max-height:98%}.magnify-close-btn{top:-30px;width:24px;height:24px;font-size:16px}}.achievement-card-container{width:100%;max-width:350px}.achievement-card{background:var(--background-secondary);border-radius:16px;padding:20px;margin:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--border-color);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a;display:flex;align-items:flex-start;gap:16px}.achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--achievement-gradient);transform:scaleX(0);transition:transform .3s ease}.achievement-card:hover:before{transform:scaleX(1)}.achievement-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--achievement-color)}.achievement-card.expanded{background:linear-gradient(135deg,var(--background-secondary) 0%,rgba(255,255,255,.05) 100%);border-color:var(--tier-border);box-shadow:0 8px 25px #0003,var(--tier-glow)}.achievement-icon{position:relative;flex-shrink:0;width:60px;height:60px;border-radius:50%;background:var(--achievement-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:all .3s ease}.achievement-card:hover .achievement-icon{transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.achievement-card.expanded .achievement-icon{background:var(--tier-gradient);box-shadow:0 6px 20px #0000004d,var(--tier-glow)}.achievement-emoji{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tier-badge{position:absolute;top:-12px;left:18px;color:var(--background-primary);font-size:16px;font-weight:700;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:28px;height:28px;z-index:10}.tier-icon{font-size:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.achievement-content{flex:1;min-width:0}.achievement-name{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text-primary);transition:color .3s ease}.achievement-card:hover .achievement-name{color:var(--achievement-color)}.villa-value-display{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--background-primary);border-radius:8px;border:1px solid var(--border-color);margin-bottom:8px;transition:all .3s ease}.achievement-card:hover .villa-value-display{border-color:var(--achievement-color);background:#ffffff0d}.villa-value-icon{font-size:14px;color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.villa-value-text{font-size:13px;font-weight:600;color:var(--text-secondary)}.achievement-description{animation:slideDown .3s ease-out;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);width:140%;margin-left:-30px}.achievement-description p{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.achievement-details{display:flex;flex-direction:column;gap:8px}.achievement-tier-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background-primary);border-radius:8px;border:1px solid var(--border-color)}.tier-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.tier-value{font-size:14px;font-weight:700;color:var(--tier-color);text-transform:capitalize}.villa-value-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-radius:8px;border:1px solid rgba(255,215,0,.3)}.villa-value-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.villa-value-amount{font-size:14px;font-weight:700;color:gold;text-shadow:0 0 4px rgba(255,215,0,.5)}.achievement-impact{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:linear-gradient(135deg,#4caf501a,#4caf500d);border-radius:8px;border:1px solid rgba(76,175,80,.3)}.impact-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.impact-text{font-size:13px;font-weight:500;color:#4caf50;line-height:1.4}.achievement-expand-indicator{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--background-primary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--text-secondary);transition:all .3s ease;margin-top:4px}.achievement-card:hover .achievement-expand-indicator{border-color:var(--achievement-color);color:var(--achievement-color)}.achievement-card.expanded .achievement-expand-indicator{background:var(--tier-gradient);border-color:var(--tier-border);color:var(--background-primary);transform:rotate(180deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.achievement-card{padding:16px;margin:8px;gap:12px}.achievement-icon{width:50px;height:50px}.achievement-emoji{font-size:24px}.achievement-name{font-size:16px}.achievement-description p{font-size:13px}.tier-badge{font-size:9px;padding:3px 6px}.villa-value-text{font-size:12px}.villa-value-amount{font-size:13px}.impact-text{font-size:12px}}@media (max-width: 480px){.achievement-card{padding:14px;margin:6px;gap:10px}.achievement-icon{width:45px;height:45px}.achievement-emoji{font-size:20px}.achievement-name{font-size:15px}.achievement-description p{font-size:12px}.villa-value-text{font-size:11px}.villa-value-amount{font-size:12px}.impact-text{font-size:11px}}.achievement-villa-summary{background:var(--background-secondary);border-radius:16px;padding:24px;margin:16px 0;border:2px solid var(--border-color);box-shadow:0 4px 12px #0000001a}.summary-header{justify-content:space-between;align-items:center}.summary-header h2{margin:0;font-size:24px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.summary-header h2:before{content:"🏆";font-size:28px}.total-villa-value{text-align:center;gap:8px;padding:12px 16px}.total-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.total-amount{font-size:20px;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.summary-breakdown{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--background-primary);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.breakdown-item:hover{border-color:var(--accent-color);background:#ffffff05}.breakdown-item.bonus-item{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-color:#4caf504d}.breakdown-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.breakdown-value{font-size:16px;font-weight:700;color:var(--text-primary)}.bonus-value{color:#4caf50;text-shadow:0 0 4px rgba(76,175,80,.3)}.collection-bonus-info{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:20px;background:linear-gradient(135deg,#ffd7000d,#ffd70005);border-radius:12px;border:2px solid;border-left:6px solid}.collection-bonus-info.no-bonus{background:linear-gradient(135deg,#6666660d,#66666605);border-color:#666;border-left-color:#666}.bonus-icon{font-size:24px;margin-top:2px}.bonus-content h4{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--text-primary)}.bonus-content p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.achievements-list h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.achievements-list h3:before{content:"🎯";font-size:20px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.achievement-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-primary);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.achievement-item:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.achievement-badge{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #0003}.achievement-emoji{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.achievement-tier{position:absolute;top:-4px;right:-4px;font-size:12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.achievement-info{flex:1;display:flex;flex-direction:column;gap:4px}.achievement-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.2}.achievement-value{font-size:12px;font-weight:700;color:gold;text-shadow:0 0 4px rgba(255,215,0,.3)}.summary-footer{padding-top:16px}.footer-info{display:flex;align-items:flex-start;gap:8px;padding:12px;background:linear-gradient(135deg,#2196f31a,#2196f30d);border-radius:8px;border:1px solid rgba(33,150,243,.2)}.info-icon{font-size:16px;margin-top:1px}.info-text{font-size:1.1em;color:var(--text-secondary);line-height:1.4;margin-top:10px}.summary-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.summary-error{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#f44336;text-align:center}.summary-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center;color:var(--text-secondary)}.empty-icon{font-size:48px;opacity:.5}.summary-empty h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.summary-empty p{margin:0;font-size:14px;line-height:1.5}@media (max-width: 768px){.achievement-villa-summary{padding:16px;margin:12px 0}.summary-header{flex-direction:column;gap:12px;align-items:flex-start}.summary-header h2{font-size:20px}.total-amount{font-size:18px}.achievements-grid{grid-template-columns:1fr}.achievement-item{padding:10px}.achievement-badge{width:36px;height:36px}.achievement-emoji{font-size:16px}.achievement-name{font-size:12px}.achievement-value{font-size:11px}}@media (max-width: 480px){.achievement-villa-summary{padding:12px;margin:8px 0}.summary-header h2{font-size:18px}.total-amount{font-size:16px}.breakdown-item{padding:10px 12px}.breakdown-label{font-size:13px}.breakdown-value{font-size:14px}.collection-bonus-info{padding:12px}.bonus-content h4{font-size:14px}.bonus-content p{font-size:13px}}.public-profile-page{margin:0 auto;font-family:sans-serif}.profile-header{text-align:center;margin-bottom:10px}.villa-image-container{position:relative;width:100%;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 12px var(--shadow-color);border-radius:4px}@keyframes pest-bob{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}.disruption-pest-overlay{position:absolute;width:70px;height:70px;pointer-events:none;z-index:5;animation:pest-bob-animation 5s ease-in-out infinite;display:flex;justify-content:center}.disruption-pest-overlay img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 3px 3px rgba(0,0,0,.5))}.pest-name-overlay{position:absolute;bottom:-10px;background-color:#2c3e50d9;color:#fff;padding:3px 8px;border-radius:5px;font-size:10px;font-weight:700;text-align:center;white-space:nowrap;box-shadow:0 1px 3px #0000004d;animation:pest-bob-animation 5s ease-in-out infinite;animation-delay:inherit}.like-overlay{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:8px;background-color:#00000080;padding:8px 12px;border-radius:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.like-button{background:none;border:none;padding:0;font-size:24px;cursor:pointer;filter:grayscale(1);opacity:.7;transition:all .2s ease-in-out}.like-button:hover{transform:scale(1.1);opacity:1}.like-button.liked{filter:none;opacity:1}.like-button:disabled{cursor:not-allowed;opacity:.5}.like-count{color:#fff;font-weight:700;font-size:1.1em}.villa-main-image{width:100%;height:100%;object-fit:cover}.profile-header h1{font-size:2.2em;color:var(--text-primary);margin:0}.guest-badge{font-size:.8em;color:var(--text-secondary);font-style:italic;display:block}.attack-button-container{text-align:center;margin-bottom:25px}.attack-villa-button{padding:12px 30px;font-size:1.2em;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--danger-color),#c0392b);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px var(--shadow-color)}.attack-villa-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px var(--shadow-color)}.disruptions-section{margin-bottom:35px;padding:20px;background-color:var(--background-primary);border-radius:8px;border:1px solid var(--border-color)}.disruptions-section h2{font-size:1.6em;color:var(--text-primary);text-align:center;margin-top:0;margin-bottom:20px}.disruptions-list{display:flex;flex-direction:column;gap:15px}.disruption-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--background-secondary);border-radius:6px;border-left:5px solid var(--accent-color)}.disruption-item p{margin:0;font-size:1.05em;color:var(--text-primary)}.disruption-item p strong{color:var(--text-primary)}.disruption-item button{padding:8px 15px;font-weight:700;background-color:var(--success-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.disruption-item button:hover{background-color:var(--success-color);filter:brightness(.9)}.villa-controls{text-align:center;margin-bottom:10px;padding:15px;background-color:var(--background-primary);border-radius:8px}.villa-controls button{padding:6px 10px;font-size:.9em;font-weight:700;color:#fff;background-color:var(--success-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.villa-controls button:hover:not(:disabled){background-color:var(--success-color);filter:brightness(.9)}.villa-controls button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.unlock-feature-prompt{font-size:1.05em;color:var(--text-secondary);margin:0}.unlock-feature-prompt a{color:var(--accent-color);text-decoration:none;font-weight:700}.unlock-feature-prompt a:hover{text-decoration:underline}.profile-stats-section,.villa-items-section,.shared-assets-section,.link-promotion-section{margin-bottom:20px;padding:20px;background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 5px var(--shadow-color)}.profile-stats-section h2,.villa-items-section h2,.shared-assets-section h2,.link-promotion-section h2{font-size:1.2em;color:var(--text-secondary);margin-top:0;margin-bottom:10px;padding-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{background-color:var(--background-primary);padding:15px;border-radius:8px;text-align:center}.stat-item h4{margin-top:0;margin-bottom:8px;font-size:.8em;color:var(--text-secondary)}.stat-item p{font-size:1.5em;font-weight:700;margin:0;color:var(--text-primary);display:flex;justify-content:center;align-items:center;gap:5px}.stat-item:nth-child(1) p{color:var(--success-color)}.stat-item:nth-child(2) p{color:#9c27b0}.stat-item:nth-child(3) p{color:var(--accent-color)}.stat-item:nth-child(4) p{color:#ffc107}.achievement-stat{position:relative;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.achievement-stat:hover{border-color:var(--accent-color);background:#3498db0d;transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}.achievement-stat:after{content:"ℹ️";position:absolute;top:8px;right:8px;font-size:12px;opacity:.7;transition:opacity .2s ease}.achievement-stat:hover:after{opacity:1}.achievement-stat p{color:#9c27b0;font-weight:700}span.bonus-indicator{position:absolute;top:-10px;left:-8px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:12px;box-shadow:0 2px 6px #4caf504d;border:2px solid white;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:pulse 2s infinite;max-width:60px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.villa-items-grid-icons{display:flex;flex-wrap:wrap;justify-content:center}.villa-item-icon{position:relative;width:140px;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:help;transition:transform .2s,box-shadow .2s;margin:5px}.villa-item-icon:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--shadow-color);z-index:10}.villa-item-icon img{width:100%;height:100%;object-fit:contain;border-radius:3px}.item-icon-fallback{font-size:2.5em;font-weight:700;color:var(--text-secondary)}.item-icon-quantity{position:absolute;bottom:-8px;right:-8px;background-color:var(--accent-color);color:#fff;font-size:.9em;font-weight:700;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 1px 3px var(--shadow-color)}.sell-back-button{position:absolute;top:-8px;right:-8px;background-color:var(--warning-color, #ff6b35);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease;box-shadow:0 2px 4px #0003;z-index:5}.sell-back-button:hover{transform:scale(1.1);background-color:var(--warning-color-hover, #e55a2b);box-shadow:0 3px 6px #0000004d}.sell-back-button:active{transform:scale(.95)}.sell-back-modal{max-width:500px;width:90%}.sell-back-item-details{text-align:left}.item-info h4{margin:0 0 10px;color:var(--text-primary);font-size:1.2em}.item-description{color:var(--text-secondary);margin:0 0 15px;font-size:.9em;line-height:1.4}.item-price,.sell-back-price{margin:5px 0;font-weight:600}.item-price{color:var(--text-secondary)}.sell-back-price{color:var(--warning-color, #ff6b35);font-size:1.1em}.quantity-selector{margin:20px 0;padding:15px;background-color:var(--background-secondary);border-radius:8px;border:1px solid var(--border-color)}.quantity-selector label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-primary)}.quantity-controls{display:flex;align-items:center;gap:10px;margin-bottom:10px}.quantity-controls button{background-color:var(--background-primary);border:1px solid var(--border-color);color:var(--text-primary);width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:18px;font-weight:700;transition:all .2s ease}.quantity-controls button:hover:not(:disabled){background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.quantity-controls button:disabled{opacity:.5;cursor:not-allowed}.quantity-controls input{width:60px;height:36px;text-align:center;border:1px solid var(--border-color);border-radius:6px;font-size:16px;background-color:var(--background-primary);color:var(--text-primary)}.quantity-info{margin:0;font-size:.9em;color:var(--text-secondary);text-align:center}.total-value{margin:20px 0;padding:15px;background-color:var(--accent-color);color:#fff;border-radius:8px;text-align:center}.total-value h4{margin:0;font-size:1.3em}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.btn-secondary{background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--background-primary)}.btn-warning{background-color:var(--warning-color, #ff6b35);color:#fff}.btn-warning:hover:not(:disabled){background-color:var(--warning-color-hover, #e55a2b);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.shared-assets-section .assets-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px;align-items:stretch}.shared-assets-section .asset-preview-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;padding:0 0 10px;transition:all .2s ease;width:100%;box-sizing:border-box;height:100%;display:flex;flex-direction:column;justify-content:space-between}.view-all-assets-profile{display:block;margin-top:10px}.shared-assets-section .asset-preview-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.page-loading,.page-error{text-align:center;font-size:1.3em;padding:40px;color:var(--text-primary)}.page-error{color:var(--danger-color)}.image-history-section{margin-top:40px;padding:20px;background-color:var(--background-primary);border-radius:8px}.image-history-section h2{font-size:1.6em;color:var(--text-primary);text-align:center;margin-top:0;margin-bottom:20px}.image-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.history-image-item{aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px var(--shadow-color);transition:transform .2s}.history-image-item:hover{transform:scale(1.05)}.history-image-item img{width:100%;height:100%;object-fit:cover}.image-magnify-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;cursor:pointer;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.magnify-content{max-width:90vw;max-height:90vh;cursor:default;box-shadow:0 10px 30px var(--shadow-color)}.magnify-content img{max-width:100%;max-height:100%;display:block;border-radius:4px}.magnify-close-btn{position:absolute;top:20px;right:30px;font-size:3em;color:#fff;font-weight:700;cursor:pointer;transition:color .2s}.magnify-close-btn:hover{color:#ccc}.achievements-section{margin:20px 0;padding:20px;background-color:var(--background-secondary);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);border:1px solid var(--border-color)}.achievements-section h2{font-size:1.4em;color:var(--text-primary);text-align:center;margin-top:0;margin-bottom:30px;font-weight:700;position:relative}.achievements-section h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#ffa726,#66bb6a);border-radius:2px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;justify-items:center;max-width:100%}@media (min-width: 769px){.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center}}@media (max-width: 768px){.achievements-section{padding:16px;margin:20px 0}.villa-item-icon{width:45%}.villa-items-section,.shared-assets-section,.profile-stats-section{padding:5px}.achievements-section h2{font-size:1.5em;margin-bottom:25px}.achievements-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.achievements-section{padding:12px;margin-top:20px}.achievements-section h2{font-size:1.3em;margin-bottom:20px}.achievements-grid{gap:12px}}@media (max-width: 768px){.public-profile-page{padding:0;margin:-20px -20px 10px}.profile-stats-section h2,.villa-items-section h2,.shared-assets-section h2,.link-promotion-section h2{margin-top:10px}.shared-assets-section .assets-preview-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 4px;align-items:stretch}.shared-assets-section .asset-preview-card{padding:0 0 10px;margin:0;width:100%;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.shared-assets-section .asset-preview-image{height:100px;width:100%;object-fit:cover;margin-bottom:8px}.shared-assets-section .asset-preview-name{font-size:.8em;font-weight:600;margin:0 0 4px;line-height:1.2;color:var(--text-primary)}.shared-assets-section .asset-preview-card p{font-size:.75em;margin:0;color:var(--text-secondary);line-height:1.2}.image-history-grid{grid-template-columns:repeat(2,1fr);gap:10px}.history-image-item{aspect-ratio:4 / 3}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.achievement-villa-modal{background-color:var(--background-primary);border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:90vw;max-height:90vh;width:600px;overflow:hidden;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--border-color);background-color:var(--background-secondary)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.4em;font-weight:600}.modal-close-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close-btn:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.modal-body{padding:25px;max-height:70vh;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.achievement-villa-modal{width:95vw;max-height:95vh}.stats-grid{gap:5px}.modal-header{padding:15px 20px}.modal-header h3{font-size:1.2em}.modal-body{padding:20px;max-height:75vh}.achievement-stat{padding:12px}.achievement-stat:after{font-size:10px;top:6px;right:6px}.bonus-indicator{font-size:10px;padding:3px 6px;top:-6px;right:-6px}}@media (max-width: 480px){.modal-header{padding:12px 15px}.modal-body{padding:15px}.achievement-stat{padding:10px}.achievement-stat:after{font-size:9px;top:4px;right:4px}.bonus-indicator{font-size:9px;padding:2px 5px;top:-4px;right:-4px}}.how-to-play-page{width:60vw;margin:30px auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-secondary);border-radius:12px;border:1px solid var(--border-color)}.page-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.how-to-play-page h1{color:var(--text-primary);font-size:2.8em;font-weight:700;margin-bottom:15px}.how-to-play-page .intro-text{font-size:1.2em;color:var(--text-secondary);line-height:1.6;max-width:750px;margin:0 auto}.help-support-section{text-align:center;padding:20px;background-color:var(--background-primary);border-radius:8px;margin-bottom:40px}.help-support-section h3{margin-top:0;color:var(--text-primary)}.help-support-section p{margin-bottom:15px;color:var(--text-secondary)}.social-links{display:flex;justify-content:center;gap:25px}.social-links a{text-decoration:none;font-weight:500;color:var(--accent-color)}.social-links a:hover{text-decoration:underline}.faq-title{text-align:center;font-size:2em;color:var(--text-primary);margin-bottom:30px}.info-section{margin-bottom:35px}.info-section .section-header{font-size:1.8em;color:var(--accent-color);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--accent-color);display:flex;align-items:center}.section-icon{font-size:1.2em;margin-right:15px;display:inline-block;line-height:1}.faq-item{background-color:var(--background-primary);border:1px solid var(--border-color);border-left:4px solid var(--accent-color);padding:20px;border-radius:8px;margin-bottom:15px}.faq-item h4{margin:0 0 10px;font-size:1.2em;color:var(--text-primary)}.faq-item p,.faq-item ul{margin-bottom:0;font-size:1.05em;line-height:1.7;color:var(--text-primary)}.info-section a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:all .2s ease-in-out}.info-section a:hover{color:var(--accent-hover);text-decoration:underline}.how-to-play-page .closing-text{text-align:center;font-size:1.15em;margin-top:40px;padding-top:20px;border-top:1px solid var(--border-color);font-style:italic;color:var(--text-secondary)}@media (max-width: 760px){.how-to-play-page{width:100%}}.onboarding-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;padding:20px}.onboarding-page-header{text-align:center;margin-bottom:30px;color:#fff;z-index:10}.onboarding-page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.onboarding-page-header p{font-size:1.2rem;opacity:.9;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.onboarding-page{padding:0;position:relative}.onboarding-page-header{display:none}.onboarding-page-header h1{font-size:2rem}.onboarding-page-header p{font-size:1rem}}@media (max-width: 480px){.onboarding-page-header h1{font-size:1.8rem}.onboarding-page-header p{font-size:.9rem}}.memory-game{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.card-grid{display:grid;gap:10px;margin-top:20px;max-width:500px;width:90%}.card{background-color:transparent;aspect-ratio:1 / 1;border:none;padding:0;perspective:1000px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px 0 var(--shadow-color)}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:5px}.card-back{background-color:var(--accent-color);color:#fff}.card-front{background-color:var(--background-secondary);color:var(--text-primary);transform:rotateY(180deg)}.card.flipped .card-inner,.card.matched .card-inner{transform:rotateY(180deg)}.card.matched{opacity:.7;cursor:default}.card.matched .card-front{border:2px solid var(--success-color)}.card:disabled{cursor:default;opacity:.6}.win-message{margin-top:15px;font-weight:700;color:var(--success-color);font-size:1.2em}.game-info{margin-top:15px;font-size:1.1em;display:flex;gap:20px;color:var(--text-primary)}.win-message{margin-top:15px;padding:15px;background-color:var(--background-primary);border:1px solid var(--success-color);border-radius:8px;text-align:center}.share-button{background-color:var(--success-color);color:#fff;border:none;padding:10px 15px;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color .2s ease;margin-right:10px}.share-button:hover{background-color:var(--success-color);filter:brightness(.9)}.share-button:active{background-color:var(--success-color);filter:brightness(.8)}@media (max-width: 768px){.memory-game{margin-bottom:1rem;padding:var(--mobile-spacing)}.card-grid{gap:var(--mobile-spacing);margin-top:15px;width:100%;max-width:400px}.card{min-height:60px;touch-action:manipulation}.card-front,.card-back{font-size:clamp(1.5rem,4vw,2rem);border-radius:var(--mobile-border-radius)}.game-info{margin-top:10px;font-size:1em;gap:15px;flex-wrap:wrap;justify-content:center}.win-message{margin-top:10px;padding:var(--mobile-padding)}.win-message p{font-size:1.1em}.share-button{padding:var(--mobile-padding) 12px;font-size:.95em;min-height:var(--touch-target-min);margin-right:8px}.post-game-summary .leaderboard-link-button{padding:var(--mobile-padding) 20px;font-size:1em;min-height:var(--touch-target-min)}.win-message .streak-display{font-size:1em}}@media (max-width: 480px){.memory-game{padding:var(--mobile-spacing)}.card-grid{gap:6px;margin-top:10px}.card{min-height:50px}.card-front,.card-back{font-size:clamp(1.2rem,5vw,1.8rem)}.game-info{font-size:.9em;gap:10px}.win-message{padding:var(--mobile-spacing)}.win-message p{font-size:1em}.share-button{padding:var(--mobile-spacing) 10px;font-size:.9em;margin-right:6px}.post-game-summary .leaderboard-link-button{padding:var(--mobile-spacing) 16px;font-size:.95em}.win-message .streak-display{font-size:.95em}}@media (max-width: 768px){.card:active{transform:scale(.95);transition:transform .1s ease}.card:hover{transform:scale(1.02)}.share-button:active,.post-game-summary .leaderboard-link-button:active{transform:scale(.98)}.card{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.share-button,.post-game-summary .leaderboard-link-button{min-height:var(--touch-target-min);padding:12px 20px;font-size:1em}}.speed-match-game{display:flex;flex-direction:column;align-items:center;font-family:sans-serif;padding:clamp(10px,2vw,20px);background-color:var(--background-primary);border-radius:10px;box-shadow:0 4px 15px var(--shadow-color);width:100%;margin:20px auto;width:75vw}.game-info-speed{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:700px;margin:15px auto 20px;font-size:clamp(1em,2.2vw,1.2em);background-color:var(--background-secondary);padding:12px clamp(5px,2vw,15px);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color)}.game-info-speed span{color:var(--text-primary);font-weight:700;text-align:center;flex:1;padding:0 5px}.card-row-container{padding:clamp(5px,1.5vw,10px);background-color:var(--background-tertiary);border-radius:8px;width:100%;max-width:800px;margin:10px auto}.card-row-label{font-weight:700;margin-bottom:10px;color:var(--accent-color);text-align:left;padding-left:5px;font-size:clamp(.9em,2vw,1.1em)}.card-row{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(4px,1vw,10px);width:100%}.speed-card{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2em,3.5vw,2.2em);border-radius:6px;border:2px solid var(--border-color);background-color:var(--background-secondary);color:var(--text-primary);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px var(--shadow-color);position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px}.speed-card.hidden-item{background-color:var(--background-tertiary);color:var(--text-secondary);cursor:default;font-size:clamp(2em,5vw,3em)}.speed-card.revealed-hidden-item{background-color:var(--background-tertiary);color:var(--text-primary);border:2px solid var(--border-color);font-size:clamp(1.2em,3.5vw,2.2em);cursor:default;transform:none;box-shadow:inset 0 0 5px var(--shadow-color)}.speed-card.player-item:hover{transform:translateY(-3px);border-color:var(--border-color);box-shadow:0 4px 8px var(--shadow-color)}.feedback-area{margin-top:15px;font-size:1.2em;color:var(--text-primary);font-weight:700;background-color:var(--background-primary);padding:12px 18px;border-radius:8px;border:1px solid var(--accent-color);box-shadow:0 2px 4px var(--shadow-color);text-align:center;min-width:250px}.feedback-area.feedback-animate{animation:highlightFeedback .7s ease-out}@keyframes highlightFeedback{0%{transform:scale(1);background-color:var(--background-primary)}30%{transform:scale(1.15);background-color:var(--background-tertiary);border-color:var(--accent-color)}60%{transform:scale(1.05);background-color:var(--background-tertiary);border-color:var(--accent-color)}to{transform:scale(1);background-color:var(--background-primary);border-color:var(--accent-color)}}.speed-match-game .win-message{margin-top:20px;padding:20px;background-color:var(--background-primary);border:1px solid var(--success-color);border-radius:8px;text-align:center}.speed-match-game .win-message p{margin-bottom:10px;font-weight:700;color:var(--success-color);font-size:1.2em}.speed-match-game .share-button{background-color:var(--success-color);color:#fff;border:none;padding:10px 15px;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color .2s ease;margin-right:10px}.speed-match-game .share-button:hover{background-color:var(--success-color);filter:brightness(.9)}.grid-disabled .speed-card.player-item{opacity:.7;cursor:not-allowed}.grid-disabled .speed-card.player-item:hover{transform:none;border-color:var(--border-color);box-shadow:0 2px 4px var(--shadow-color)}.speed-card.card-is-swapping{animation:pulseEffect .5s ease-in-out;z-index:10}@keyframes pulseEffect{0%{transform:scale(1);box-shadow:0 2px 4px var(--shadow-color)}50%{transform:scale(1.15);box-shadow:0 0 20px #ffd700b3;border-color:gold}to{transform:scale(1);box-shadow:0 2px 4px var(--shadow-color);border-color:var(--border-color)}}.speed-card.lift-and-swap{animation:liftSettleEffect .6s ease-in-out}@keyframes liftSettleEffect{0%{transform:translateY(0) scale(1);box-shadow:0 2px 4px var(--shadow-color)}25%{transform:translateY(-8px) scale(1.05);box-shadow:0 8px 16px var(--shadow-color)}50%{transform:translateY(-4px) scale(1.02);box-shadow:0 6px 12px var(--shadow-color)}75%{transform:translateY(-2px) scale(1.01);box-shadow:0 4px 8px var(--shadow-color)}to{transform:translateY(0) scale(1);box-shadow:0 2px 4px var(--shadow-color)}}.speed-card.selected{border-color:var(--accent-color);transform:scale(1.05);box-shadow:0 0 10px var(--accent-color)}.post-game-summary .leaderboard-link-button{display:inline-block;margin-top:15px;padding:10px 25px;background-color:var(--accent-color);color:#fff;text-decoration:none;border-radius:5px;font-weight:600;transition:background-color .3s ease}@media (max-width: 768px){.speed-match-game{padding:var(--mobile-padding);margin:10px auto;width:100%}.game-info-speed{font-size:1em;padding:var(--mobile-padding);margin:10px auto 15px;flex-wrap:wrap}.game-info-speed span{padding:0 var(--mobile-spacing);min-width:60px}.card-row-container{margin:8px 0;padding:var(--mobile-spacing)}.card-row-label{font-size:1em;margin-bottom:8px}.card-row{grid-template-columns:repeat(6,1fr);gap:var(--mobile-spacing)}.speed-card{min-height:50px;font-size:clamp(1em,4vw,1.5em);touch-action:manipulation;border-radius:var(--mobile-border-radius)}.speed-card.hidden-item{font-size:clamp(1.5em,6vw,2.5em)}.speed-card.revealed-hidden-item{font-size:clamp(1em,4vw,1.5em)}.feedback-area{margin-top:10px;font-size:1.1em;padding:var(--mobile-padding);min-width:200px}.speed-match-game .win-message{margin-top:15px;padding:var(--mobile-padding)}.speed-match-game .win-message p{font-size:1.1em}.speed-match-game .share-button{padding:var(--mobile-padding) 12px;font-size:.95em;min-height:var(--touch-target-min);margin-right:8px}.post-game-summary .leaderboard-link-button{padding:var(--mobile-padding) 20px;font-size:1em;min-height:var(--touch-target-min)}.win-message .streak-display{font-size:1em}}@media (max-width: 480px){.speed-match-game{padding:var(--mobile-spacing);margin:5px auto}.game-info-speed{font-size:.9em;padding:var(--mobile-spacing);margin:8px auto 12px}.game-info-speed span{padding:0 4px;min-width:50px}.card-row-container{padding:var(--mobile-spacing)}.card-row-label{font-size:.9em;margin-bottom:6px}.card-row{grid-template-columns:repeat(4,1fr);gap:4px}.speed-card{min-height:40px;font-size:clamp(.9em,5vw,1.3em)}.speed-card.hidden-item{font-size:clamp(1.2em,7vw,2em)}.speed-card.revealed-hidden-item{font-size:clamp(.9em,5vw,1.3em)}.feedback-area{font-size:1em;padding:var(--mobile-spacing);min-width:180px}.speed-match-game .win-message{padding:var(--mobile-spacing)}.speed-match-game .win-message p{font-size:1em}.speed-match-game .share-button{padding:var(--mobile-spacing) 10px;font-size:.9em;margin-right:6px}.post-game-summary .leaderboard-link-button{padding:var(--mobile-spacing) 16px;font-size:.95em}.win-message .streak-display{font-size:.95em}}@media (max-width: 768px){.speed-card.player-item:active{transform:scale(.95);transition:transform .1s ease}.speed-match-game .share-button:active,.post-game-summary .leaderboard-link-button:active{transform:scale(.98)}}.anagram-hunt-container{display:flex;flex-direction:column;align-items:center;padding:20px;font-family:sans-serif;max-width:600px;margin:20px auto;background-color:var(--background-primary);border-radius:8px;box-shadow:0 2px 10px var(--shadow-color)}.anagram-hunt-container h2{color:var(--text-primary);margin-bottom:15px}.game-info{display:flex;justify-content:space-around;width:100%;max-width:400px;margin:10px auto 20px;font-size:1.1em;background-color:var(--background-secondary);padding:10px 15px;border-radius:8px;box-shadow:0 1px 3px var(--shadow-color)}.timer-display{color:var(--danger-color);font-weight:700}.puzzle-area{margin-bottom:20px;text-align:center}.letters-display{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.letter-tile{background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:10px 15px;font-size:1.8em;font-weight:700;color:var(--text-primary);min-width:40px;text-align:center}.letter-tile.must-use{background-color:#ffc107;color:#333;border-color:#e0a800}.must-use-info{font-style:italic;color:var(--text-secondary);margin-bottom:15px}.word-input-form{display:flex;gap:10px;margin-bottom:15px;width:100%;max-width:400px}.word-input-form input[type=text]{flex-grow:1;padding:10px 12px;font-size:1.1em;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-primary);color:var(--text-primary)}.word-input-form input[type=text]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 .2rem #3498db33}.word-input-form button[type=submit]{padding:10px 20px;font-size:1.1em;background-color:var(--success-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.word-input-form button[type=submit]:hover{background-color:var(--success-color);filter:brightness(.9)}.feedback-message{margin-bottom:15px;font-weight:700;min-height:1.5em;transition:color .3s}.feedback-message.error{color:var(--danger-color)}.feedback-message.success{color:var(--success-color)}.found-words-area{margin-top:20px;width:100%;max-width:400px;background-color:var(--background-secondary);padding:15px;border-radius:6px;box-shadow:0 1px 3px var(--shadow-color)}.found-words-area h3{margin-top:0;font-size:1.2em;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:8px;margin-bottom:10px}.found-words-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 12px;max-height:200px;overflow-y:auto}.found-words-list li{background-color:var(--background-tertiary);padding:5px 10px;border-radius:4px;font-size:.95em;color:var(--text-primary)}.finish-game-button{margin-top:25px;padding:12px 25px;font-size:1.1em;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.finish-game-button:hover{background-color:var(--accent-hover)}.win-message{margin-top:20px;width:100%;max-width:450px;padding:20px;background-color:var(--background-primary);border:1px solid var(--success-color);border-radius:8px;text-align:center}.win-message h3{margin-top:0;color:var(--success-color)}.win-message p{margin-bottom:10px;font-weight:500;color:var(--success-color);font-size:1.1em}.game-loading-container,.game-error-container{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--text-secondary)}.game-error-message{color:var(--danger-color);font-size:1.1em}.win-message .streak-display{font-weight:700;color:var(--success-color);font-size:1.1em}@media (max-width: 768px){.anagram-hunt-container{padding:var(--mobile-padding);margin:10px auto;max-width:100%}.anagram-hunt-container h2{font-size:1.4em;margin-bottom:10px}.game-info{font-size:1em;padding:var(--mobile-padding);margin:8px auto 15px}.letters-display{gap:6px;margin-bottom:8px;flex-wrap:wrap;justify-content:center}.letter-tile{min-width:35px;min-height:35px;font-size:1.4em;padding:8px 12px;touch-action:manipulation}.must-use-info{font-size:.9em;margin-bottom:10px}.word-input-form{flex-direction:column;gap:var(--mobile-spacing);margin-bottom:10px}.word-input-form input[type=text]{padding:var(--mobile-padding);font-size:16px;min-height:var(--touch-target-min)}.word-input-form button[type=submit]{padding:var(--mobile-padding) 16px;font-size:1em;min-height:var(--touch-target-min)}.feedback-message{font-size:1em;margin-bottom:10px}.found-words-area{margin-top:15px;padding:var(--mobile-padding)}.found-words-area h3{font-size:1.1em;margin-bottom:8px}.found-words-list{gap:6px 8px;max-height:150px}.found-words-list li{padding:4px 8px;font-size:.9em}.finish-game-button{margin-top:15px;padding:var(--mobile-padding) 20px;font-size:1em;min-height:var(--touch-target-min)}.win-message{margin-top:15px;padding:var(--mobile-padding)}.win-message h3{font-size:1.2em}.win-message p{font-size:1em}.post-game-summary{margin-top:15px;padding:var(--mobile-padding)}.share-button{padding:var(--mobile-padding) 16px;font-size:.95em;min-height:var(--touch-target-min);margin-right:8px}.post-game-summary .leaderboard-link-button{padding:var(--mobile-padding) 16px;font-size:.95em;min-height:var(--touch-target-min)}.win-message .streak-display{font-size:1em}.toast{top:70px;right:var(--mobile-spacing);left:var(--mobile-spacing);width:auto;max-width:none}}@media (max-width: 480px){.anagram-hunt-container{padding:var(--mobile-spacing);margin:5px auto}.anagram-hunt-container h2{font-size:1.3em}.game-info{font-size:.9em;padding:var(--mobile-spacing)}.letters-display{gap:4px}.letter-tile{min-width:30px;min-height:30px;font-size:1.2em;padding:6px 8px}.word-input-form input[type=text]{padding:var(--mobile-spacing);font-size:16px}.word-input-form button[type=submit]{padding:var(--mobile-spacing) 12px;font-size:.95em}.found-words-area{padding:var(--mobile-spacing)}.found-words-list{gap:4px 6px;max-height:120px}.found-words-list li{padding:3px 6px;font-size:.85em}.finish-game-button{padding:var(--mobile-spacing) 16px;font-size:.95em}.win-message{padding:var(--mobile-spacing)}.win-message h3{font-size:1.1em}.win-message p{font-size:.95em}.post-game-summary{padding:var(--mobile-spacing)}.share-button{padding:var(--mobile-spacing) 12px;font-size:.9em;margin-right:6px}.post-game-summary .leaderboard-link-button{padding:var(--mobile-spacing) 12px;font-size:.9em}.win-message .streak-display{font-size:.95em}}@media (max-width: 768px){.letter-tile:active{transform:scale(.95);transition:transform .1s ease}.word-input-form button[type=submit]:active,.finish-game-button:active,.share-button:active,.post-game-summary .leaderboard-link-button:active{transform:scale(.98)}}.triordle-game-container{display:flex;flex-direction:column;align-items:center;width:75vw;max-width:800px;margin:0 auto;padding:10px;font-family:sans-serif}.triordle-game-container h1{font-size:1.8em;color:var(--text-primary)}.triordle-game-container p{color:var(--text-secondary);margin-bottom:15px}.triordle-grids-container{display:flex;justify-content:center;gap:15px;width:100%;margin-bottom:20px}.triordle-grid{display:grid;grid-template-rows:repeat(var(--max-guesses, 8),1fr);gap:5px;flex:1}.grid-row{display:grid;grid-template-columns:repeat(var(--word-length, 6),1fr);gap:5px}.grid-tile{width:100%;padding-bottom:inherit;position:relative;border:2px solid var(--border-color);font-size:1.5em;font-weight:700;text-transform:uppercase;color:var(--text-primary);display:inline-flex;justify-content:center;align-items:center;min-height:35px}.grid-tile.filled{border-color:var(--border-color)}.grid-tile.status-correct{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.grid-tile.status-present{background-color:#c9b458;border-color:#c9b458;color:#fff}.grid-tile.status-absent{background-color:var(--text-secondary);border-color:var(--text-secondary);color:#fff}.triordle-keyboard{width:100%;max-width:500px;margin-top:10px}.keyboard-row{display:flex;width:100%;margin:0 auto 8px;justify-content:center;gap:6px}.key{font-size:1em;font-weight:700;padding:0;height:58px;flex:1;display:flex;justify-content:center;align-items:center;background-color:var(--background-tertiary);color:var(--text-primary);border:0;border-radius:4px;cursor:pointer;text-transform:uppercase;-webkit-tap-highlight-color:rgba(0,0,0,.3);transition:background-color .1s}.key:hover{background-color:var(--background-primary)}.key.special{flex:1.5}.key.status-correct{background-color:var(--success-color);color:#fff}.key.status-present{background-color:#c9b458;color:#fff}.key.status-absent{background-color:var(--text-secondary);color:#fff}.toast{position:fixed;top:10%;left:50%;transform:translate(-50%);background-color:var(--background-secondary);color:var(--text-primary);padding:12px 20px;border-radius:6px;z-index:1002;font-weight:700;animation:fade-in-out 1.5s ease-in-out;box-shadow:0 2px 10px var(--shadow-color)}@keyframes fade-in-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.post-game-summary .leaderboard-link-button{padding:10px 25px;font-size:1.1em;font-weight:700;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;text-decoration:none;transition:background-color .2s}@media (max-width: 768px){.triordle-game-container{width:100%}}.word-clue-game-container{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:800px;margin:0 auto;background-color:var(--background-primary);border-radius:8px;box-shadow:0 2px 10px var(--shadow-color);width:75vw}.word-clue-game-container h1{color:var(--text-primary);margin-bottom:20px;font-size:2em}.game-info{display:flex;justify-content:space-around;width:100%;max-width:600px;margin:20px 0;font-size:1.1em;background-color:var(--background-secondary);padding:15px;border-radius:8px;box-shadow:0 1px 3px var(--shadow-color)}.game-info span{font-weight:700;flex:1;text-align:center}.theme-section{text-align:center;margin:20px 0;padding:15px;background-color:var(--background-secondary);border-radius:8px}.theme-reveal-btn{background-color:var(--accent-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-left:10px;font-size:.9em}.theme-reveal-btn:hover:not(:disabled){background-color:var(--accent-hover)}.theme-reveal-btn:disabled{background-color:var(--text-secondary);cursor:not-allowed}.word-display{text-align:center;margin:30px 0;padding:20px;background-color:var(--background-secondary);border-radius:8px;border:2px solid var(--accent-color)}.word-display h2{font-size:2.5em;letter-spacing:.2em;color:var(--text-primary);margin:0}.letter-guess-section,.word-guess-section{margin:20px 0;text-align:center}.letter-guess-section h3,.word-guess-section h3{color:var(--text-primary);margin-bottom:15px}.letter-guess-form,.word-guess-form{display:flex;gap:10px;justify-content:center;align-items:center}.letter-guess-form input,.word-guess-form input{padding:12px;font-size:1.2em;border:2px solid var(--border-color);border-radius:6px;background-color:var(--background-primary);color:var(--text-primary);text-align:center;text-transform:uppercase}.letter-guess-form input:focus,.word-guess-form input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3498db33}.letter-guess-form button,.word-guess-form button{padding:12px 20px;font-size:1.1em;background-color:var(--success-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.letter-guess-form button:hover:not(:disabled),.word-guess-form button:hover:not(:disabled){background-color:var(--success-color-secondary)}.letter-guess-form button:disabled,.word-guess-form button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.feedback-message{margin:20px 0;padding:15px;border-radius:6px;font-weight:700;text-align:center;min-height:1.5em;transition:color .3s}.feedback-message.success{background-color:var(--background-primary);color:var(--success-color);border:1px solid var(--success-color)}.feedback-message.error{background-color:var(--background-primary);color:var(--danger-color);border:1px solid var(--danger-color)}.letters-guessed,.word-guesses{margin:20px 0;text-align:center}.letters-guessed h3,.word-guesses h3{color:var(--text-primary);margin-bottom:10px}.letters-list,.word-guesses-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.guessed-letter,.guessed-word{background-color:var(--background-tertiary);padding:8px 12px;border-radius:4px;font-weight:700;color:var(--text-primary);border:1px solid var(--border-color)}.win-message{margin-top:20px;padding:20px;background-color:var(--background-primary);border:1px solid var(--success-color);border-radius:8px;text-align:center}.win-message h3{margin-bottom:15px;color:var(--success-color);font-size:1.5em}.win-message p{margin-bottom:10px;font-weight:700;color:var(--success-color);font-size:1.2em}.win-message p.points-earned.error{color:var(--danger-color)}.post-game-summary{margin-top:20px;width:100%;max-width:450px;padding:20px;background-color:var(--background-secondary);border-radius:8px;text-align:center}.share-button{margin-top:15px;padding:10px 20px;font-size:1em;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s;margin-right:10px}.share-button:hover{background-color:var(--accent-hover)}.post-game-summary .leaderboard-link-button{display:inline-block;margin-top:15px;padding:10px 20px;background-color:var(--accent-color);color:#fff;text-decoration:none;border-radius:5px;font-weight:600;transition:background-color .3s ease}.post-game-summary .leaderboard-link-button:hover{background-color:var(--accent-hover)}.toast{position:fixed;top:20px;right:20px;background-color:var(--success-color);color:#fff;padding:12px 20px;border-radius:5px;box-shadow:0 2px 10px var(--shadow-color);z-index:1000;animation:fade-in-out 3s ease-in-out}@keyframes fade-in-out{0%,to{opacity:0;transform:translateY(-20px)}20%,80%{opacity:1;transform:translateY(0)}}.game-loading-container,.game-error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;color:var(--text-secondary)}.game-error-container{background-color:var(--background-secondary);border:1px solid var(--danger-color);border-radius:8px;padding:20px;margin:20px 0;color:var(--danger-color);text-align:center}.game-error-message{color:var(--danger-color);font-size:1.1em;margin:15px 0}.alphabet-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:20px;max-width:400px}.alphabet-button{padding:12px 8px;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease}.alphabet-button:hover:not(:disabled){background-color:var(--accent-hover);transform:scale(1.05)}.alphabet-button.disabled{background-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.points-earned{color:#f39c12;font-weight:700;font-size:18px}.win-message .streak-display{margin-top:10px;font-size:1.1em;color:var(--success-color);font-weight:700}.win-message .streak-bonus{margin:10px 0;font-size:1.1em;color:#10b981;font-weight:700;background-color:#10b9811a;padding:10px;border-radius:8px;border:2px solid #10b981}.resume-info{background-color:var(--background-secondary);border:2px solid var(--accent-color);border-radius:8px;padding:15px;margin:15px 0}.resume-info p{margin:0 0 10px;font-weight:700;color:var(--accent-color)}.resume-info ul{margin:0;padding-left:20px}.resume-info li{margin:5px 0;color:var(--text-primary)}@media (max-width: 768px){.word-clue-game-container{width:100%}}.leaderboard-page{width:75vw;margin:20px auto;padding:20px;font-family:sans-serif;background-color:var(--background-primary);color:var(--text-primary)}.leaderboard-page h1{text-align:center;color:var(--text-primary);margin-bottom:25px}.leaderboard-controls{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;padding:15px;margin-bottom:30px;background-color:var(--background-tertiary);border-radius:8px}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-weight:600;color:var(--text-primary)}.leaderboard-controls select,.leaderboard-controls input[type=date]{padding:10px 15px;font-size:1em;font-family:inherit;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-primary);color:var(--text-primary);cursor:pointer;min-width:200px;transition:border-color .2s,box-shadow .2s}.leaderboard-controls select:focus,.leaderboard-controls input[type=date]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 .2rem #3498db33}.leaderboard-controls select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px center;background-size:10px;width:100%;padding:10px 15px;font-size:16px;border-radius:5px;cursor:pointer}.date-picker-container input[type=date]{min-width:auto}.leaderboard-content{background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);padding:20px;min-height:300px}.leaderboard-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:6px;position:relative}.leaderboard-table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;pointer-events:none;opacity:0;transition:opacity .3s ease}@media (max-width: 768px){.leaderboard-table-container:after{opacity:1}}.leaderboard-table{width:100%;border-collapse:collapse}.wide-leaderboard-table{min-width:600px}.leaderboard-table th,.leaderboard-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color)}.leaderboard-table thead{background-color:var(--background-tertiary)}.leaderboard-table th{color:var(--text-primary);font-weight:600;text-transform:uppercase;font-size:.85em}.leaderboard-table tbody tr:hover{background-color:var(--background-primary)}.leaderboard-table td:first-child{font-weight:700;color:var(--accent-color);text-align:center;width:50px}.leaderboard-table td a{color:var(--text-primary);text-decoration:none;font-weight:600}.leaderboard-table td a:hover{text-decoration:underline;color:var(--accent-color)}.loading-indicator,.error-message,.no-data-message{text-align:center;font-size:1.1em;padding:30px;color:var(--text-secondary)}@media (max-width: 760px){.leaderboard-page{padding:10px;max-width:96vw;margin:0 auto;width:100%}.leaderboard-page h1{text-align:center;color:var(--text-primary);margin:10px;font-size:2em}.leaderboard-controls{flex-direction:column;gap:15px;padding:15px}.control-group{width:100%;justify-content:space-between}.leaderboard-controls select,.leaderboard-controls input[type=date]{min-width:150px;flex:1}.leaderboard-content{padding:15px}.wide-leaderboard-table{min-width:500px}.leaderboard-table th,.leaderboard-table td{padding:8px 10px;font-size:.9em}.leaderboard-table th{font-size:.8em}}@media (max-width: 480px){.leaderboard-page{padding:5px}.leaderboard-controls{padding:10px;gap:10px}.leaderboard-content{padding:10px}.wide-leaderboard-table{min-width:450px}.leaderboard-table th,.leaderboard-table td{padding:6px 8px;font-size:.85em}.leaderboard-table th{font-size:.75em}}.leaderboard-signup-message{margin-top:30px;padding:25px;background:linear-gradient(135deg,var(--accent-color),#667eea);border-radius:12px;box-shadow:0 4px 15px #3498db33;text-align:center;color:#fff}.signup-message-content h3{margin:0 0 15px;font-size:1.4em;font-weight:600;color:#fff}.signup-message-content p{margin:0 0 20px;font-size:1.1em;opacity:.95;line-height:1.5}.signup-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.signup-button{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1em;transition:all .3s ease;border:2px solid transparent}.signup-button.primary{background-color:#fff;color:var(--accent-color)}.signup-button.primary:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.signup-button.secondary{background-color:transparent;color:#fff;border-color:#fff}.signup-button.secondary:hover{background-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 600px){.leaderboard-signup-message{margin-top:20px;padding:20px 15px}.signup-message-content h3{font-size:1.2em}.signup-message-content p{font-size:1em}.signup-buttons{flex-direction:column;gap:10px}.signup-button{padding:10px 20px;font-size:.95em}}.transaction-history-page{max-width:900px;margin:20px auto;padding:20px;font-family:sans-serif}.transaction-history-page h1{text-align:center;color:var(--text-primary)}.transaction-history-page>p{text-align:center;color:var(--text-secondary);margin-bottom:30px}.transaction-table-container{background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);padding:10px 20px 20px;overflow-x:auto}.transaction-table{width:100%;border-collapse:collapse}.transaction-table th,.transaction-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color)}.transaction-table thead{background-color:var(--background-primary)}.transaction-table th{color:var(--text-secondary);font-weight:600;font-size:.9em;text-transform:uppercase}.transaction-table th.amount-col{text-align:right}.transaction-table tbody tr:hover{background-color:var(--background-tertiary)}.transaction-table td .tx-description{display:block;font-weight:500;color:var(--text-primary)}.transaction-table td .tx-type{display:block;font-size:.85em;color:var(--text-secondary)}.transaction-table td.amount-col{text-align:right;font-weight:700;font-family:monospace,sans-serif;font-size:1.1em}.transaction-table td.amount-col.positive{color:var(--success-color)}.transaction-table td.amount-col.negative{color:var(--danger-color)}.login-button-link{display:inline-block;padding:10px 25px;background-color:var(--accent-color);color:#fff;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color .2s}.login-button-link:hover{background-color:var(--accent-hover)}.loading-indicator,.no-data-message,.error-message{text-align:center;font-size:1.1em;padding:30px;color:var(--text-secondary)}.error-message{color:var(--danger-color)}.my-referrals-page{max-width:900px;margin:20px auto;padding:20px}.my-referrals-page h1{text-align:center;color:var(--text-primary);margin-bottom:30px}.referral-link-section,.referral-stats-section,.referral-list-section{background-color:var(--background-secondary);padding:20px;border-radius:8px;margin-bottom:25px;box-shadow:0 2px 8px var(--shadow-color)}.referral-link-section h2{margin-top:0;color:var(--accent-color)}.referral-link-section p{color:var(--text-secondary);line-height:1.6}.referral-link-box{display:flex;margin-top:15px}.referral-link-box input{flex-grow:1;padding:10px;font-size:1em;border:1px solid var(--border-color);border-right:none;border-radius:5px 0 0 5px;background-color:var(--background-tertiary);color:var(--text-primary)}.referral-link-box button{padding:10px 20px;border:1px solid var(--accent-color);background-color:var(--accent-color);color:#fff;font-weight:700;border-radius:0 5px 5px 0;cursor:pointer;transition:background-color .2s}.referral-link-box button:hover{background-color:var(--accent-hover)}.referral-stats-section{display:flex;gap:20px;justify-content:space-around}.my-referrals-page .stat-card{background-color:var(--background-primary);padding:20px;border-radius:8px;flex:1;text-align:center;border:1px solid var(--border-color)}.my-referrals-page .stat-card h3{margin:0 0 10px;color:var(--text-primary)}.my-referrals-page .stat-card p{font-size:2em;font-weight:700;color:var(--success-color);margin:0}.referral-list-section h2{margin-top:0;color:var(--text-primary)}.referral-table{width:100%;border-collapse:collapse}.referral-table th,.referral-table td{padding:10px;text-align:left;border-bottom:1px solid var(--border-color)}.referral-table th{background-color:var(--background-primary);font-weight:600;color:var(--text-secondary)}.referral-table tbody tr:hover{background-color:var(--background-tertiary)}.auth-prompt{text-align:center;padding:30px;background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color)}.auth-prompt p{font-size:1.2em;margin-bottom:20px;color:var(--text-primary)}.login-button-link{display:inline-block;padding:12px 30px;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:700;font-size:1.1em;transition:all .2s ease;border:2px solid var(--accent-color);box-shadow:0 2px 4px #0000001a}.login-button-link:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background-color:var(--background-secondary);color:var(--text-primary);padding:12px 20px;border-radius:6px;z-index:1002;font-weight:700;animation:fade-in-out 2.5s ease-in-out;box-shadow:0 2px 10px var(--shadow-color)}@keyframes fade-in-out{0%{opacity:0;bottom:0}20%{opacity:1;bottom:30px}80%{opacity:1;bottom:30px}to{opacity:0;bottom:0}}.theme-toggle-button.with-text{width:100%;padding:12px 25px;font-size:1em;font-weight:700;color:var(--text-primary);background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;transition:background-color .2s,border-color .2s;display:flex;align-items:center;justify-content:center;gap:10px}.theme-toggle-button.with-text:hover{border-color:var(--accent-color);background-color:var(--background-primary)}@media (max-width: 768px){.theme-toggle-button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(var(--accent-color-rgb),.1);min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.theme-toggle-button:active{transform:scale(.95);transition:transform .1s ease}.theme-toggle-button.with-text{padding:16px 25px;font-size:1em;min-height:var(--touch-target-min)}}.social-accounts-manager{background:var(--background-secondary);border-radius:12px;padding:24px;margin:20px 0}.social-accounts-manager h3{margin:0 0 20px;color:var(--text-primary);font-size:18px;font-weight:600}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-secondary)}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.no-accounts{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-accounts-icon{font-size:48px;margin-bottom:16px}.no-accounts p{margin:8px 0}.no-accounts-subtitle{font-size:14px;opacity:.8}.accounts-list{display:flex;flex-direction:column;gap:16px}.account-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.account-item:hover{border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a}.account-info{display:flex;align-items:center;gap:12px;flex:1}.provider-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}.provider-icon.google{background:#4285f4;color:#fff}.provider-icon.apple{background:#000;color:#fff}.provider-icon.default{background:var(--accent-color);color:#fff;font-weight:600;font-size:14px}.account-details{flex:1}.account-name{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.verified-badge{background:#4caf50;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.account-email{color:var(--text-secondary);font-size:14px;margin-bottom:2px}.account-connected{color:var(--text-secondary);font-size:12px;opacity:.8}.unlink-button{background:#dc3545;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.unlink-button:hover{background:#c82333}.unlink-button:disabled{background:#6c757d;cursor:not-allowed}.connect-accounts-section{margin-top:24px;padding:20px;background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px}.connect-accounts-section h4{margin:0 0 8px;color:var(--text-primary);font-size:16px;font-weight:600}.connect-accounts-section p{margin:0 0 16px;color:var(--text-secondary);font-size:14px;line-height:1.4}.connect-buttons{display:flex;gap:12px;flex-wrap:wrap}.connect-button{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-secondary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px;justify-content:center}.connect-button:hover:not(:disabled){border-color:var(--accent-color);background:var(--background-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.connect-button:disabled{opacity:.6;cursor:not-allowed;background:var(--background-secondary)}.connect-button.loading{position:relative}.connect-button.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.connect-button.google{border-color:#4285f4;color:#4285f4}.connect-button.google:hover:not(:disabled){background:#4285f4;color:#fff}.connect-button.apple{border-color:#000;color:#000}.connect-button.apple:hover:not(:disabled){background:#000;color:#fff}.connect-button .provider-icon{width:20px;height:20px}.social-accounts-info{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.social-accounts-info h4{margin:0 0 12px;color:var(--text-primary);font-size:16px;font-weight:600}.social-accounts-info ul{margin:0;padding-left:20px;color:var(--text-secondary);font-size:14px}.social-accounts-info li{margin-bottom:6px;line-height:1.4}@media (max-width: 768px){.social-accounts-manager{padding:16px;margin:16px 0}.account-item{flex-direction:column;align-items:flex-start;gap:12px}.unlink-button{align-self:flex-end}.account-info{width:100%}.connect-buttons{flex-direction:column}.connect-button{min-width:auto;width:100%}}@media (max-width: 480px){.social-accounts-manager h3{font-size:16px}.account-item{padding:12px}.provider-icon{width:28px;height:28px}.account-name{font-size:14px}.account-email{font-size:13px}.account-connected{font-size:11px}}.account-settings-page{max-width:900px;margin:30px auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-primary);color:var(--text-primary)}.account-settings-page h1{text-align:center;color:var(--text-primary);margin-bottom:30px;font-size:2.2em}.settings-container{display:flex;flex-direction:row;background-color:var(--background-secondary);border-radius:12px;box-shadow:0 5px 20px var(--shadow-color);border:1px solid var(--border-color);min-height:500px;overflow:hidden}.settings-nav{display:flex;flex-direction:column;padding:15px;border-right:1px solid var(--border-color);background-color:var(--background-primary);flex-basis:220px;flex-shrink:0}.settings-nav button{background:none;border:none;padding:15px 20px;text-align:left;width:100%;font-size:1.05em;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:6px;margin-bottom:5px;transition:background-color .2s,color .2s}.settings-nav button:hover{background-color:var(--background-tertiary)}.settings-nav button.active{background-color:var(--accent-color);color:#fff;box-shadow:0 2px 5px var(--shadow-color)}.settings-nav button.danger-tab{margin-top:auto;color:var(--danger-color)}.settings-nav button.danger-tab:hover{background-color:var(--background-tertiary);color:var(--danger-color)}.settings-nav button.danger-tab.active{background-color:var(--danger-color);color:#fff;box-shadow:0 2px 5px var(--shadow-color)}.settings-nav button:disabled{opacity:.6;cursor:not-allowed;color:var(--text-tertiary)}.settings-nav button:disabled:hover{background-color:transparent}.settings-content{flex-grow:1;padding:30px 40px}.settings-card{border:none;box-shadow:none;padding:0;border-radius:0}.settings-card h2{margin-top:0;margin-bottom:25px;color:var(--text-primary);font-size:1.8em;border-bottom:1px solid var(--border-color);padding-bottom:15px}.settings-card.danger-zone h2{color:var(--danger-color)}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px;color:var(--text-primary)}.form-group input{width:100%;padding:12px;box-sizing:border-box;border:1px solid var(--border-color);border-radius:5px;font-size:1em;transition:border-color .2s,box-shadow .2s;background-color:var(--background-primary);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 .2rem #3498db33}.form-group input.disabled-input{background-color:var(--background-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.settings-card button{display:inline-block;padding:12px 25px;font-size:1em;font-weight:700;color:#fff;background-color:var(--accent-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.settings-card button:hover:not(:disabled){background-color:var(--accent-hover)}.settings-card button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.settings-card.danger-zone .danger-button{background-color:var(--danger-color)}.settings-card.danger-zone .danger-button:hover:not(:disabled){background-color:var(--danger-color);filter:brightness(.9)}.settings-card.danger-zone p{font-size:.95em;color:var(--text-secondary);line-height:1.6}.error-message{color:var(--danger-color);background-color:var(--background-primary);border:1px solid var(--danger-color);padding:10px;border-radius:5px;margin-top:15px;text-align:center}.success-message{color:var(--success-color);background-color:var(--background-primary);border:1px solid var(--success-color);padding:10px;border-radius:5px;margin-top:15px;text-align:center}.settings-card .form-group p{font-size:.95em;color:var(--text-secondary);line-height:1.6;margin-top:0;margin-bottom:15px}body.dark .settings-card .form-group p{color:var(--text-secondary)}.verification-info{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:25px}.verification-info p{margin-bottom:15px;color:var(--text-primary);font-size:1em;line-height:1.6}.reward-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;margin:20px 0;text-align:center}.reward-info h3{margin:0 0 10px;font-size:1.3em;color:#fff}.reward-info p{margin:0;color:#fff;font-size:1.1em}.reward-info strong{font-size:1.2em;color:gold}.verification-steps{background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin:20px 0}.verification-steps h3{margin:0 0 15px;color:var(--text-primary);font-size:1.2em}.verification-steps ol{margin:0;padding-left:20px;color:var(--text-primary)}.verification-steps li{margin-bottom:8px;line-height:1.5}.verification-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;padding:15px 30px!important;font-size:1.1em!important;font-weight:700!important;border:none!important;border-radius:8px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 15px #667eea4d!important}.verification-button:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 20px #667eea66!important}.verification-button:disabled{opacity:.7!important;transform:none!important;cursor:not-allowed!important}.username-customization-notice,.username-customization-complete{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:2px solid}.username-customization-notice{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-color:#3b82f6}.username-customization-complete{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-color:#22c55e}.notice-icon,.complete-icon{font-size:2rem;flex-shrink:0}.notice-content,.complete-content{flex:1}.notice-content h3,.complete-content h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.2rem;font-weight:600}.notice-content p,.complete-content p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.5}.current-username{background:var(--background-secondary);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid var(--border-color);font-family:Courier New,monospace;font-size:.9rem}.customize-username-btn,.change-username-btn{background:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.customize-username-btn:hover,.change-username-btn:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.customize-username-btn:active,.change-username-btn:active{transform:translateY(0)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:var(--text-secondary)}.loading-spinner{width:2rem;height:2rem;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.username-locked-notice{display:flex;align-items:center;gap:.5rem;background:var(--background-tertiary);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;margin-top:1rem}.lock-icon{font-size:1.1rem;flex-shrink:0}.mischief-market-page{width:75vw;margin:0 auto;padding:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.market-header{text-align:center;margin-bottom:40px;padding:20px 0}.market-header h1{font-size:2.8em;font-weight:800;color:#2c3e50;margin-bottom:12px;letter-spacing:-.02em}.market-header p{font-size:1.1em;color:#7f8c8d;max-width:500px;margin:0 auto;line-height:1.5}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:10px 0}.market-item-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;transition:all .3s ease;overflow:hidden;border:1px solid #e8e8e8}.market-item-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001f;border-color:#d0d0d0}.market-item-card.tier-1{border-left:4px solid #95a5a6}.market-item-card.tier-2{border-left:4px solid #3498db}.market-item-card.tier-3{border-left:4px solid #9b59b6}.market-item-image-container{height:200px;position:relative;overflow:hidden;background:#f8f9fa}.market-item-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.market-item-card:hover .market-item-image{transform:scale(1.05)}.market-item-card .card-header{padding:20px 24px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:#fff;border:0px}.market-item-card h3{margin:0;font-size:1.3em;font-weight:700;color:#2c3e50;line-height:1.3;flex:1}.item-tier{font-size:.75em;font-weight:700;color:#fff;padding:6px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 8px #00000026}.tier-1 .item-tier{background:#95a5a6}.tier-2 .item-tier{background:#3498db}.tier-3 .item-tier{background:#9b59b6}.market-item-details{padding:0 24px 20px;flex-grow:1;display:flex;flex-direction:column;gap:16px;background:#fff}.item-description{color:#5a6c7d;line-height:1.6;margin:0;font-size:.95em;flex-grow:1}.penetration-info{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:.9em;font-weight:600;border:1px solid}.penetration-icon{font-size:1.1em;flex-shrink:0}.penetration-text{flex-grow:1;line-height:1.4}.penetration-common{background:#f8f9fa;border-color:#e9ecef;color:#495057}.penetration-uncommon{background:#e3f2fd;border-color:#bbdefb;color:#1565c0}.penetration-rare{background:#f3e5f5;border-color:#e1bee7;color:#7b1fa2}.penetration-epic{background:#fff3e0;border-color:#ffcc80;color:#e65100}.penetration-legendary{background:#ffebee;border-color:#ffcdd2;color:#c62828}.effect-info{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;font-size:.9em;color:#495057;font-weight:600}.effect-icon{font-size:1.1em;flex-shrink:0}.effect-text{flex-grow:1;line-height:1.4;color:var(--text-secondary)}.item-cost{font-size:1.4em;font-weight:800;color:#e74c3c;text-align:center;padding:16px 20px;background:#fff5f5;border:2px solid #fed7d7;border-radius:12px;margin:8px 0}.currency-symbol{margin-right:6px;font-size:1.1em}.card-footer{padding:0 24px 24px;border:0px}.buy-button{width:100%;background:#27ae60;color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:1.05em;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #27ae604d}.buy-button:hover{background:#219a52;transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.buy-button:active{transform:translateY(0);box-shadow:0 4px 12px #27ae604d}.buy-button:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.loading-message{text-align:center;padding:40px 20px;color:#7f8c8d;font-size:1.1em;font-weight:500}.error-message{text-align:center;padding:20px;color:#e74c3c;background:#fff5f5;border:1px solid #fed7d7;border-radius:10px;margin:20px 0;font-weight:600}.no-items-message{text-align:center;padding:40px 20px;color:#7f8c8d;font-style:italic;font-size:1em}@media (max-width: 768px){.mischief-market-page{padding:5px;width:100%}.market-header h1{font-size:2.2em}.market-header p{font-size:1em}.market-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.market-item-card .card-header{padding:16px 20px 12px}.market-item-details{padding:0 20px 16px}.card-footer{padding:0 20px 20px;border:0px}}@media (max-width: 480px){.market-grid{grid-template-columns:1fr;gap:16px}.market-item-card .card-header{flex-direction:column;align-items:flex-start;gap:8px}.item-tier{align-self:flex-end}}.news-feed-page{max-width:900px;margin:20px auto;padding:20px;background-color:var(--background-primary)}.news-feed-header{text-align:center;margin-bottom:40px;border-bottom:2px solid var(--border-color);padding-bottom:20px}.news-feed-header h1{font-size:2.5em;color:var(--text-primary);margin:0}.news-feed-header p{font-size:1.1em;color:var(--text-secondary);margin-top:8px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px}.pagination-controls button{padding:8px 16px;font-weight:600;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.pagination-controls button:hover:not(:disabled){background-color:var(--accent-hover)}.pagination-controls button:disabled{background-color:var(--background-tertiary);color:var(--text-secondary);cursor:not-allowed}.pagination-controls span{font-weight:500;color:var(--text-secondary)}.achievement-villa-page{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background:var(--background-primary)}.page-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,var(--background-secondary) 0%,rgba(255,255,255,.05) 100%);border-radius:16px;border:2px solid var(--border-color)}.page-header h1{margin:0 0 16px;font-size:2.5em;font-weight:700;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-header p{margin:0;font-size:1.2em;color:var(--text-secondary);line-height:1.5}.tier-values-section{margin-bottom:40px}.tier-values-section h2{text-align:center;font-size:2em;font-weight:700;color:var(--text-primary);margin-bottom:30px;position:relative}.tier-values-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#ffa726);border-radius:2px}.tier-categories{display:flex;flex-direction:column;gap:40px}.tier-category h3{font-size:1.5em;font-weight:600;color:var(--text-primary);margin-bottom:8px}.tier-category p{color:var(--text-secondary);margin-bottom:24px;font-size:1.1em}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.tier-card{background:var(--background-secondary);border-radius:12px;padding:20px;border:2px solid var(--border-color);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);transform:scaleX(0);transition:transform .3s ease}.tier-card:hover:before{transform:scaleX(1)}.tier-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--accent-color)}.tier-card.wealth-baron{background:linear-gradient(135deg,var(--background-secondary) 0%,rgba(255,215,0,.05) 100%);border-color:#ffd7004d}.tier-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.tier-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tier-name{font-size:16px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.tier-value{font-size:24px;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.5);margin-bottom:8px}.tier-description{font-size:14px;color:var(--text-secondary);font-weight:500}.collection-bonuses-section{margin-bottom:40px}.collection-bonuses-section h2{text-align:center;font-size:2em;font-weight:700;color:var(--text-primary);margin-bottom:16px}.collection-bonuses-section>p{text-align:center;color:var(--text-secondary);font-size:1.1em;margin-bottom:30px}.bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.bonus-card{background:var(--background-secondary);border-radius:12px;padding:20px;border:2px solid var(--border-color);text-align:center;transition:all .3s ease}.bonus-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--accent-color)}.bonus-card.special{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-color:#ffd70080;box-shadow:0 4px 20px #ffd70033}.bonus-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.bonus-icon{font-size:20px}.bonus-count{font-size:14px;font-weight:600;color:var(--text-primary)}.bonus-rate{font-size:20px;font-weight:700;color:#4caf50;text-shadow:0 0 6px rgba(76,175,80,.4);margin-bottom:8px}.bonus-description{font-size:13px;color:var(--text-secondary);font-weight:500}.complete-collection-bonus{display:flex;justify-content:center}.complete-collection-bonus .bonus-card{max-width:400px;width:100%}.how-it-works-section{margin-bottom:40px}.how-it-works-section h2{text-align:center;font-size:2em;font-weight:700;color:var(--text-primary);margin-bottom:30px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.info-card{background:var(--background-secondary);border-radius:12px;padding:24px;border:2px solid var(--border-color);text-align:center;transition:all .3s ease}.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--accent-color)}.info-icon{font-size:32px;margin-bottom:16px;display:block}.info-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.info-card p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.tips-section{margin-bottom:40px}.tips-section h2{text-align:center;font-size:2em;font-weight:700;color:var(--text-primary);margin-bottom:30px}.tips-list{display:flex;flex-direction:column;gap:20px}.tip-item{display:flex;align-items:flex-start;gap:16px;background:var(--background-secondary);border-radius:12px;padding:20px;border:2px solid var(--border-color);transition:all .3s ease}.tip-item:hover{border-color:var(--accent-color);transform:translate(4px)}.tip-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.tip-content h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.tip-content p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.page-loading,.page-error,.auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.page-loading span,.page-error span,.auth-required h2{font-size:18px;color:var(--text-secondary)}.page-error span{color:#f44336}.auth-required h2{color:var(--text-primary);margin-bottom:12px}.auth-required p{color:var(--text-secondary);font-size:16px}@media (max-width: 768px){.achievement-villa-page{padding:16px}.page-header{padding:30px 16px;margin-bottom:30px}.page-header h1{font-size:2em}.page-header p{font-size:1.1em}.tier-values-section h2,.collection-bonuses-section h2,.how-it-works-section h2,.tips-section h2{font-size:1.6em}.tier-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.bonus-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.info-grid{grid-template-columns:1fr;gap:20px}.tier-card,.bonus-card,.info-card,.tip-item{padding:16px}.tier-value{font-size:20px}.bonus-rate{font-size:18px}}@media (max-width: 480px){.achievement-villa-page{padding:12px}.page-header{padding:24px 12px;margin-bottom:24px}.page-header h1{font-size:1.8em}.page-header p{font-size:1em}.tier-values-section h2,.collection-bonuses-section h2,.how-it-works-section h2,.tips-section h2{font-size:1.4em}.tier-grid,.bonus-grid{grid-template-columns:1fr;gap:12px}.tier-card,.bonus-card,.info-card{padding:14px}.tip-item{padding:14px;gap:12px}.tip-number{width:28px;height:28px;font-size:14px}.tier-value{font-size:18px}.bonus-rate{font-size:16px}}.pattern-match-container{max-width:600px;margin:0 auto;padding:20px;font-family:sans-serif;color:var(--text-primary)}.pattern-match-header{text-align:center;margin-bottom:30px}.pattern-match-header h1{font-size:2.5em;font-weight:700;margin:0 0 10px;color:var(--accent-color)}.pattern-match-header p{font-size:1.1em;color:var(--text-secondary);margin:0 0 20px}.game-stats{display:flex;justify-content:center;gap:30px;margin-top:15px;font-size:.9em;color:var(--text-secondary)}.mistakes,.guesses{font-weight:600}.loading-spinner{text-align:center;padding:60px 20px}.spinner{width:40px;height:40px;border:4px solid var(--background-secondary);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-message{padding:15px;border-radius:8px;text-align:center;margin-bottom:20px;font-weight:600}.game-message.success{background-color:#4ade8033;border:2px solid #4ade80;color:#22c55e}.game-message.error{background-color:#ef444433;border:2px solid #ef4444;color:#ef4444}.game-message.info{background-color:#3b82f633;border:2px solid #3b82f6;color:#3b82f6}.game-board{margin-bottom:30px}.solved-category{border-radius:12px;padding:20px;margin-bottom:15px;color:#fff;animation:slideIn .5s ease-out}.category-header h3{margin:0 0 5px;font-size:1.2em;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.category-description{margin:0 0 15px;font-size:.9em;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.category-words{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.solved-word{background-color:#fff3;padding:8px 12px;border-radius:6px;font-weight:600;font-size:.9em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.words-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.word-button{background-color:var(--background-secondary);border:2px solid var(--border-color);color:var(--text-primary);padding:20px 10px;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center}.word-button:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.word-button.selected{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.word-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.word-button:disabled:hover{transform:none;box-shadow:none}.game-controls{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.clear-button,.submit-button{padding:12px 24px;border-radius:8px;font-weight:600;font-size:1em;cursor:pointer;transition:all .2s ease;border:none}.clear-button{background-color:var(--background-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.clear-button:hover:not(:disabled){background-color:var(--border-color)}.submit-button{background-color:var(--accent-color);color:#fff}.submit-button:hover:not(:disabled){background-color:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.clear-button:disabled,.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-complete{text-align:center;padding:30px;background-color:var(--background-secondary);border-radius:12px;border:2px solid var(--border-color);margin-bottom:30px}.game-complete h3{margin:0 0 15px;font-size:1.5em;color:var(--accent-color)}.game-complete p{margin:0 0 10px;color:var(--text-secondary)}.streak-display{margin:10px 0;font-size:1.1em;color:#f59e0b;font-weight:700}.streak-bonus{margin:10px 0;font-size:1.1em;color:#10b981;font-weight:700;background-color:#10b9811a;padding:10px;border-radius:8px;border:2px solid #10b981}.next-puzzle{font-style:italic;font-size:.9em}.share-button{display:block;margin:15px auto;padding:10px 20px;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.share-button:hover{background-color:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.leaderboard-link-button{display:block;margin:15px auto;padding:10px 20px;background-color:var(--background-secondary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;text-decoration:none;text-align:center;transition:all .2s ease}.leaderboard-link-button:hover{background-color:var(--border-color);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.game-instructions{background-color:var(--background-secondary);padding:20px;border-radius:12px;border:2px solid var(--border-color)}.game-instructions h4{margin:0 0 15px;color:var(--accent-color);font-size:1.1em}.game-instructions ul{margin:0;padding-left:20px}.game-instructions li{margin-bottom:8px;color:var(--text-secondary);line-height:1.5}.error-message{text-align:center;padding:60px 20px;background-color:var(--background-secondary);border-radius:12px;border:2px solid var(--border-color)}.error-message h3{margin:0 0 15px;color:var(--accent-color)}.error-message p{color:var(--text-secondary)}@media (max-width: 768px){.pattern-match-container{padding:15px}.pattern-match-header h1{font-size:2em}.words-grid{grid-template-columns:repeat(2,1fr);gap:10px}.word-button{padding:15px 8px;font-size:.8em;min-height:50px}.game-controls{flex-direction:column;align-items:center}.clear-button,.submit-button{width:100%;max-width:250px}.game-stats{gap:20px;font-size:.8em}.solved-category{padding:15px}.category-words{gap:6px}.solved-word{padding:6px 10px;font-size:.8em}}@media (max-width: 480px){.words-grid{grid-template-columns:repeat(2,1fr);gap:8px}.word-button{padding:12px 6px;font-size:.75em;min-height:45px}.pattern-match-header h1{font-size:1.8em}.game-complete,.game-instructions{padding:15px}}.pattern-match-page{min-height:calc(100vh - 140px);background:var(--background-primary);padding:20px 0}[data-theme=dark] .pattern-match-page{background:var(--background-primary)}@media (max-width: 768px){.pattern-match-page{padding:10px 0;min-height:calc(100vh - 120px)}}.layout-test-page{max-width:800px;margin:0 auto;padding:20px}.test-header{text-align:center;margin-bottom:40px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px}.test-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.test-header p{margin:0;font-size:1.1rem;opacity:.9}.test-content{display:flex;flex-direction:column;gap:30px}.test-section{background:var(--background-secondary);padding:24px;border-radius:12px;border:1px solid var(--border-color)}.test-section h2{margin:0 0 16px;color:var(--text-primary);font-size:1.5rem;font-weight:600}.test-section p{margin:0 0 16px;color:var(--text-secondary);line-height:1.6}.test-section ul{margin:0;padding-left:20px;color:var(--text-primary)}.test-section li{margin-bottom:8px;line-height:1.5}.nav-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.nav-test-item{background:var(--background-primary);padding:20px;border-radius:8px;border:1px solid var(--border-color)}.nav-test-item h3{margin:0 0 12px;color:var(--text-primary);font-size:1.2rem;font-weight:600}.nav-test-item ul{margin:0;padding-left:16px}.nav-test-item li{margin-bottom:6px;font-size:.95rem}.theme-test{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.light-theme-box,.dark-theme-box{padding:16px;border-radius:8px;text-align:center}.light-theme-box{background:#fff;color:#262626;border:1px solid #dbdbdb}.dark-theme-box{background:#121212;color:#fff;border:1px solid #262626}.light-theme-box h4,.dark-theme-box h4{margin:0 0 8px;font-size:1rem;font-weight:600}.light-theme-box p,.dark-theme-box p{margin:0;font-size:.9rem;opacity:.8}@media (max-width: 768px){.nav-test-grid,.theme-test{grid-template-columns:1fr}.test-header h1{font-size:2rem}.test-header p{font-size:1rem}}#root{max-width:1680px;margin:0 auto;padding:.2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--touch-target-min: 44px;--mobile-spacing: 8px;--mobile-padding: 12px;--mobile-border-radius: 8px;--mobile-shadow: 0 2px 8px rgba(0, 0, 0, .15);--animation-duration: .3s;--image-quality: 1;--touch-feedback-delay: .1s;--mobile-animation-duration: .2s;--mobile-image-quality: .8;--mobile-touch-feedback-delay: .05s}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body,body.dark{--background-primary: #121212;--background-secondary: #1e1e1e;--background-tertiary: #2c3e50;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #424242;--accent-color: #3498db;--accent-hover: #5dade2;--success-color: #2ecc71;--success-color-secondary: #27ae60;--danger-color: #e74c3c;--shadow-color: rgba(0, 0, 0, .2)}body.light{--background-primary: #f8f9fa;--background-secondary: #ffffff;--background-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--border-color: #dee2e6;--accent-color: #007bff;--accent-hover: #0056b3;--success-color: #28a745;--success-color-secondary: #218838;--danger-color: #dc3545;--shadow-color: rgba(0, 0, 0, .05)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;transition:background-color .3s ease,color .3s ease;background-color:var(--background-tertiary);color:var(--text-primary)}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 var(--accent-color)}@media (max-width: 768px){button{min-height:var(--touch-target-min);padding:var(--mobile-padding) 16px;font-size:16px;touch-action:manipulation}button:active{transform:scale(.98);transition:transform .1s ease}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){input,select,textarea{font-size:16px;min-height:var(--touch-target-min);padding:var(--mobile-padding);border-radius:var(--mobile-border-radius);touch-action:manipulation}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3498db33}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}}@media (max-width: 768px){a{min-height:var(--touch-target-min);display:inline-flex;align-items:center}}