.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:var(--z-sticky);border-bottom:var(--border-thin)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.header-brand{display:flex;align-items:center;gap:var(--space-sm)}.header-logo{font-size:var(--text-2xl);animation:float 3s ease-in-out infinite}.header-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-extrabold)}.header-stats{display:flex;align-items:center;gap:var(--space-md)}.header-points{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:#c4a7e71a;border-radius:var(--radius-full);border:var(--border-thin)}.header-points-icon{font-size:var(--text-sm)}.header-points-value{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary-light)}.sound-toggle{background:none;border:none;font-size:var(--text-lg);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-full);transition:transform var(--duration-base) var(--ease-smooth);line-height:1}.sound-toggle:hover{transform:scale(1.15)}.sound-toggle:active{transform:scale(.9)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-around;border-top:var(--border-thin)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-decoration:none;transition:all var(--duration-base) var(--ease-smooth);position:relative}.bottom-nav-emoji{font-size:1.4rem;transition:transform var(--duration-base) var(--ease-bounce)}.bottom-nav-label{font-family:var(--font-display);font-size:.65rem;font-weight:var(--weight-semibold);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-smooth)}.bottom-nav-item:hover .bottom-nav-emoji{transform:scale(1.1)}.bottom-nav-item:hover .bottom-nav-label{color:var(--text-secondary)}.bottom-nav-item-active{background:#c4a7e71a}.bottom-nav-item-active .bottom-nav-emoji{transform:scale(1.15)}.bottom-nav-item-active .bottom-nav-label{color:var(--color-primary-light);font-weight:var(--weight-bold)}.bottom-nav-item-active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--color-primary);border-radius:0 0 var(--radius-full) var(--radius-full)}.toast-container{position:fixed;top:var(--space-lg);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);width:calc(100% - var(--space-xl));max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-base);border-radius:var(--radius-md);background:var(--bg-elevated);border:var(--border-thin);box-shadow:var(--shadow-lg);animation:toast-enter .3s var(--ease-spring) both;pointer-events:auto}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--color-info)}.toast-icon{font-size:var(--text-lg);flex-shrink:0}.toast-message{flex:1;font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium)}.toast-close{background:none;border:none;color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;padding:0 var(--space-xs);line-height:1;transition:color var(--duration-fast) var(--ease-smooth)}.toast-close:hover{color:var(--text-primary)}.layout{display:flex;flex-direction:column;min-height:100dvh}.layout-main{flex:1;padding-top:calc(var(--header-height) + var(--space-base));padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--space-base));overflow-y:auto}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-base);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(196,167,231,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(245,169,192,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(163,217,165,.06) 0%,transparent 40%);pointer-events:none}.auth-container{width:100%;max-width:380px;z-index:1}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo{font-size:3.5rem;display:block;margin-bottom:var(--space-md);animation:float 3s ease-in-out infinite}.auth-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);margin-bottom:var(--space-xs)}.auth-subtitle{font-size:var(--text-base);color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:var(--space-base);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--border-thin);border-radius:var(--radius-xl);padding:var(--space-xl)}.auth-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#f07a8c1a;border:1px solid rgba(240,122,140,.3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-error)}.auth-footer{text-align:center;margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--text-muted)}.auth-link{color:var(--color-primary-light);font-weight:var(--weight-semibold);transition:color var(--duration-fast) var(--ease-smooth)}.auth-link:hover{color:var(--color-primary)}.btn-loading{display:flex;align-items:center;gap:var(--space-sm)}.auth-decoration{position:absolute;font-size:1.5rem;opacity:.4;pointer-events:none;animation:float 4s ease-in-out infinite}.auth-deco-1{top:12%;left:10%;animation-delay:0s}.auth-deco-2{top:25%;right:8%;animation-delay:1.2s}.auth-deco-3{bottom:15%;left:15%;animation-delay:2.4s}.home-page{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-base) 0}.home-welcome{text-align:center;padding:var(--space-lg) 0}.home-greeting{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-xs)}.home-subtitle{font-size:var(--text-base);color:var(--text-muted)}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.home-stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-base);text-align:center}.home-stat-emoji{font-size:1.5rem}.home-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--text-primary)}.home-stat-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-semibold)}.home-section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-md)}.home-games-grid{display:flex;flex-direction:column;gap:var(--space-md)}.home-game-card{display:flex;align-items:center;gap:var(--space-base);text-decoration:none;color:inherit}.home-game-emoji{font-size:2rem;flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#c4a7e71a;border-radius:var(--radius-lg)}.home-game-info{flex:1;min-width:0}.home-game-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:2px}.home-game-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.home-game-arrow{font-size:var(--text-xl);color:var(--text-muted);flex-shrink:0;transition:transform var(--duration-base) var(--ease-smooth)}.home-game-card:hover .home-game-arrow{transform:translate(4px);color:var(--color-primary)}.home-friend-code{margin-top:var(--space-sm)}.home-code-card{text-align:center;background:linear-gradient(135deg,#c4a7e71a,#f5a9c014)}.home-code-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.home-code-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:.3em;color:var(--color-primary-light);margin-bottom:var(--space-sm)}.home-code-hint{font-size:var(--text-xs);color:var(--text-muted)}.profile-page{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-base) 0 var(--space-xl)}.profile-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-3xl) 0;color:var(--text-muted)}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) 0}.profile-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-extrabold)}.profile-username{font-size:var(--text-sm);color:var(--text-muted)}.profile-code-badge{margin-top:var(--space-xs);font-size:var(--text-sm);letter-spacing:.1em}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-base);text-align:center}.profile-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--text-primary)}.profile-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.profile-section-title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-base)}.profile-edit-form{display:flex;flex-direction:column;gap:var(--space-base)}.profile-edit-actions{display:flex;gap:var(--space-md)}.profile-signout{margin-top:var(--space-sm);color:var(--text-muted);border-color:#f07a8c4d}.profile-signout:hover{color:var(--color-error);border-color:var(--color-error);background:#f07a8c0d}.profile-rewards-section{display:flex;flex-direction:column;gap:var(--space-md)}.profile-rewards-count{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-primary);text-align:center}.profile-rewards-empty{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.profile-history-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-base)!important;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);text-decoration:none;transition:all var(--duration-base) var(--ease-smooth);cursor:pointer}.profile-history-link:hover{transform:translate(4px);border-color:var(--color-primary)}.profile-history-arrow{margin-left:auto;color:var(--text-muted);transition:transform var(--duration-base) var(--ease-smooth)}.profile-history-link:hover .profile-history-arrow{transform:translate(4px);color:var(--color-primary)}.friends-page{padding:var(--space-base);padding-bottom:calc(var(--bottom-nav-height) + var(--space-xl));max-width:var(--max-width);margin:0 auto}.friends-section{margin-bottom:var(--space-lg)}.friends-section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-md)}.add-friend-form{display:flex;flex-direction:column;gap:var(--space-md)}.add-friend-input-row{display:flex;gap:var(--space-sm)}.add-friend-input{flex:1;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.15em;text-transform:uppercase;text-align:center}.add-friend-input::placeholder{font-size:var(--text-sm);letter-spacing:normal;text-transform:none;font-weight:var(--weight-regular)}.add-friend-btn{width:52px;height:52px;flex-shrink:0;padding:0;font-size:var(--text-xl);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.friend-message{padding:var(--space-sm) var(--space-base);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-body)}.friend-message-success{background:#a3d9a526;color:var(--color-success);border:1px solid rgba(163,217,165,.3)}.friend-message-error{background:#f07a8c26;color:var(--color-error);border:1px solid rgba(240,122,140,.3)}.search-result-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);text-align:center}.search-result-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.search-result-details{display:flex;flex-direction:column;align-items:center}.search-result-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.search-result-username{font-size:var(--text-sm);color:var(--text-muted)}.friends-tabs{display:flex;gap:var(--space-xs);background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-xs);margin-bottom:var(--space-lg)}.friends-tab{flex:1;padding:var(--space-sm) var(--space-base);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.friends-tab.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.friends-tab:hover:not(.active){color:var(--text-secondary)}.friends-tab-badge{background:var(--color-secondary);color:var(--text-on-primary);font-size:.625rem;font-weight:var(--weight-bold);min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.friend-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-base);margin-bottom:var(--space-sm);transition:all var(--duration-base) var(--ease-smooth)}.friend-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.friend-card-sent{opacity:.7}.friend-card-left{display:flex;align-items:center;gap:var(--space-md);min-width:0;flex:1}.friend-card-info{display:flex;flex-direction:column;min-width:0}.friend-card-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card-meta{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.avatar-wrapper{position:relative;flex-shrink:0}.online-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--bg-surface);transition:background-color var(--duration-base) var(--ease-smooth)}.online-dot.online{background:var(--color-online);box-shadow:0 0 6px #6ee07a80}.online-dot.offline{background:var(--color-offline)}.avatar-muted{opacity:.6}.friend-confirm-remove{display:flex;gap:var(--space-xs)}.friend-remove-btn{font-size:var(--text-lg);opacity:.3;transition:opacity var(--duration-fast)}.friend-remove-btn:hover{opacity:.7}.friend-btn-danger{background:#f07a8c33;color:var(--color-error);border:1px solid rgba(240,122,140,.4);font-size:var(--text-xs)}.friend-btn-danger:hover{background:#f07a8c59}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);min-height:32px}.requests-group{margin-bottom:var(--space-lg)}.requests-group-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.friends-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) 0;color:var(--text-muted);font-family:var(--font-body)}.friends-loading span{font-size:var(--text-3xl)}.friends-list,.friends-requests{min-height:200px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-base);animation:modal-overlay-enter .2s var(--ease-smooth) both}.modal-content{background:var(--bg-surface);border:var(--border-thin);border-radius:var(--radius-xl);width:100%;max-height:85dvh;overflow-y:auto;box-shadow:var(--shadow-lg),var(--shadow-glow);animation:modal-content-enter .3s var(--ease-spring) both}.modal-default{max-width:400px}.modal-small{max-width:320px}.modal-large{max-width:500px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md)}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-smooth);line-height:1}.modal-close:hover{color:var(--text-primary);background:#c4a7e71a}.modal-body{padding:0 var(--space-lg) var(--space-lg)}.lobby-page{padding:var(--space-base);padding-bottom:calc(var(--bottom-nav-height) + var(--space-xl));max-width:var(--max-width);margin:0 auto}.lobby-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--space-xl)}.lobby-step{display:flex;align-items:center;gap:var(--space-xs);opacity:.4;transition:all var(--duration-base) var(--ease-smooth)}.lobby-step.active{opacity:1}.lobby-step.done{opacity:.7}.lobby-step-num{width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted)}.lobby-step.active .lobby-step-num{background:var(--color-primary);color:var(--text-on-primary);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.lobby-step.done .lobby-step-num{background:var(--color-accent);color:var(--text-on-primary);border-color:var(--color-accent)}.lobby-step-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted)}.lobby-step.active .lobby-step-label{color:var(--text-primary)}.lobby-step-line{width:40px;height:2px;background:var(--glass-border);margin:0 var(--space-sm)}.lobby-games{display:flex;flex-direction:column;gap:var(--space-lg)}.lobby-game-card{display:flex;flex-direction:column;gap:var(--space-md);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);position:relative}.lobby-game-selected{border-color:var(--color-primary)!important;box-shadow:var(--shadow-glow)}.lobby-game-top{display:flex;align-items:flex-start;gap:var(--space-md)}.lobby-game-icon{font-size:2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#c4a7e71a;border-radius:var(--radius-lg);flex-shrink:0}.lobby-game-header{flex:1;min-width:0}.lobby-game-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-xs)}.lobby-game-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}.lobby-game-meta{display:flex;gap:var(--space-sm);flex-wrap:wrap}.lobby-game-check{position:absolute;top:var(--space-md);right:var(--space-md);width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-on-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold)}.lobby-friend-step{display:flex;flex-direction:column;gap:var(--space-lg)}.lobby-back-btn{align-self:flex-start;font-size:var(--text-sm)}.friend-picker{display:flex;flex-direction:column;gap:var(--space-lg)}.friend-picker-group{display:flex;flex-direction:column;gap:var(--space-sm)}.friend-picker-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.friend-picker-list{display:flex;flex-direction:column;gap:var(--space-xs)}.friend-picker-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-base);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);font-family:var(--font-body)}.friend-picker-item:hover:not(.disabled){border-color:var(--color-primary-glow);transform:translateY(-1px)}.friend-picker-item.selected{border-color:var(--color-primary);background:#c4a7e71a;box-shadow:var(--shadow-glow)}.friend-picker-item.disabled{opacity:.4;cursor:not-allowed}.friend-picker-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.friend-picker-item.disabled .friend-picker-name{color:var(--text-muted)}.lobby-invite-btn{margin-top:var(--space-sm)}.lobby-no-friends{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl);color:var(--text-muted);text-align:center;font-family:var(--font-body)}.lobby-no-friends span{font-size:var(--text-3xl)}.waiting-modal{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-lg) 0;text-align:center}.waiting-avatar{animation:float 2s ease-in-out infinite}.waiting-text{font-family:var(--font-body);color:var(--text-secondary);line-height:1.5}.waiting-text strong{color:var(--text-primary)}.waiting-timer{width:100%;display:flex;align-items:center;gap:var(--space-sm)}.waiting-timer-bar{flex:1;height:6px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.waiting-timer-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);transition:width 1s linear}.waiting-timer-text{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted);min-width:30px;text-align:right}.invite-modal{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-lg) 0;text-align:center}.invite-game-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.invite-game-emoji{font-size:3rem}.invite-game-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.invite-text{font-family:var(--font-body);color:var(--text-secondary)}.invite-text strong{color:var(--text-primary)}.invite-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.rewards-page{display:flex;flex-direction:column;gap:var(--space-lg);padding-bottom:var(--space-2xl)}.rewards-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.rewards-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.rewards-points-display{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,#c4a7e71a,#eb6f9214);border:1px solid rgba(196,167,231,.2);border-radius:var(--radius-full)}.rewards-points-emoji{font-size:var(--text-lg)}.rewards-points-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.rewards-points-label{font-size:var(--text-sm);color:var(--text-muted)}.rewards-tabs{display:flex;gap:var(--space-xs);background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-xs);border:1px solid var(--glass-border)}.rewards-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-base);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth)}.rewards-tab.active{background:#c4a7e726;color:var(--color-primary)}.rewards-tab:hover:not(.active){color:var(--text-secondary)}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.reward-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md) var(--space-md);text-align:center;transition:all var(--duration-base) var(--ease-smooth);overflow:hidden}.reward-card:hover{transform:translateY(-2px);border-color:var(--rarity-color)}.reward-card.owned{border-color:var(--color-success);background:#a3d9a508}.reward-card.just-unlocked{border-color:var(--rarity-color);box-shadow:0 0 25px var(--rarity-glow);animation:reward-glow 2s ease-in-out 2}@keyframes reward-glow{0%,to{box-shadow:0 0 10px var(--rarity-glow)}50%{box-shadow:0 0 30px var(--rarity-glow)}}.reward-rarity-badge{position:absolute;top:var(--space-xs);right:var(--space-xs);padding:2px 8px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:10px;font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase}.reward-emoji{font-size:2.5rem;line-height:1;transition:transform .3s var(--ease-smooth)}.reward-card:hover .reward-emoji{transform:scale(1.15)}.reward-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary)}.reward-description{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.reward-owned-badge{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-success);padding:var(--space-xs) var(--space-sm);background:#a3d9a51a;border-radius:var(--radius-full)}.reward-auto-badge{font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);background:#8080801a;border-radius:var(--radius-full)}.reward-unlock-btn{width:100%;font-size:var(--text-xs)!important;padding:var(--space-xs) var(--space-sm)!important}.reward-confirm-modal{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-md) 0}.reward-confirm-emoji{font-size:4rem}.reward-confirm-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.reward-confirm-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-primary)}.reward-confirm-cost{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.reward-confirm-balance{font-size:var(--text-sm);color:var(--text-muted)}.reward-confirm-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.reward-celebration{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:300;animation:fade-out .5s ease-out 2.5s forwards}.reward-celebration-content{position:relative}.reward-celebration-emoji{font-size:6rem;display:block;animation:float 1.5s ease-in-out infinite}.reward-celebration-sparkles{position:absolute;top:-10px;right:-20px;font-size:2rem;animation:sparkle-spin 1s ease-in-out infinite}@keyframes sparkle-spin{0%{transform:rotate(0) scale(.8);opacity:.5}50%{transform:rotate(180deg) scale(1.2);opacity:1}to{transform:rotate(360deg) scale(.8);opacity:.5}}@keyframes fade-out{to{opacity:0}}.history-page{display:flex;flex-direction:column;gap:var(--space-lg);padding-bottom:var(--space-2xl)}.history-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.history-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.history-quick-stats{display:flex;gap:var(--space-sm);width:100%}.history-qs{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-xs);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.history-qs-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.history-qs-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.history-qs.win .history-qs-value{color:var(--color-success)}.history-qs.draw .history-qs-value{color:var(--color-yellow)}.history-qs.lose .history-qs-value{color:var(--color-error)}.history-filters{display:flex;gap:var(--space-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px}.history-filters::-webkit-scrollbar{display:none}.history-filter{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--bg-surface);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--duration-base) var(--ease-smooth)}.history-filter.active{background:#c4a7e726;border-color:var(--color-primary);color:var(--color-primary)}.history-filter:hover:not(.active){color:var(--text-secondary);border-color:#c4a7e74d}.history-list{display:flex;flex-direction:column;gap:var(--space-sm)}.history-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-base)!important;transition:all var(--duration-base) var(--ease-smooth)}.history-card:hover{transform:translate(4px)}.history-card.result-win{border-left:3px solid var(--color-success)}.history-card.result-draw{border-left:3px solid var(--color-yellow)}.history-card.result-lose{border-left:3px solid var(--color-error)}.history-card-left{flex-shrink:0}.history-card-emoji{font-size:1.8rem}.history-card-center{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.history-card-game{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary)}.history-card-opponent{font-size:var(--text-xs);color:var(--text-secondary)}.history-card-time{font-size:10px;color:var(--text-muted)}.history-card-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.history-card-result-emoji{font-size:1.2rem}.history-card-result-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold)}.result-win .history-card-result-label{color:var(--color-success)}.result-draw .history-card-result-label{color:var(--color-yellow)}.result-lose .history-card-result-label{color:var(--color-error)}.history-card-points{font-family:var(--font-display);font-size:10px;color:var(--color-primary);font-weight:var(--weight-semibold)}.history-total-points{text-align:center;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-md);background:#c4a7e70d;border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.history-total-points strong{color:var(--color-primary)}.quick-chat{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-lg));right:var(--space-base);z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm)}.quick-chat-toggle{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary);border:none;font-size:var(--text-xl);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--duration-base) var(--ease-smooth)}.quick-chat-toggle:hover{transform:scale(1.1)}.quick-chat-toggle.open{background:var(--bg-elevated);color:var(--text-primary)}.quick-chat-bubble{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-base);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.quick-chat-bubble-emoji{font-size:var(--text-xl)}.quick-chat-bubble-text{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap}.quick-chat-picker{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-sm);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:280px}.quick-chat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.quick-chat-phrase{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);font-family:var(--font-body)}.quick-chat-phrase:hover{background:#c4a7e71a;border-color:var(--glass-border)}.quick-chat-phrase:active{transform:scale(.95)}.quick-chat-phrase-emoji{font-size:var(--text-lg);flex-shrink:0}.quick-chat-phrase-text{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-layout{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-primary)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-base);background:var(--bg-surface);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:50}.game-header-center{display:flex;align-items:center;gap:var(--space-xs)}.game-header-emoji{font-size:var(--text-lg)}.game-header-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary)}.game-header-score{display:flex;align-items:center;gap:var(--space-xs)}.game-score-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-primary);min-width:24px;text-align:center}.game-score-divider{color:var(--text-muted);font-size:var(--text-sm)}.game-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);gap:var(--space-lg)}.game-coming-soon{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.game-coming-soon-emoji{font-size:4rem;animation:float 2s ease-in-out infinite}.game-coming-soon h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.game-coming-soon p{color:var(--text-secondary);font-family:var(--font-body)}.ttt-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);width:100%;max-width:400px;position:relative}.ttt-turn-indicator{width:100%;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center}.ttt-turn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold)}.ttt-turn-mine{background:#c4a7e726;color:var(--color-primary);border:1px solid rgba(196,167,231,.3)}.ttt-turn-emoji{animation:pulse-glow 1.5s ease-in-out infinite}.ttt-turn-piece{font-size:var(--text-lg)}.ttt-turn-opponent{background:#f6c1a91a;color:var(--text-muted);border:1px solid rgba(246,193,169,.2)}.ttt-turn-dots{display:flex;gap:3px;font-size:8px}.ttt-turn-dots span{animation:blink 1.4s ease-in-out infinite}.ttt-turn-dots span:nth-child(2){animation-delay:.2s}.ttt-turn-dots span:nth-child(3){animation-delay:.4s}.ttt-turn-result{background:#c4a7e71a;color:var(--text-primary);border:1px solid var(--glass-border);font-size:var(--text-lg)}.ttt-turn-win{background:#a3d9a526;border-color:#a3d9a54d;color:var(--color-success)}.ttt-board-wrapper{position:relative}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;width:min(340px,80vw);height:min(340px,80vw);background:var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.ttt-cell{background:var(--bg-surface);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);position:relative;font-size:3rem}.ttt-cell.active:not(.filled):hover{background:#c4a7e714}.ttt-cell.active:not(.filled):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-radius:0;transition:border-color var(--duration-fast)}.ttt-cell.active:not(.filled):hover:after{border-color:#c4a7e733}.ttt-cell.filled{cursor:default}.ttt-cell:disabled{cursor:default}.ttt-cell.winning{background:#a3d9a526;animation:pulse-cell 1s ease-in-out infinite}@keyframes pulse-cell{0%,to{background:#a3d9a51a}50%{background:#a3d9a540}}.ttt-cell:nth-child(1){border-radius:var(--radius-xl) 0 0 0}.ttt-cell:nth-child(3){border-radius:0 var(--radius-xl) 0 0}.ttt-cell:nth-child(7){border-radius:0 0 0 var(--radius-xl)}.ttt-cell:nth-child(9){border-radius:0 0 var(--radius-xl) 0}.ttt-piece{font-size:2.8rem;line-height:1;-webkit-user-select:none;user-select:none}.ttt-shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.ttt-players{display:flex;align-items:center;gap:var(--space-lg)}.ttt-player{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid transparent;transition:all var(--duration-base) var(--ease-smooth);opacity:.5}.ttt-player.active{opacity:1;border-color:var(--color-primary-glow);box-shadow:var(--shadow-glow)}.ttt-player-piece{font-size:var(--text-2xl)}.ttt-player-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.ttt-player.active .ttt-player-name{color:var(--text-primary)}.ttt-vs{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted);letter-spacing:.1em}.ttt-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0b16d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-base)}.ttt-result-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);box-shadow:var(--shadow-lg)}.ttt-result-emoji{font-size:4rem;animation:float 2s ease-in-out infinite}.ttt-result-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.ttt-result-points{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-primary);padding:var(--space-xs) var(--space-base);background:#c4a7e71a;border-radius:var(--radius-full)}.ttt-result-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.tf-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;max-width:500px;position:relative}.tf-round-info{display:flex;align-items:center;gap:var(--space-md)}.tf-round-badge{padding:var(--space-xs) var(--space-base);background:#f6c1a91a;border:1px solid rgba(246,193,169,.2);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-peach)}.tf-round-letter{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary)}.tf-round-letter strong{font-size:var(--text-lg);color:var(--color-peach)}.tf-cumulative-score{display:flex;align-items:center;gap:var(--space-sm)}.tf-cs-name{font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-muted)}.tf-cs-score{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.tf-cs-dash{color:var(--text-muted)}.tf-spinner-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl) 0}.tf-spinner-label{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-secondary)}.tf-spinner-letter{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background:var(--bg-surface);border:3px solid var(--glass-border);font-family:var(--font-display);font-size:4rem;font-weight:var(--weight-bold);color:var(--text-primary);transition:all .3s var(--ease-smooth)}.tf-spinner-letter.spinning{animation:spin-pulse .15s ease-in-out infinite;border-color:var(--color-peach)}@keyframes spin-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tf-spinner-letter.revealed{border-color:var(--color-peach);box-shadow:0 0 30px #f6c1a94d;color:var(--color-peach);transform:scale(1.1)}.tf-spinner-go{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-peach)}.tf-timer{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-lg);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full)}.tf-timer-num{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);min-width:3ch;text-align:center}.tf-timer-label{font-size:var(--text-xs);color:var(--text-muted)}.tf-timer.danger .tf-timer-num{color:var(--color-error);animation:pulse-glow .5s ease-in-out infinite}.tf-timer.basta-mode{border-color:var(--color-error);background:#eb6f9214}.tf-grid{width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.tf-grid-row{display:flex;align-items:center;gap:var(--space-sm)}.tf-grid-label{display:flex;align-items:center;gap:var(--space-xs);min-width:90px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.tf-grid-emoji{font-size:var(--text-lg)}.tf-grid-input-wrapper{flex:1;position:relative}.tf-grid-letter-hint{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-peach);opacity:.5;pointer-events:none}.tf-grid-input{padding-left:28px;width:100%}.tf-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.tf-basta-btn{background:linear-gradient(135deg,#eb6f92,#d4556e);color:#fff;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);padding:var(--space-md);border-radius:var(--radius-lg);letter-spacing:.05em;box-shadow:0 4px 15px #eb6f924d;transition:all var(--duration-base) var(--ease-smooth)}.tf-basta-btn:hover{transform:scale(1.02);box-shadow:0 6px 20px #eb6f9266}.tf-waiting{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl)}.tf-waiting-emoji{font-size:3rem;animation:float 2s ease-in-out infinite}.tf-waiting p{font-family:var(--font-display);color:var(--text-muted)}.tf-reveal{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.tf-reveal-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-secondary);text-align:center}.tf-reveal-list{display:flex;flex-direction:column;gap:var(--space-sm)}.tf-reveal-row{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md)}.tf-reveal-category{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);margin-bottom:var(--space-xs)}.tf-reveal-answers{display:flex;gap:var(--space-sm)}.tf-reveal-answer{flex:1;display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm)}.tf-reveal-unique{background:#a3d9a51a;border:1px solid rgba(163,217,165,.3)}.tf-reveal-shared{background:#f6c1a91a;border:1px solid rgba(246,193,169,.3)}.tf-reveal-invalid,.tf-reveal-empty{background:#eb6f920d;border:1px solid rgba(235,111,146,.2)}.tf-reveal-text{color:var(--text-primary);font-weight:var(--weight-medium)}.tf-reveal-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.tf-reveal-total{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--color-peach);border-radius:var(--radius-lg)}.tf-reveal-total-player{display:flex;flex-direction:column;align-items:center;gap:2px}.tf-reveal-total-name{font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-muted)}.tf-reveal-total-score{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-peach)}.tf-reveal-total-dash{font-size:var(--text-lg);color:var(--text-muted)}.tf-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0b16d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-base)}.tf-result-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);text-align:center;max-width:360px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);box-shadow:var(--shadow-lg)}.tf-result-emoji{font-size:4rem;animation:float 2s ease-in-out infinite}.tf-result-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.tf-result-rounds{width:100%;display:flex;flex-direction:column;gap:var(--space-xs)}.tf-result-round-row{display:flex;align-items:center;justify-content:center;gap:var(--space-md);font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary)}.tf-rr-label{min-width:50px;text-align:right;font-size:var(--text-xs);color:var(--text-muted)}.tf-rr-score{min-width:30px;text-align:center;font-weight:var(--weight-semibold)}.tf-rr-score.winner{color:var(--color-success)}.tf-rr-score.total{font-size:var(--text-lg);font-weight:var(--weight-bold)}.tf-rr-dash{color:var(--text-muted);font-size:var(--text-xs)}.tf-result-total-row{border-top:1px solid var(--glass-border);padding-top:var(--space-sm);margin-top:var(--space-xs)}.tf-result-points{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-peach);padding:var(--space-xs) var(--space-base);background:#f6c1a91a;border-radius:var(--radius-full)}.tf-result-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.rb-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;max-width:440px;position:relative}.rb-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);font-size:3rem;color:var(--text-muted)}.rb-loading p{font-family:var(--font-display);font-size:var(--text-base)}.rb-score-tracker{display:flex;align-items:center;gap:var(--space-lg);width:100%;justify-content:center}.rb-score-player{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.rb-score-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.rb-score-dots{display:flex;gap:var(--space-xs)}.rb-dot{font-size:var(--text-lg);color:var(--text-muted);opacity:.4;transition:all var(--duration-base) var(--ease-smooth)}.rb-dot.won{color:var(--color-success);opacity:1}.rb-dot.current{color:var(--color-primary);opacity:.8;animation:pulse-glow 1.5s ease-in-out infinite}.rb-score-vs{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);letter-spacing:.1em}.rb-round-badge{padding:var(--space-xs) var(--space-base);background:#c4a7e71a;border:1px solid rgba(196,167,231,.2);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary)}.rb-countdown{display:flex;align-items:center;justify-content:center;width:120px;height:120px}.rb-countdown-num{font-family:var(--font-display);font-size:4rem;font-weight:var(--weight-bold);color:var(--color-primary);text-shadow:0 0 20px rgba(196,167,231,.5)}.rb-timer{position:relative;width:80px;height:80px}.rb-timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.rb-timer-bg{fill:none;stroke:var(--bg-elevated);stroke-width:6}.rb-timer-fill{fill:none;stroke:var(--color-primary);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.rb-timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.rb-timer-text.danger{color:var(--color-error);animation:pulse-glow .5s ease-in-out infinite}.rb-riddle-card{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.rb-riddle-meta{display:flex;gap:var(--space-sm);flex-wrap:wrap}.rb-riddle-question{font-family:var(--font-body);font-size:var(--text-lg);line-height:1.6;color:var(--text-primary);text-align:center}.rb-riddle-hint{font-size:var(--text-sm);color:var(--color-accent);text-align:center;font-style:italic}.rb-riddle-answer{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:#a3d9a51a;border:1px solid rgba(163,217,165,.3);border-radius:var(--radius-lg)}.rb-riddle-answer-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted)}.rb-riddle-answer-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-success);text-transform:capitalize}.rb-answer-area{width:100%}.rb-input-row{display:flex;gap:var(--space-sm)}.rb-answer-input{flex:1}.rb-submit-btn{flex-shrink:0}.rb-waiting{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#f6c1a91a;border:1px solid rgba(246,193,169,.2);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-muted)}.rb-waiting-dots{display:flex;gap:3px;font-size:8px}.rb-waiting-dots span{animation:blink 1.4s ease-in-out infinite}.rb-waiting-dots span:nth-child(2){animation-delay:.2s}.rb-waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.rb-reveal{width:100%;display:flex;flex-direction:column;gap:var(--space-lg)}.rb-reveal-results{display:flex;gap:var(--space-md)}.rb-reveal-player{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--glass-border)}.rb-reveal-player.correct{border-color:#a3d9a580;background:#a3d9a50d}.rb-reveal-player.wrong{border-color:#eb6f924d;background:#eb6f920d}.rb-reveal-icon{font-size:var(--text-2xl)}.rb-reveal-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.rb-reveal-answer{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;word-break:break-word}.rb-reveal-time{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-primary)}.rb-reveal-winner{text-align:center;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);padding:var(--space-sm) var(--space-base);background:#c4a7e71a;border-radius:var(--radius-lg)}.rb-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0b16d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-base)}.rb-result-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);box-shadow:var(--shadow-lg)}.rb-result-emoji{font-size:4rem;animation:float 2s ease-in-out infinite}.rb-result-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.rb-result-score{display:flex;align-items:center;gap:var(--space-md)}.rb-score-final{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-primary)}.rb-score-dash{font-size:var(--text-xl);color:var(--text-muted)}.rb-result-points{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-primary);padding:var(--space-xs) var(--space-base);background:#c4a7e71a;border-radius:var(--radius-full)}.rb-result-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:var(--bg-deep);position:relative;overflow:hidden}.loading-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 30%,rgba(196,167,231,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(245,169,192,.08) 0%,transparent 50%);pointer-events:none}.loading-screen-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);animation:fadeInScale .6s var(--ease-spring) both;z-index:1}.loading-orbs{display:flex;gap:var(--space-md)}.loading-orb{width:14px;height:14px;border-radius:var(--radius-full);animation:float 1.4s ease-in-out infinite}.loading-orb-1{background:var(--color-primary);animation-delay:0ms}.loading-orb-2{background:var(--color-secondary);animation-delay:.15s}.loading-orb-3{background:var(--color-accent);animation-delay:.3s}.loading-screen-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold)}.loading-screen-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.install-prompt{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-md) + env(safe-area-inset-bottom,0px));left:var(--space-md);right:var(--space-md);max-width:calc(var(--max-width) - var(--space-lg));margin:0 auto;z-index:1000;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-base);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:var(--space-md);box-shadow:0 -4px 24px #0000004d,0 0 0 1px #c4a7e71a;animation:slideUp .4s var(--ease-smooth)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-prompt-content{display:flex;align-items:center;gap:var(--space-md)}.install-prompt-icon{font-size:2rem;flex-shrink:0}.install-prompt-text{display:flex;flex-direction:column;gap:2px}.install-prompt-text strong{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-primary)}.install-prompt-text span{font-size:var(--text-xs);color:var(--text-secondary)}.install-prompt-actions{display:flex;align-items:center;gap:var(--space-sm)}.install-prompt-btn{flex:1}.install-prompt-dismiss{background:none;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-xs);cursor:pointer;padding:var(--space-sm);transition:color var(--duration-base) var(--ease-smooth)}.install-prompt-dismiss:hover{color:var(--text-secondary)}:root{--color-primary: #c4a7e7;--color-primary-light: #d9c7f0;--color-primary-dark: #9b7bc7;--color-primary-glow: rgba(196, 167, 231, .3);--color-secondary: #f5a9c0;--color-secondary-light: #f9c7d6;--color-secondary-dark: #e87da0;--color-accent: #a3d9a5;--color-accent-light: #c5e8c6;--color-accent-dark: #7cc47e;--color-peach: #f8c8a4;--color-yellow: #f9e784;--color-sky: #a8daef;--color-lilac: #d4b5f0;--bg-deep: #0f0a19;--bg-base: #1a1225;--bg-surface: #241b33;--bg-elevated: #2e2441;--bg-overlay: rgba(15, 10, 25, .85);--glass-bg: rgba(36, 27, 51, .6);--glass-border: rgba(196, 167, 231, .15);--glass-blur: 16px;--text-primary: #f2e9ff;--text-secondary: #b8a4cc;--text-muted: #7a6890;--text-on-primary: #1a1225;--color-success: #a3d9a5;--color-warning: #f9e784;--color-error: #f07a8c;--color-info: #a8daef;--color-online: #6ee07a;--color-offline: #7a6890;--font-display: "Quicksand", sans-serif;--font-body: "Nunito", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-base: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--border-thin: 1px solid var(--glass-border);--border-glow: 1px solid var(--color-primary);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px var(--color-primary-glow);--shadow-glow-pink: 0 0 20px rgba(245, 169, 192, .3);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-enter: .3s;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--header-height: 60px;--bottom-nav-height: 64px;--max-width: 480px;--safe-bottom: env(safe-area-inset-bottom, 0px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(5deg)}30%{transform:rotate(-5deg)}45%{transform:rotate(3deg)}60%{transform:rotate(-3deg)}75%{transform:rotate(1deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--color-primary-glow)}50%{box-shadow:0 0 24px var(--color-primary-glow),0 0 48px #c4a7e726}}@keyframes shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-4px)}30%,70%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(120vh) rotate(720deg)}}@keyframes toast-enter{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.95)}}@keyframes modal-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-content-enter{0%{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-smooth) both}.animate-fade-in-up{animation:fadeInUp var(--duration-enter) var(--ease-spring) both}.animate-bounce-in{animation:bounceIn .5s var(--ease-bounce) both}.animate-pop-in{animation:popIn .3s var(--ease-spring) both}.animate-wiggle{animation:wiggle .6s var(--ease-smooth)}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shake{animation:shake .5s var(--ease-smooth)}.animate-spin{animation:spin 1s linear infinite}.stagger-children>*{animation:fadeInUp var(--duration-enter) var(--ease-spring) both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.36s}.stagger-children>*:nth-child(8){animation-delay:.42s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-base);line-height:1;padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--text-on-primary);box-shadow:var(--shadow-md),0 0 16px var(--color-primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg),0 0 24px var(--color-primary-glow);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));color:var(--text-on-primary);box-shadow:var(--shadow-md),0 0 16px #f5a9c033}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--shadow-glow-pink);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-primary);border:var(--border-thin)}.btn-ghost:hover:not(:disabled){background:var(--glass-bg);border-color:var(--color-primary)}.btn-sm{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.btn-lg{font-size:var(--text-lg);padding:var(--space-base) var(--space-xl);border-radius:var(--radius-xl)}.btn-full{width:100%}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--border-thin);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--duration-base) var(--ease-smooth)}.card:hover{border-color:#c4a7e74d;box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.card-interactive:active{transform:translateY(0) scale(.98)}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);padding-left:var(--space-xs)}.input{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-base);transition:all var(--duration-fast) var(--ease-smooth);width:100%}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background:var(--bg-elevated)}.input::placeholder{color:var(--text-muted)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #f07a8c33}.input-hint{font-size:var(--text-xs);color:var(--text-muted);padding-left:var(--space-xs)}.input-error-text{font-size:var(--text-xs);color:var(--color-error);padding-left:var(--space-xs)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:2px 10px;border-radius:var(--radius-full);line-height:1.6}.badge-primary{background:var(--color-primary);color:var(--text-on-primary)}.badge-secondary{background:var(--color-secondary);color:var(--text-on-primary)}.badge-success{background:var(--color-success);color:var(--text-on-primary)}.badge-ghost{background:#c4a7e726;color:var(--color-primary-light)}.online-dot{width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--bg-surface);flex-shrink:0}.online-dot-online{background-color:var(--color-online);box-shadow:0 0 6px var(--color-online)}.online-dot-offline{background-color:var(--color-offline)}.avatar{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--weight-extrabold);font-size:var(--text-lg);color:var(--text-on-primary);flex-shrink:0;position:relative}.avatar-sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar-lg{width:64px;height:64px;font-size:var(--text-2xl)}.avatar-xl{width:88px;height:88px;font-size:var(--text-3xl)}.divider{height:1px;background:var(--glass-border);border:none;margin:var(--space-lg) 0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-base);gap:var(--space-md)}.empty-state-emoji{font-size:3rem;animation:float 3s ease-in-out infinite}.empty-state-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.empty-state-description{font-size:var(--text-sm);color:var(--text-muted);max-width:280px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:var(--weight-regular);color:var(--text-primary);background-color:var(--bg-deep);line-height:1.6;min-height:100dvh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 20% 20%,rgba(196,167,231,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(245,169,192,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(163,217,165,.04) 0%,transparent 50%);pointer-events:none}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-smooth)}a:hover{color:var(--color-primary-light)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--color-primary-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary);color:var(--text-on-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--border-thin)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-base)}