@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg)}.auth-card{width:100%;max-width:500px;padding:var(--spacing-2xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h1{margin-bottom:var(--spacing-sm);font-size:2.5rem}.auth-header p{color:var(--gray-dark);font-size:1.1rem;margin-bottom:0}.auth-form{margin-top:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--pink-vibrant);font-family:var(--font-secondary)}.form-hint{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--gray-dark);font-style:italic}.btn-full{width:100%;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;margin-top:var(--spacing-md)}.error-message{background:linear-gradient(135deg,#ffe5e5,#ffb6d9);color:#d32f2f;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid #D32F2F;font-weight:500}.success-message{background:linear-gradient(135deg,#e6fff5,#b8ffe6);color:#2e7d32;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid #2E7D32;font-weight:500}.auth-footer{margin-top:var(--spacing-xl);text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--gray-medium)}.auth-footer p{color:var(--gray-dark);margin-bottom:0}.auth-link{color:var(--pink-vibrant);text-decoration:none;font-weight:600;transition:all var(--transition-fast)}.auth-link:hover{color:var(--blue-vibrant);text-decoration:underline}@media(max-width:768px){.auth-card{padding:var(--spacing-lg)}.auth-header h1{font-size:2rem}}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--pink-vibrant);padding:var(--spacing-sm)}.navbar-nav{display:flex;gap:var(--spacing-md);align-items:center;list-style:none;margin:0;padding:0}.nav-link{text-decoration:none;color:var(--gray-dark);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);display:block}.user-greeting{cursor:default!important}.btn-logout{white-space:nowrap}@media(max-width:768px){.navbar{padding:var(--spacing-sm) var(--spacing-md)}.navbar-brand{font-size:1.3rem}.mobile-menu-toggle{display:block}.navbar-nav{position:fixed;top:60px;right:-100%;width:280px;height:calc(100vh - 60px);background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;gap:0;padding:var(--spacing-lg);box-shadow:-4px 0 20px #0000001a;transition:right .3s ease-in-out;align-items:stretch;overflow-y:auto}.navbar-nav.mobile-open{right:0}.navbar-nav li{width:100%}.nav-link{padding:var(--spacing-md);font-size:1.1rem;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.nav-user{border-top:1px solid rgba(255,182,217,.3);border-bottom:1px solid rgba(255,182,217,.3);padding:var(--spacing-md) 0;margin:var(--spacing-md) 0}.btn-logout{width:100%;justify-content:center;padding:var(--spacing-md);font-size:1.1rem}}@media(max-width:480px){.navbar-brand{font-size:1.1rem}.navbar-nav{width:100%;right:-100%}.navbar-nav.mobile-open{right:0}}.dashboard-header{text-align:center;margin-bottom:var(--spacing-2xl)}.dashboard-header h1{font-size:3rem;margin-bottom:var(--spacing-sm)}.dashboard-header p{font-size:1.2rem;color:var(--gray-dark)}.quote-card{max-width:800px;margin:0 auto var(--spacing-2xl);text-align:center;padding:var(--spacing-2xl)}.quote-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.quote-text{font-size:1.5rem;font-style:italic;color:var(--pink-vibrant);line-height:1.6;margin-bottom:var(--spacing-md)}.quote-author{font-size:1.1rem;color:var(--blue-vibrant);font-weight:600}.stats-grid{margin-bottom:var(--spacing-2xl)}.stat-card{text-align:center;padding:var(--spacing-xl);cursor:default}.stat-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.stat-value{font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.stat-label{font-size:1.1rem;color:var(--gray-dark);font-weight:500}.quick-access-grid{margin-top:var(--spacing-2xl)}.access-card{text-align:center;padding:var(--spacing-xl);text-decoration:none;color:inherit;transition:all var(--transition-normal)}.access-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg),var(--shadow-glow)}.access-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.access-card h3{margin-bottom:var(--spacing-sm);color:var(--pink-vibrant)}.access-card p{color:var(--gray-dark);margin-bottom:0}@media(max-width:768px){.dashboard-header h1{font-size:2rem}.quote-text{font-size:1.2rem}.stat-value{font-size:2.5rem}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.page-header h1{margin-bottom:0}.goals-grid{margin-top:var(--spacing-xl)}.goal-card{padding:var(--spacing-xl)}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.goal-header h3{margin-bottom:0;flex:1}.btn-delete{background:none;border:none;font-size:1.5rem;cursor:pointer;transition:transform var(--transition-fast)}.btn-delete:hover{transform:scale(1.2)}.goal-description{color:var(--gray-dark);margin-bottom:var(--spacing-md)}.goal-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--gradient-primary);color:var(--white);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md)}.progress-section{margin:var(--spacing-lg) 0}.progress-text{text-align:center;margin-top:var(--spacing-sm);font-weight:600;color:var(--pink-vibrant)}.goal-values{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.1rem;font-weight:600}.goal-values input{width:100px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{max-width:500px;width:90%;max-height:90vh;overflow-y:auto;padding:var(--spacing-2xl)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.empty-state{text-align:center;padding:var(--spacing-2xl);grid-column:1 / -1}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.calendar-container{margin-top:var(--spacing-xl)}.date-group{margin-bottom:var(--spacing-2xl)}.date-header{font-size:1.5rem;color:var(--pink-vibrant);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--pink-soft)}.appointments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.appointment-card{padding:var(--spacing-lg);transition:all var(--transition-normal)}.appointment-card:hover{transform:translate(8px)}.appointment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.appointment-header h3{margin-bottom:var(--spacing-xs);color:var(--blue-vibrant)}.appointment-time{font-size:.95rem;color:var(--gray-dark);font-weight:600}.appointment-description{color:var(--gray-dark);margin-bottom:var(--spacing-md);line-height:1.5}.appointment-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--gradient-secondary);color:var(--white);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.color-picker{height:50px;cursor:pointer}@media(max-width:768px){.form-row{grid-template-columns:1fr}.appointment-card:hover{transform:translate(4px)}}.filter-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.tasks-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-card{padding:var(--spacing-lg);transition:all var(--transition-normal)}.task-card.completed{opacity:.7}.task-main{display:flex;gap:var(--spacing-md);align-items:flex-start}.task-checkbox{width:24px;height:24px;cursor:pointer;margin-top:4px;flex-shrink:0;accent-color:var(--pink-vibrant)}.task-content{flex:1}.task-content h3{margin-bottom:var(--spacing-sm);color:var(--blue-vibrant)}.task-content h3.strikethrough{text-decoration:line-through;color:var(--gray-medium)}.task-description{color:var(--gray-dark);margin-bottom:var(--spacing-md);line-height:1.5}.task-meta{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.priority-select{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);border:2px solid var(--pink-soft);background:#ffffffe6;font-family:var(--font-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.priority-select:focus{outline:none;border-color:var(--pink-vibrant)}.due-date{font-size:.875rem;color:var(--gray-dark);font-weight:500}.due-date.overdue{color:#d32f2f;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:768px){.filter-buttons{flex-direction:column}.filter-buttons .btn{width:100%}.form-row{grid-template-columns:1fr}.task-meta{flex-direction:column;align-items:flex-start}}.game-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-out}.game-modal{background:#fff;border-radius:var(--radius-xl);max-width:90vw;max-height:90vh;overflow-y:auto;padding:var(--spacing-2xl);position:relative}.game-close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:2rem;cursor:pointer;color:var(--gray-dark);transition:all var(--transition-fast)}.game-close-btn:hover{color:var(--pink-vibrant);transform:scale(1.1)}.wordle-game{max-width:500px;margin:0 auto}.wordle-header{text-align:center;margin-bottom:var(--spacing-xl)}.wordle-header h2{color:var(--pink-vibrant);margin-bottom:var(--spacing-sm)}.wordle-message{text-align:center;padding:var(--spacing-md);background:var(--pink-pastel);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:600;color:var(--pink-vibrant)}.wordle-message.success{background:var(--mint-light);color:#2e7d32}.wordle-board{margin-bottom:var(--spacing-xl)}.wordle-row{display:flex;gap:5px;margin-bottom:5px;justify-content:center}.wordle-tile{width:62px;height:62px;border:2px solid var(--gray-medium);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;text-transform:uppercase;border-radius:var(--radius-sm);transition:all .3s ease}.wordle-tile.filled{border-color:var(--gray-dark);animation:pop .1s ease-in-out}.wordle-tile.current{border-color:var(--pink-vibrant)}.wordle-tile.correct{background:#6aaa64;border-color:#6aaa64;color:#fff;animation:flip .5s ease}.wordle-tile.present{background:#c9b458;border-color:#c9b458;color:#fff;animation:flip .5s ease}.wordle-tile.absent{background:#787c7e;border-color:#787c7e;color:#fff;animation:flip .5s ease}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.wordle-keyboard{margin-top:var(--spacing-xl)}.keyboard-row{display:flex;gap:6px;justify-content:center;margin-bottom:8px}.keyboard-key{min-width:43px;height:58px;background:var(--gray-light);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);color:var(--black)}.keyboard-key.wide{min-width:65px;font-size:.75rem}.keyboard-key:hover:not(:disabled){background:var(--gray-medium)}.keyboard-key:disabled{opacity:.5;cursor:not-allowed}.keyboard-key.correct{background:#6aaa64;color:#fff}.keyboard-key.present{background:#c9b458;color:#fff}.keyboard-key.absent{background:#787c7e;color:#fff}.wordle-info{text-align:center;margin-top:var(--spacing-lg);color:var(--gray-dark);font-weight:600}.connections-game{max-width:600px;margin:0 auto}.connections-header{text-align:center;margin-bottom:var(--spacing-xl)}.connections-header h2{color:var(--pink-vibrant);margin-bottom:var(--spacing-sm)}.connections-message{text-align:center;padding:var(--spacing-md);background:var(--pink-pastel);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:600;color:var(--pink-vibrant)}.connections-message.success{background:var(--mint-light);color:#2e7d32}.connections-mistakes{text-align:center;margin-bottom:var(--spacing-lg)}.mistakes-dots{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm)}.mistake-dot{width:12px;height:12px;border-radius:50%;background:var(--gray-light);transition:all var(--transition-fast)}.mistake-dot.used{background:#d32f2f}.found-groups{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.found-group{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.group-name{font-weight:700;font-size:1.1rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.group-items{font-size:.95rem;font-weight:500}.connections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:var(--spacing-xl)}.connection-item{aspect-ratio:1;background:var(--gray-light);border:2px solid transparent;border-radius:var(--radius-md);font-weight:700;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-sm)}.connection-item:hover:not(:disabled){background:var(--pink-pastel);transform:translateY(-2px)}.connection-item.selected{background:var(--pink-soft);border-color:var(--pink-vibrant);color:#fff}.connection-item:disabled{opacity:.5;cursor:not-allowed}.connections-controls{display:flex;gap:var(--spacing-md);justify-content:center}.cribbage-game{max-width:1000px;margin:0 auto;padding:var(--spacing-xl)}.game-mode-selection{text-align:center;padding:var(--spacing-2xl)}.game-mode-selection h2{color:var(--pink-vibrant);margin-bottom:var(--spacing-lg);font-size:2rem}.mode-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-xl)}.cribbage-board{background:linear-gradient(135deg,#8b4513,sienna);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-2xl),inset 0 2px 10px #0000004d;border:4px solid #654321}.board-header{text-align:center;margin-bottom:var(--spacing-xl);color:gold}.board-header h3{font-size:1.8rem;margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.board-tracks{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.board-track{background:#ffffff1a;border-radius:var(--radius-lg);padding:var(--spacing-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.board-track.final-track{background:#ffd70033}.track-label{color:gold;font-weight:700;font-size:.9rem;margin-bottom:var(--spacing-sm);text-align:center}.track-holes{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.hole{width:20px;height:20px;background:#0000004d;border-radius:50%;position:relative;box-shadow:inset 0 2px 4px #00000080;border:1px solid rgba(255,255,255,.2)}.peg{width:16px;height:16px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006;animation:pegDrop .5s ease-out}.peg-player{background:radial-gradient(circle at 30% 30%,#ff69b4,#ff1493);border:2px solid #FFB6D9}.peg-opponent{background:radial-gradient(circle at 30% 30%,#4a90e2,#2e5c8a);border:2px solid #B4D4FF}@keyframes pegDrop{0%{transform:translate(-50%,-150%) scale(.5);opacity:0}60%{transform:translate(-50%,-40%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.score-display{display:flex;justify-content:space-around;padding:var(--spacing-lg);background:#0000004d;border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}.player-score,.opponent-score{text-align:center;color:#fff}.score-label{display:block;font-size:.9rem;margin-bottom:var(--spacing-xs);color:gold}.score-value{display:block;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.cribbage-header{text-align:center;margin-bottom:var(--spacing-xl)}.cribbage-header h2{color:var(--pink-vibrant);margin-bottom:var(--spacing-sm)}.cribbage-scores{display:flex;justify-content:space-around;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff}.score-display{text-align:center}.score-display h3{font-size:1.2rem;margin-bottom:var(--spacing-sm);color:#fff}.score-display .score{font-size:2.5rem;font-weight:700}.cribbage-message{text-align:center;padding:var(--spacing-md);background:var(--pink-pastel);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:600;color:var(--pink-vibrant)}.cribbage-hand{margin-bottom:var(--spacing-xl)}.cribbage-hand h3{text-align:center;margin-bottom:var(--spacing-md);color:var(--blue-vibrant)}.cards-container{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.card-hand{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin:var(--spacing-lg) 0}.card{width:90px;height:126px;background:#fff;border:3px solid #333;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700;font-size:2rem;box-shadow:0 4px 8px #0003;position:relative}.card:hover:not(:disabled){transform:translateY(-12px) scale(1.05);box-shadow:0 12px 24px #0000004d}.card.selected{border-color:var(--pink-vibrant);background:linear-gradient(135deg,#ffe5f0,#ffb6d9);transform:translateY(-12px) scale(1.05);box-shadow:0 12px 24px #ff69b466}.card.playable{cursor:pointer;animation:pulse 2s infinite}.card:disabled{opacity:.5;cursor:not-allowed}.card.♥,.card.♦{color:#d32f2f}.card.♠,.card.♣{color:#000}.suit-symbol{font-size:1.5rem;margin-top:var(--spacing-xs)}@keyframes pulse{0%,to{box-shadow:0 4px 8px #0003}50%{box-shadow:0 4px 16px #ff69b499}}.playing-card{width:80px;height:112px;background:#fff;border:2px solid var(--gray-dark);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-weight:700;font-size:1.5rem}.playing-card:hover:not(:disabled){transform:translateY(-8px);box-shadow:var(--shadow-lg)}.playing-card.selected{border-color:var(--pink-vibrant);background:var(--pink-pastel);transform:translateY(-8px)}.playing-card:disabled{opacity:.5;cursor:not-allowed}.playing-card.hearts,.playing-card.diamonds{color:#d32f2f}.playing-card.clubs,.playing-card.spades{color:var(--black)}.card-value{font-size:1.5rem}.card-suit{font-size:1.2rem}.cribbage-controls{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.play-area{background:#fffffff2;border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;text-align:center}.play-area p{font-size:1.2rem;font-weight:700;color:var(--pink-vibrant);margin-bottom:var(--spacing-md)}.played-cards{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;min-height:140px;align-items:center}.played-cards .card{transform:rotate(var(--card-rotation, 0deg));animation:cardPlay .5s ease-out}@keyframes cardPlay{0%{transform:translateY(-100px) rotate(0) scale(.5);opacity:0}to{transform:translateY(0) rotate(var(--card-rotation, 0deg)) scale(1);opacity:1}}.cut-card-display{text-align:center;margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:#ffd7001a;border-radius:var(--radius-lg)}.cut-card-display p{font-weight:700;color:var(--pink-vibrant);margin-bottom:var(--spacing-md)}.hands-container{margin-top:var(--spacing-xl)}.player-hand-section h3{text-align:center;color:var(--blue-vibrant);margin-bottom:var(--spacing-lg);font-size:1.3rem}@media(max-width:768px){.game-modal{max-width:95vw;max-height:95vh;padding:var(--spacing-lg)}.game-close-btn{top:var(--spacing-sm);right:var(--spacing-sm);font-size:1.5rem}.wordle-game{max-width:100%}.wordle-tile{width:52px;height:52px;font-size:1.5rem}.keyboard-key{min-width:35px;height:48px;font-size:.75rem}.keyboard-key.wide{min-width:55px}.connections-game{max-width:100%}.connections-grid{grid-template-columns:repeat(2,1fr);gap:6px}.connection-item{font-size:.75rem;padding:var(--spacing-xs)}.connections-controls{flex-direction:column;gap:var(--spacing-sm)}.connections-controls .btn{width:100%}.cribbage-game{max-width:100%;padding:var(--spacing-md)}.cribbage-board{padding:var(--spacing-lg)}.board-header h3{font-size:1.3rem}.track-holes{gap:3px}.hole{width:16px;height:16px}.peg{width:12px;height:12px}.score-value{font-size:2rem}.card{width:70px;height:98px;font-size:1.5rem}.card-hand{gap:var(--spacing-sm)}.playing-card{width:60px;height:84px;font-size:1.2rem}.play-area,.cut-card-display{padding:var(--spacing-md)}.mode-buttons{flex-direction:column;gap:var(--spacing-md)}.mode-buttons .btn{width:100%}}@media(max-width:480px){.game-modal{padding:var(--spacing-md)}.wordle-tile{width:45px;height:45px;font-size:1.2rem}.keyboard-key{min-width:28px;height:42px;font-size:.65rem}.keyboard-key.wide{min-width:45px}.connections-grid{gap:4px}.connection-item{font-size:.7rem}.cribbage-board{padding:var(--spacing-md)}.board-header h3{font-size:1.1rem}.hole{width:14px;height:14px}.peg{width:10px;height:10px}.score-value{font-size:1.5rem}.card{width:60px;height:84px;font-size:1.2rem}.playing-card{width:50px;height:70px;font-size:1rem}}.cribbage-board-continuous{background:linear-gradient(135deg,#8b4513,sienna,#8b4513);border-radius:20px;padding:30px;box-shadow:0 15px 50px #0006;position:relative;overflow:hidden}.cribbage-board-continuous:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px);pointer-events:none}.cribbage-board-continuous .board-header{text-align:center;margin-bottom:var(--spacing-xl);position:relative;z-index:1}.cribbage-board-continuous .board-header h3{color:#ffe4b5;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:var(--spacing-xs)}.cribbage-board-continuous .board-header p{color:wheat;font-size:1.1rem}.serpentine-track{position:relative;z-index:1}.track-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.track-row.reverse .holes-container{flex-direction:row-reverse}.row-label{min-width:40px;text-align:center;color:#ffe4b5;font-weight:700;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.holes-container{flex:1;display:flex;gap:6px;padding:8px;background:#8b45134d;border-radius:10px;border:2px solid rgba(255,228,181,.3)}.board-hole{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3d2314,#1a0f08);box-shadow:inset 0 2px 4px #0009,0 1px 2px #ffffff1a;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.board-hole:hover{transform:scale(1.1)}.peg-icon{width:36px;height:36px;border-radius:50%;border:3px solid white;box-shadow:0 4px 12px #0009,0 0 0 2px #0000004d;animation:pegDrop .4s cubic-bezier(.68,-.55,.265,1.55);position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%)}.player-peg-icon{object-fit:cover;background:#fff}.opponent-peg-icon{background:#888}.winner-peg{width:50px;height:50px;animation:winnerPulse 1s ease-in-out infinite}@keyframes pegDrop{0%{transform:translateY(-50px) scale(0);opacity:0}50%{transform:translateY(5px) scale(1.1)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes winnerPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ffd70099}50%{transform:scale(1.2);box-shadow:0 6px 20px #ffd700e6}}.finish-line{margin-top:var(--spacing-xl);display:flex;justify-content:center}.finish-hole{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,gold,orange);border:4px solid #FFE4B5;box-shadow:0 0 20px #ffd70099,inset 0 4px 8px #0003;display:flex;align-items:center;justify-content:center;position:relative}.finish-label{font-size:1.2rem;font-weight:700;color:#8b4513;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.score-display-modern{display:flex;justify-content:space-around;margin-top:var(--spacing-2xl);gap:var(--spacing-xl)}.player-score-card,.opponent-score-card{flex:1;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#fffffff2;border-radius:var(--radius-lg);border:3px solid;box-shadow:0 4px 12px #0003}.player-score-card{border-color:var(--pink-vibrant)}.opponent-score-card{border-color:#888}.score-peg-image{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 8px #0003}.score-peg-placeholder{width:60px;height:60px;border-radius:50%;background:#888;border:3px solid white;box-shadow:0 4px 8px #0003}.score-label{display:block;font-size:.9rem;color:var(--gray-medium);margin-bottom:var(--spacing-xs)}.score-value{display:block;font-size:2.5rem;font-weight:700;color:var(--gray-dark)}.online-users-panel{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:#fffffff2;border-radius:var(--radius-xl)}@media(max-width:768px){.cribbage-board-continuous{padding:var(--spacing-lg)}.holes-container{gap:4px;padding:6px}.board-hole{width:18px;height:18px}.peg-icon{width:24px;height:24px}.row-label{min-width:30px;font-size:.8rem}.score-display-modern{flex-direction:column;gap:var(--spacing-md)}.score-peg-image,.score-peg-placeholder{width:50px;height:50px}.score-value{font-size:2rem}}@media(max-width:480px){.holes-container{gap:3px;padding:4px}.board-hole{width:14px;height:14px}.peg-icon{width:20px;height:20px;border-width:2px}.finish-hole{width:60px;height:60px}.finish-label{font-size:1rem}}.cribbage-game-compact{max-width:100%;max-height:90vh;display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,#3e2723f2,#4e342ef2),repeating-linear-gradient(90deg,#3e2723,#4e342e,#5d4037 6px);border-radius:12px;overflow:hidden}.cribbage-game-compact.fullscreen{max-width:100vw;max-height:100vh;border-radius:0;padding:20px}.cribbage-board-professional{background:linear-gradient(135deg,silver,#a8a8a8,#909090);border:3px solid #707070;border-radius:15px;padding:16px;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d,0 10px 30px #00000080;position:relative}.cribbage-board-professional:before,.cribbage-board-professional:after{content:"";position:absolute;width:12px;height:12px;background:radial-gradient(circle,#505050,#303030);border-radius:50%;box-shadow:inset 0 1px 2px #00000080;z-index:5}.cribbage-board-professional:before{top:10px;left:10px}.cribbage-board-professional:after{top:10px;right:10px}.board-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid rgba(0,0,0,.2)}.board-header-compact h3{margin:0;font-size:1.3rem;color:#2d1810;text-shadow:0 1px 2px rgba(255,255,255,.3)}.btn-icon-compact{background:#ffffffe6;border:2px solid #707070;border-radius:6px;padding:6px 12px;font-size:1.2rem;cursor:pointer;transition:all .2s}.btn-icon-compact:hover{background:#fff;transform:scale(1.05)}.dual-tracks{display:flex;flex-direction:column;gap:16px}.player-track{display:flex;align-items:center;gap:12px;background:#0000001a;padding:10px;border-radius:10px}.track-player-label{min-width:60px;font-weight:700;color:#2d1810;text-align:center;font-size:.9rem}.track-rows{flex:1;display:flex;flex-direction:column;gap:4px}.track-row-compact{display:flex;gap:3px}.track-row-compact.reverse{flex-direction:row-reverse}.board-hole-compact{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3d2314,#1a0f08);box-shadow:inset 0 2px 3px #000000b3,0 1px 1px #ffffff1a;position:relative;display:flex;align-items:center;justify-content:center}.peg-icon-compact{width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 3px 8px #0009;position:absolute;z-index:10;object-fit:cover;background:#fff;animation:pegDrop .3s cubic-bezier(.68,-.55,.265,1.55)}.track-score-badge{min-width:50px;padding:8px 12px;background:linear-gradient(135deg,gold,orange);border:2px solid;border-radius:8px;text-align:center;box-shadow:0 4px 8px #0000004d}.score-number{font-size:1.5rem;font-weight:700;color:#2d1810;text-shadow:0 1px 2px rgba(255,255,255,.5)}.track-separator{height:2px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent);margin:4px 0}.finish-marker{text-align:center;margin-top:8px;padding:6px;background:linear-gradient(135deg,gold,orange);border-radius:8px;box-shadow:0 0 15px #ffd70080}.finish-label{font-size:1.1rem;font-weight:700;color:#2d1810}.game-info-bar-compact{display:flex;justify-content:space-around;align-items:center;background:#ffffffe6;padding:8px;border-radius:8px;gap:12px}.info-item{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:#2d1810}.card-mini{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:40px;background:#fff;border:2px solid #333;border-radius:4px;padding:4px;font-weight:700;font-size:.9rem}.cribbage-message-compact{text-align:center;padding:8px 12px;background:var(--pink-pastel);border-radius:8px;font-weight:600;color:var(--pink-vibrant);font-size:.95rem}.player-hand-compact{display:flex;flex-direction:column;align-items:center;gap:10px}.card-hand-compact{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.card-compact{width:55px;height:77px;background:#fff;border:2px solid #333;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0003;position:relative}.card-compact:hover{transform:translateY(-8px);box-shadow:0 6px 12px #0000004d}.card-compact.selected{border-color:var(--pink-vibrant);transform:translateY(-12px);box-shadow:0 8px 16px #ff69b466}.card-compact.playable{cursor:pointer;border-color:#4caf50}.card-rank{font-size:1.3rem;font-weight:700;color:#333}.card-suit{font-size:1.1rem;color:#d32f2f}.btn-sm{padding:8px 16px;font-size:.9rem}@media(orientation:landscape)and (max-height:700px){.cribbage-game-compact.fullscreen{flex-direction:row;align-items:stretch}.cribbage-game-compact.fullscreen .cribbage-board-professional{flex:2}.cribbage-game-compact.fullscreen .player-hand-compact{flex:1;justify-content:center}}@media(max-width:768px)and (orientation:portrait){.board-hole-compact{width:12px;height:12px}.peg-icon-compact{width:20px;height:20px}.card-compact{width:45px;height:63px}.card-rank{font-size:1.1rem}.card-suit{font-size:.9rem}.track-score-badge{min-width:40px;padding:6px 8px}.score-number{font-size:1.2rem}}@media(max-width:900px)and (orientation:landscape){.dual-tracks{flex-direction:row;gap:20px}.player-track{flex-direction:column}.board-hole-compact{width:14px;height:14px}.peg-icon-compact{width:22px;height:22px}}.peg-selector-container{text-align:center;padding:var(--spacing-2xl);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:600px;margin:0 auto}.peg-selector-container h2{color:var(--pink-vibrant);font-size:2rem;margin-bottom:var(--spacing-sm)}.peg-selector-subtitle{color:var(--gray-medium);font-size:1.1rem;margin-bottom:var(--spacing-2xl)}.peg-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.peg-option{position:relative;padding:var(--spacing-xl);background:#fffc;border:3px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.peg-option:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026;border-color:var(--peg-color)}.peg-option.selected{border-color:var(--peg-color);background:#fff;box-shadow:0 0 20px var(--peg-color);transform:scale(1.05)}.peg-image-container{width:120px;height:120px;margin:0 auto var(--spacing-md);border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center}.peg-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.peg-option:hover .peg-image{transform:scale(1.1)}.peg-name{font-size:1.3rem;font-weight:600;color:var(--gray-dark);margin-top:var(--spacing-md)}.selected-badge{position:absolute;top:10px;right:10px;width:40px;height:40px;background:var(--peg-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 8px #0003;animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:768px){.peg-options{grid-template-columns:1fr;gap:var(--spacing-lg)}.peg-option{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg)}.peg-image-container{width:80px;height:80px;margin:0}.peg-name{flex:1;text-align:left;margin:0}.selected-badge{position:static;margin-left:auto}}.online-users-panel{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.3)}.online-users-panel h3{color:var(--pink-vibrant);margin-bottom:var(--spacing-lg);font-size:1.3rem}.users-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--radius-md);border:1px solid rgba(255,182,217,.3);transition:all var(--transition-fast)}.user-item:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--pink-soft)}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.user-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-name{font-weight:600;color:var(--gray-dark)}.status-badge{font-size:.75rem;color:var(--pink-vibrant);font-weight:500}.no-users{text-align:center;color:var(--gray-medium);padding:var(--spacing-xl);font-style:italic}.online-users-loading{text-align:center;padding:var(--spacing-xl);color:var(--gray-medium)}.games-layout{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.games-sidebar h2{margin-bottom:var(--spacing-lg);color:var(--pink-vibrant);font-weight:700;font-size:1.5rem}.games-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.game-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);border:2px solid transparent;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-item:hover{transform:translate(4px);border-color:var(--pink-soft);box-shadow:var(--shadow-lg)}.game-item.active{border-color:var(--pink-vibrant);background:linear-gradient(135deg,#ffb6d94d,#b4d4ff4d);box-shadow:var(--shadow-xl)}.game-icon{font-size:2.5rem;flex-shrink:0}.game-info h3{margin-bottom:var(--spacing-xs);color:var(--blue-vibrant);font-size:1.2rem;font-weight:700}.game-info p{color:#333;font-size:.95rem;margin-bottom:0;font-weight:500}.leaderboard-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.leaderboard-header{padding:var(--spacing-xl);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard-header h2{margin-bottom:var(--spacing-md);color:var(--pink-vibrant);font-weight:700;font-size:1.8rem}.period-selector{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.leaderboard-entry{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:all var(--transition-normal);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard-entry:hover{transform:translate(4px);box-shadow:var(--shadow-lg)}.rank{font-size:1.8rem;font-weight:700;min-width:60px;text-align:center;color:var(--pink-vibrant)}.player-info{flex:1}.player-name{font-size:1.2rem;font-weight:700;color:#1a1a1a;margin-bottom:var(--spacing-xs)}.score-details{font-size:1rem;color:#333;font-weight:600}.time-taken{color:var(--pink-vibrant);font-weight:600}.score-date{font-size:.9rem;color:#666;font-weight:500}.game-rules{padding:var(--spacing-xl);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-rules h3{margin-bottom:var(--spacing-md);color:var(--pink-vibrant);font-weight:700;font-size:1.3rem}.game-rules p{color:#333;line-height:1.8;margin-bottom:0;font-size:1rem;font-weight:500}@media(max-width:1024px){.games-layout{grid-template-columns:1fr;gap:var(--spacing-md)}.games-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.game-item{min-width:auto}}@media(max-width:768px){.page-header h1{font-size:1.8rem;margin-bottom:var(--spacing-md)}.games-layout{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:0}.games-sidebar{width:100%;order:1}.games-sidebar h2{font-size:1.4rem;margin-bottom:var(--spacing-md);color:var(--pink-vibrant)}.games-list{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-x:visible;padding-bottom:0}.game-item{min-width:auto;width:100%;padding:var(--spacing-lg);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}.game-item.active{border:2px solid var(--pink-vibrant);background:#ffb6d933}.game-icon{font-size:2.5rem;flex-shrink:0}.game-info{flex:1}.game-info h3{font-size:1.2rem;margin-bottom:var(--spacing-xs);color:var(--pink-vibrant)}.game-info p{font-size:.9rem;margin-bottom:var(--spacing-sm);color:var(--gray-dark)}.game-info .btn{width:100%;justify-content:center;font-size:1rem;padding:var(--spacing-md)}.leaderboard-section{width:100%;order:2}.leaderboard-header{padding:var(--spacing-lg)}.leaderboard-header h2{font-size:1.6rem;margin-bottom:var(--spacing-md)}.period-selector{display:flex;flex-direction:row;gap:var(--spacing-sm);flex-wrap:wrap}.period-selector .btn{flex:1;min-width:100px;justify-content:center;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.leaderboard-entry{padding:var(--spacing-lg);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}.rank{font-size:1.8rem;min-width:50px;flex-shrink:0}.player-info{flex:1}.player-name{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--gray-dark)}.score-details{font-size:.95rem;color:var(--gray-medium)}.score-date{font-size:.85rem;color:var(--gray-medium);flex-shrink:0}.game-rules{padding:var(--spacing-lg);margin-top:var(--spacing-md)}.game-rules h3{font-size:1.3rem;margin-bottom:var(--spacing-md);color:var(--blue-vibrant)}.game-rules p{font-size:1rem;line-height:1.6;color:var(--gray-dark)}.empty-state{padding:var(--spacing-2xl);text-align:center}.empty-state p{font-size:1.1rem;color:var(--gray-medium)}}@media(max-width:480px){.page-header h1{font-size:1.5rem}.games-sidebar h2{font-size:1.2rem}.game-item{padding:var(--spacing-md);flex-direction:column;text-align:center}.game-icon{font-size:2rem}.game-info h3{font-size:1.1rem}.game-info p{font-size:.85rem}.leaderboard-header{padding:var(--spacing-md)}.leaderboard-header h2{font-size:1.3rem}.period-selector{flex-direction:column}.period-selector .btn{width:100%;min-width:auto}.leaderboard-entry{padding:var(--spacing-md);flex-direction:column;align-items:flex-start}.rank{font-size:1.5rem;min-width:auto}.player-name{font-size:1rem}.score-details{font-size:.9rem}.score-date{font-size:.8rem;align-self:flex-end}.game-rules{padding:var(--spacing-md)}.game-rules h3{font-size:1.1rem}.game-rules p{font-size:.9rem}}.profile-page{min-height:100vh;padding:var(--spacing-2xl);padding-top:100px}.profile-container{max-width:900px;margin:0 auto}.profile-container h1{color:var(--pink-vibrant);font-size:2.5rem;margin-bottom:var(--spacing-2xl);text-align:center}.profile-message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);text-align:center;font-weight:600}.profile-message.success{background:var(--mint-light);color:#2e7d32}.profile-message.error{background:#ffebee;color:#c62828}.profile-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.profile-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg)}.profile-section h2{color:var(--gray-dark);font-size:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--pink-pastel)}.avatar-section{text-align:center}.avatar-upload-area{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.avatar-preview{width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid var(--pink-vibrant);box-shadow:0 8px 24px #00000026;background:var(--gray-light);display:flex;align-items:center;justify-content:center}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:5rem;font-weight:700;color:var(--pink-vibrant)}.avatar-controls{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.avatar-hint{color:var(--gray-medium);font-size:.9rem}.display-name-area{display:flex;gap:var(--spacing-md);max-width:500px}.display-name-area .input-field{flex:1}.info-grid{display:grid;gap:var(--spacing-lg)}.info-item{display:flex;justify-content:space-between;padding:var(--spacing-md);background:var(--pink-pastel);border-radius:var(--radius-md)}.info-label{font-weight:600;color:var(--gray-dark)}.info-value{color:var(--gray-medium)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.stat-card{background:linear-gradient(135deg,var(--pink-vibrant),var(--pink-soft));color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:0 4px 12px #0000001a;transition:transform var(--transition-normal)}.stat-card:hover{transform:translateY(-4px)}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.stat-label{font-size:.9rem;opacity:.9}@media(max-width:768px){.profile-page{padding:var(--spacing-lg);padding-top:80px}.profile-container h1{font-size:2rem}.avatar-preview{width:150px;height:150px}.avatar-placeholder{font-size:4rem}.display-name-area{flex-direction:column}.info-item{flex-direction:column;gap:var(--spacing-xs)}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:2rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.avatar-controls{flex-direction:column;width:100%}.avatar-controls .btn{width:100%}}:root{--pink-soft: #FFB6D9;--pink-medium: #FF69B4;--pink-vibrant: #FF1493;--pink-light: #FFC0CB;--pink-pastel: #FFE5F0;--blue-soft: #B4D4FF;--blue-medium: #87CEEB;--blue-vibrant: #4A90E2;--blue-pastel: #E0F2FF;--lavender: #E6B8FF;--lavender-light: #F5E6FF;--mint: #B8FFE6;--mint-light: #E6FFF5;--peach: #FFDAB9;--peach-light: #FFF0E0;--white: #FFFFFF;--cream: #FFF8F0;--gray-light: #F5F5F5;--gray-medium: #CCCCCC;--gray-dark: #666666;--black: #2D2D2D;--gradient-primary: linear-gradient(135deg, var(--pink-soft) 0%, var(--blue-soft) 100%);--gradient-secondary: linear-gradient(135deg, var(--lavender) 0%, var(--pink-soft) 100%);--gradient-accent: linear-gradient(135deg, var(--blue-medium) 0%, var(--lavender) 100%);--gradient-success: linear-gradient(135deg, var(--mint) 0%, var(--blue-soft) 100%);--shadow-sm: 0 2px 8px rgba(255, 105, 180, .1);--shadow-md: 0 4px 16px rgba(255, 105, 180, .15);--shadow-lg: 0 8px 32px rgba(255, 105, 180, .2);--shadow-glow: 0 0 20px rgba(255, 182, 217, .4);--font-primary: "Quicksand", sans-serif;--font-secondary: "Poppins", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background:var(--gradient-primary);background-attachment:fixed;color:var(--black);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;color:var(--pink-vibrant)}h3{font-size:1.5rem;color:var(--blue-vibrant)}p{margin-bottom:var(--spacing-md)}.glass-card{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-normal)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.btn{font-family:var(--font-secondary);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-normal);font-size:1rem;display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-secondary{background:var(--gradient-secondary);color:var(--white);box-shadow:var(--shadow-sm)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--pink-vibrant);border:2px solid var(--pink-vibrant)}.btn-outline:hover{background:var(--pink-vibrant);color:var(--white)}.btn-success{background:var(--gradient-success);color:var(--white)}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ff1493);color:var(--white)}.input-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--pink-soft);background:#ffffffe6;font-family:var(--font-primary);font-size:1rem;transition:all var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--pink-vibrant);box-shadow:0 0 0 3px #ff69b41a}.input-field::placeholder{color:var(--gray-medium)}.progress-bar{width:100%;height:12px;background:var(--gray-light);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .5s ease-out}.float{animation:float 3s ease-in-out infinite}.pulse{animation:pulse 2s ease-in-out infinite}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726}.glass-strong{background:#ffffffd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268733}.glass-light{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #1f26871a}.card{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726;transition:all var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f268733}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,182,217,.3)}.card-title{font-size:1.5rem;font-weight:700;color:var(--pink-vibrant);margin:0}.card-body{color:var(--gray-dark)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.grid-2,.grid-3{grid-template-columns:1fr}}.loading-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-lg)}.loading-spinner{width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);box-shadow:var(--shadow-glow)}.app-layout{min-height:100vh;display:flex;flex-direction:column;position:relative;background-image:url(/theboyz.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.app-layout:before{content:"";position:fixed;inset:0;background:#fff6;pointer-events:none;z-index:0}.app-layout>*{position:relative;z-index:1}.navbar{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:1.5rem;font-weight:700;font-family:var(--font-secondary);background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.navbar-nav{display:flex;gap:var(--spacing-md);align-items:center;list-style:none}.nav-link{text-decoration:none;color:var(--gray-dark);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{background:var(--gradient-primary);color:var(--white)}.main-content{flex:1;padding:var(--spacing-xl);max-width:1400px;width:100%;margin:0 auto}@media(max-width:768px){.navbar-nav{gap:var(--spacing-sm)}.nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}.main-content{padding:var(--spacing-md)}.btn{min-height:44px;padding:var(--spacing-sm) var(--spacing-lg)}.input-field{min-height:44px;font-size:16px}.glass-card,.card{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.grid-2,.grid-3{grid-template-columns:1fr;gap:var(--spacing-md)}}@media(max-width:480px){.main-content,.glass-card,.card{padding:var(--spacing-sm)}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.2rem}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}