:root{--color-primary:#667eea;--color-primary-dark:#5568d3;--color-primary-light:#7e8ff0;--color-secondary:#764ba2;--color-accent:#ff6b9d;--color-accent-light:#ff8cb3;--color-success:#4caf50;--color-success-light:#66bb6a;--color-error:#ef4444;--color-error-light:#f87171;--color-warning:#ff9800;--color-warning-light:#ffa726;--color-info:#2196f3;--color-info-light:#42a5f5;--color-dark:#0f0f1e;--color-dark-lighter:#1a1a2e;--color-dark-light:#2a2a3e;--color-gray:#4a4a5e;--color-gray-light:#6a6a7e;--color-light:#f7f7ff;--color-white:#fff;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);--gradient-bg:linear-gradient(135deg,#667eea,#764ba2);--gradient-dark:linear-gradient(135deg,#1a1a2e,#2a2a3e);--gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,var(--color-secondary) 100%);--glass-bg:#ffffff1a;--glass-bg-strong:#ffffff26;--glass-border:#fff3;--glass-border-strong:#ffffff4d;--text-primary:#fffffff2;--text-muted:#ffffffb3;--text-faint:#ffffff80;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 6px #00000026;--shadow-lg:0 10px 15px #0003;--shadow-xl:0 20px 25px #00000040;--shadow-glow:0 0 20px #667eea66;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-display:var(--font-family);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--nav-pad:var(--space-md);--nav-gap:var(--space-sm);--nav-item-pad-y:var(--space-md);--nav-item-pad-x:var(--space-lg);--nav-item-radius:var(--radius-lg);--nav-item-font:var(--font-size-base);--nav-mb:var(--space-xl);--header-pad-y:var(--space-lg);--header-mb:var(--space-xl);--header-logo-size:var(--font-size-4xl);--header-subtitle-size:var(--font-size-lg);--page-tabs-pad:10px;--page-tab-pad-y:12px;--page-tab-pad-x:24px;--page-title-size:2rem;--page-title-mb:20px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-command:1080;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}body{background:var(--gradient-bg);color:#fff}h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-display)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.selected-wish-badge{border-radius:6px;box-sizing:border-box;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 45px 6px 25px;white-space:nowrap}@media (max-width:768px){.card-grid.mobile-1-col{gap:var(--space-md);grid-template-columns:1fr!important}.card-grid.mobile-2-col{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)!important}.header-content{flex-direction:column!important;gap:var(--space-md);text-align:center}.header-title{text-align:center;width:100%}.header-logo{font-size:var(--font-size-3xl)!important}.header-subtitle{font-size:var(--font-size-base)!important}.header-user-section{flex-wrap:wrap;justify-content:center;width:100%}.modal-card{margin:0 var(--space-sm);max-height:90vh!important;max-width:100%!important;width:100%!important}.selected-wishes-container{display:flex!important;flex-wrap:wrap!important;gap:4px!important;padding:var(--space-sm)!important}.selected-wishes-container.wishes-2-col .selected-wish-badge{box-sizing:border-box!important;flex-basis:calc(50% - 2px);flex-grow:0;flex-shrink:0;font-size:.8rem!important;max-width:calc(50% - 2px)!important;padding:6px 45px 6px 25px!important}.selected-wishes-container.wishes-1-col .selected-wish-badge{box-sizing:border-box!important;flex:0 0 100%!important;font-size:.8rem!important;max-width:100%!important;padding:6px 45px 6px 25px!important}.selected-wish-badge button{font-size:var(--font-size-sm)!important;height:20px!important;width:20px!important}.available-wishes-grid{gap:var(--space-sm)!important;grid-template-columns:repeat(2,1fr)!important}.proposal-item,.trade-item,.trade-item>div[style*="display: 'flex'"],.trade-item>div[style*="display: flex"]{flex-direction:column!important;gap:var(--space-md)!important}.trade-item>div>div[style*="flex: '0 0 200px'"],.trade-item>div>div[style*="flex: 0 0 200px"]{flex:none!important;margin:0 auto!important;max-width:300px!important;width:100%!important}.trade-actions,.trade-item>div>div[style*="flex: 1"],div[style*="display: 'flex'"][style*="gap: '10px'"] button{width:100%!important}div[style*="display: 'grid'"][style*="gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr)'"], div[style*="display: grid"][style*="grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)"]{gap:var(--space-md)!important;grid-template-columns:1fr!important}div[style*="display: 'grid'"][style*="gridTemplateColumns: 'repeat(auto-fit, minmax(110px, 1fr)'"], div[style*="display: grid"][style*="grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)"]{gap:var(--space-xs)!important;grid-template-columns:repeat(2,1fr)!important}div[style*="grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)"], div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(120px, 1fr)'"]{gap:var(--space-md)!important;grid-template-columns:repeat(2,1fr)!important}div[style*="flexDirection: window.innerWidth <= 768 ? 'column' : 'row'"]{align-items:center!important;flex-direction:column!important}.game-image,div[style*="maxHeight: '600px'"] img{height:auto!important;max-height:400px!important;max-width:100%!important}.container{padding:0 var(--space-md)!important}.page-title{font-size:var(--font-size-2xl)!important}h1{font-size:var(--font-size-3xl)!important}h2{font-size:var(--font-size-2xl)!important}h3{font-size:var(--font-size-xl)!important}.btn,button{min-height:44px!important;min-width:44px!important}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px!important}.filter-bar,.section-header{flex-direction:column!important;gap:var(--space-md)!important}.filter-group{width:100%!important}.stats-row{flex-direction:column!important;gap:var(--space-md)!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.tabs{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important;scrollbar-width:none!important}}@media (max-width:768px){.tabs::-webkit-scrollbar{display:none!important}}@media (max-width:480px){.header-logo{font-size:var(--font-size-2xl)!important}.header-subtitle{font-size:var(--font-size-sm)!important}.modal-card{margin:0!important}div[style*="grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)"], div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(120px, 1fr)'"]{gap:var(--space-sm)!important}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--gradient-primary);color:var(--color-white);font-family:var(--font-family);line-height:var(--line-height-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent-light)}code{background:var(--color-dark-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.container{max-width:1200px;padding:var(--space-lg)}.container-wide{max-width:1400px}.container-narrow,.container-wide{margin:0 auto;padding:var(--space-lg)}.container-narrow{max-width:800px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--glass-border);border-top-color:var(--color-white);display:inline-block}.loading-dots:after{animation:dots 1.5s steps(4) infinite;content:"..."}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.animate-fade-in{animation:fadeIn var(--transition-slow)}.animate-slide-up{animation:slideUp var(--transition-slow)}.animate-scale-in{animation:scaleIn var(--transition-slow)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--color-dark)}::-webkit-scrollbar-thumb{background:var(--color-gray);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-light)}::selection{background:var(--color-accent);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-bg,linear-gradient(135deg,#667eea 0,#764ba2 100%));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{padding:20px}.header{padding:40px 20px;text-align:center}.header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.header p{font-size:1.2rem;opacity:.9}.nav{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.nav button{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.nav button:hover{background:#ffffff4d;transform:translateY(-2px)}.nav button.active{background:#fff6;border-color:#fff9}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:20px;padding:20px}.card h2{font-size:1.5rem;margin-bottom:15px}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.card-item{background:var(--glass-bg-strong);border:2px solid #0000;border-radius:12px;cursor:pointer;padding:15px;transition:transform .3s ease}.card-item:hover{border-color:var(--glass-border-strong);transform:translateY(-5px)}.card-image{background:#0003;border-radius:8px;height:300px;margin-bottom:10px;object-fit:contain;width:100%}.card-no-date{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e)!important;display:flex;flex-direction:column;gap:8px;justify-content:center}.no-date-icon{font-size:2rem;opacity:.4}.no-date-text{color:#fff6;font-size:.85rem;font-weight:500}.date-gen-counter{margin-top:20px}.date-gen-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.date-gen-stats{display:flex;gap:16px;margin-top:4px}.date-gen-stat{color:#ffffffb3;font-size:.9rem}.date-gen-stat.bonus{color:#a855f7}.date-gen-warning{color:#f59e0b}.date-gen-exhausted,.date-gen-warning{display:block;font-size:.8rem;margin-top:4px}.date-gen-exhausted{color:#ef4444}.skip-first-date-toggle{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:8px;white-space:nowrap}.skip-first-date-toggle input:disabled+span{opacity:.5}.confirm-modal-skip{margin-top:12px}.card-name{font-size:1.2rem;font-weight:700;margin-bottom:5px}.card-stats{display:flex;font-size:.9rem;justify-content:space-between;margin-top:10px;opacity:.9}.button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary,linear-gradient(135deg,#667eea 0,#764ba2 100%));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--glass-bg);border:2px solid var(--glass-border-strong);border-radius:8px;color:var(--color-white);font-size:1rem;padding:12px;width:100%}select optgroup,select option{background:var(--color-dark-lighter);color:var(--color-white)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-light)}.form-group textarea{min-height:100px;resize:vertical}.loading{font-size:1.2rem;padding:40px;text-align:center}.error{background:#f003;border:2px solid #ff000080;border-radius:8px}.error,.success{margin-bottom:20px;padding:15px}.success{background:#0f03;border:2px solid #00ff0080;border-radius:8px}.battle-arena{align-items:center;display:flex;gap:20px;justify-content:space-around;margin:40px 0}.vs{font-size:3rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.stats-bar{background:var(--glass-bg);border-radius:8px;margin-top:20px;padding:15px}.stat-item{border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:10px 0}.stat-item:last-child{border-bottom:none}.badge{border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-left:8px;padding:4px 12px;text-shadow:0 1px 2px #000c}.badge.common{background:#95a5a6;color:#fff}.badge.rare{background:#3498db;color:#fff}.badge.epic{background:#9b59b6;color:#fff}.badge.legendary{background:#f39c12;color:#1a1a1a}.badge.limited{box-shadow:0 0 10px #e74c3c80;color:#fff}.card-ui{border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-base)}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.card-solid{background:var(--color-dark-lighter);border:1px solid var(--color-dark-light);box-shadow:var(--shadow-lg)}.card-outlined{background:#0000;border:2px solid var(--glass-border-strong)}.card-default{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--glass-bg);border:1px solid var(--glass-border)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-md)}.card-padding-md{padding:var(--space-lg)}.card-padding-lg{padding:var(--space-xl)}.card-hoverable:hover{border-color:var(--glass-border-strong);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-clickable{cursor:pointer}.card-clickable:active{transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--glass-border);padding:var(--space-lg)}.card-body{flex:1 1;padding:var(--space-lg)}.card-footer{align-items:center;border-top:1px solid var(--glass-border);display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg)}.card-ui:has(.card-header,.card-body,.card-footer){padding:0}.gift-notification-banner{animation:slideInDown .5s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #00000026;margin-bottom:24px;padding:20px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.gift-banner-content{align-items:center;display:flex;gap:15px;margin-bottom:15px}.gift-banner-icon{animation:bounce 1s infinite;font-size:48px}.gift-banner-text{color:#fff}.gift-banner-text strong{display:block;font-size:20px;margin-bottom:5px}.gift-banner-text p{font-size:14px;margin:0;opacity:.9}.gift-banner-gifts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gift-item-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 16px;transition:all .3s ease}.gift-item-button:hover{background:#ffffff4d;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.gift-item-icon{font-size:24px}.gift-item-title{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.gift-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.gift-modal{animation:scaleIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.gift-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.gift-modal-header h2{font-size:24px;margin:0}.gift-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:background .2s;width:40px}.gift-modal-close:hover{background:#ffffff4d}.gift-modal-body{padding:30px}.gift-description{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px}.gift-reward-display{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;display:flex;gap:20px;margin-bottom:20px;padding:24px}.gift-reward-icon{font-size:64px;line-height:1}.gift-reward-details h3{color:#333;font-size:20px;margin:0 0 10px}.gift-reward-details p{color:#666;margin:5px 0}.gift-reward-amount,.gift-reward-char,.gift-reward-theme{font-size:15px}.gift-claim-message{border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.gift-claim-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.gift-claim-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.gift-claim-message p{font-weight:600;margin:0}.reward-details{margin-top:10px}.reward-message{font-size:14px;font-weight:400!important;margin-top:8px!important}.card-generated{background:#ffffff80;border:2px solid #1557244d;border-radius:8px;margin-top:12px;padding:15px}.card-generated p{margin:5px 0}.card-generated strong{color:#155724}.gift-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px 30px}.gift-claim-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.gift-claim-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea80;transform:translateY(-2px)}.gift-claim-button:disabled{cursor:not-allowed;opacity:.6}.gift-close-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background .2s}.gift-close-button:hover{background:#545b62}@media (max-width:768px){.gift-banner-gifts{grid-template-columns:1fr}.gift-modal{margin:10px}.gift-modal-body{padding:20px}.gift-reward-display{text-align:center}.gift-modal-footer,.gift-reward-display{flex-direction:column}.gift-claim-button{width:100%}}.home-page{display:flex;flex-direction:column;gap:var(--space-2xl)}.welcome-card{background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid var(--glass-border-strong)}.welcome-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:space-between}.welcome-text{flex:1 1;min-width:300px}.welcome-title{color:var(--color-white);font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.welcome-description{color:var(--text-primary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0}.balance-button{min-width:220px}.balance-card{overflow:hidden}.balance-content{display:flex;flex-direction:column;gap:var(--space-lg)}.balance-header{align-items:center;border-bottom:2px solid var(--glass-border);display:flex;justify-content:space-between;padding-bottom:var(--space-md)}.balance-header h3{font-size:var(--font-size-2xl);margin:0}.balance-stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.balance-stat{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center}.stat-label{color:var(--text-muted);font-size:var(--font-size-sm);letter-spacing:.5px;margin-bottom:var(--space-sm);text-transform:uppercase}.stat-value{color:var(--color-white);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.stat-spent{color:var(--color-error-light)}.stat-detail{color:var(--text-faint);font-size:var(--font-size-xs)}.balance-notice{background:#ff980026;border:1px solid var(--color-warning);border-radius:var(--radius-lg);color:var(--color-warning-light);font-size:var(--font-size-sm);padding:var(--space-md)}.balance-error{background:#ef444426;border:2px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error-light);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--space-lg);text-align:center}.section-title{color:var(--color-white);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);text-align:center}.quick-actions-section{margin-top:var(--space-xl)}.quick-actions-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.action-card{cursor:pointer}.action-card .card-body{align-items:center;display:flex;gap:var(--space-lg)}.action-icon{flex-shrink:0;font-size:3rem}.action-content{flex:1 1}.action-content h4{color:var(--color-white);font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.action-content p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.announcements-section{margin-top:var(--space-lg)}.announcements-container{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:280px 1fr;min-height:350px}.announcements-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:400px;overflow-y:auto;padding-right:var(--space-sm);scrollbar-color:var(--glass-border) #0000;scrollbar-width:thin}.announcements-list::-webkit-scrollbar{width:6px}.announcements-list::-webkit-scrollbar-track{background:#0000}.announcements-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.announcement-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:3px solid #0000;border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-md);transition:all var(--transition-base)}.announcement-item:hover{background:var(--glass-bg)}.announcement-item.selected,.announcement-item:hover{border-left-color:var(--category-color,var(--color-primary))}.announcement-item.selected{background:var(--glass-bg-strong);border-color:var(--category-color,var(--color-primary))}.announcement-item-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs)}.announcement-icon{font-size:var(--font-size-lg)}.announcement-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-white);display:-webkit-box;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0 0 var(--space-xs) 0;overflow:hidden}.announcement-date{color:var(--text-faint);font-size:var(--font-size-xs)}.announcement-detail{overflow:hidden}.announcement-detail-header{align-items:flex-start;border-bottom:1px solid var(--glass-border);display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.announcement-detail-icons{display:flex;flex-shrink:0;gap:var(--space-xs)}.announcement-detail-icon{font-size:2.5rem}.announcement-detail-title{color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0}.announcement-detail-date{color:var(--text-faint);font-size:var(--font-size-sm)}.announcement-section{border-bottom:1px solid var(--glass-border);padding:var(--space-lg) 0}.announcement-section:last-child{border-bottom:none;padding-bottom:0}.announcement-section .section-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.announcement-section .section-icon{font-size:1.5rem}.announcement-section .section-title{color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.section-content{color:var(--text-primary);line-height:var(--line-height-relaxed)}.section-content p{margin:0 0 var(--space-sm) 0}.announcement-icons{display:flex;gap:var(--space-xs)}.announcement-featured-images{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg)}.announcement-featured-image{background:#0000004d;border:2px solid var(--glass-border);border-radius:var(--radius-lg);flex-shrink:0;height:250px;overflow:hidden;position:relative;width:200px}.announcement-featured-image img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-base);width:100%}.announcement-featured-image:hover img{transform:scale(1.02)}.announcement-featured-videos{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg)}.announcement-featured-video{background:#0000004d;border:2px solid var(--glass-border);border-radius:var(--radius-lg);flex-shrink:0;overflow:hidden;width:300px}.announcement-featured-video video{display:block;width:100%}@media (max-width:768px){.announcements-container{grid-template-columns:1fr}.announcements-list{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-sm);padding-right:0}.announcement-item{flex-shrink:0;min-width:200px}}.collect-fragments-banner{align-items:center;animation:slideInDown .5s ease-out;background:var(--gradient-primary);border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px}.collect-fragments-content{align-items:center;display:flex;gap:15px}.collect-fragments-icon{animation:bounce 1s infinite;flex-shrink:0;font-size:48px}.collect-fragments-text{color:var(--text-primary)}.collect-fragments-text strong{display:block;font-size:18px;margin-bottom:4px}.collect-fragments-text p{font-size:14px;margin:0;opacity:.9}.collect-fragments-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg-strong);border:1px solid var(--glass-border-strong);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.collect-fragments-btn:hover:not(:disabled){background:var(--glass-border-strong);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.collect-fragments-btn:disabled{cursor:not-allowed;opacity:.5}.collect-fragments-message{background:#22c55e26;border:1px solid #22c55e4d;border-radius:12px;color:var(--color-success);font-weight:500;margin-bottom:24px;padding:var(--space-sm) var(--space-md);text-align:center}@media (max-width:768px){.collect-fragments-banner{flex-direction:column;text-align:center}.collect-fragments-content{flex-direction:column}.collect-fragments-btn{width:100%}}.maintenance-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.maintenance-container{animation:fadeIn .5s ease-in;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:60px 40px;text-align:center;width:100%}.maintenance-icon{animation:rotate 4s linear infinite;font-size:80px;margin-bottom:20px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.maintenance-title{color:#333;font-size:36px;font-weight:700;margin:0 0 20px}.maintenance-message{color:#666;font-size:18px;line-height:1.6;margin:0 0 10px}.maintenance-submessage{color:#999;font-size:16px;margin:0 0 40px}.maintenance-animation{display:flex;gap:10px;justify-content:center}.maintenance-animation .dot{animation:bounce 1.4s ease-in-out infinite both;background:#667eea;border-radius:50%;height:15px;width:15px}.maintenance-animation .dot:first-child{animation-delay:-.32s}.maintenance-animation .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.maintenance-container{padding:40px 30px}.maintenance-icon{font-size:60px}.maintenance-title{font-size:28px}.maintenance-message{font-size:16px}.maintenance-submessage{font-size:14px}}.loading-fallback{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;border-top:4px solid var(--color-primary,#667eea);height:40px;width:40px}.loading-message{color:#ffffffb3;font-size:1rem;font-weight:500;margin-top:1rem}@media (prefers-color-scheme:dark){.loading-spinner{border:4px solid #ffffff1a;border-top-color:#667eea;border-top:4px solid var(--color-primary,#667eea)}.loading-message{color:#ffffffb3}}@media (prefers-color-scheme:light){.loading-spinner{border:4px solid #0000001a;border-top-color:#667eea;border-top:4px solid var(--color-primary,#667eea)}.loading-message{color:#0009}}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-sm)}.input-full-width{width:100%}.input-label{color:var(--color-white);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.input-required{color:var(--color-error);margin-left:var(--space-xs)}.input-container{align-items:center;display:flex;position:relative}.input-field{background:var(--glass-bg);border:2px solid var(--glass-border-strong);border-radius:var(--radius-lg);color:var(--color-white);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;padding:var(--space-md);transition:all var(--transition-base);width:100%}.input-field:focus{background:#ffffff26;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33}.input-field:disabled{background:var(--color-dark-light);cursor:not-allowed;opacity:.5}.input-field::placeholder{color:#ffffff80}.input-with-left-icon{padding-left:calc(var(--space-xl) + var(--space-md))}.input-with-right-icon{padding-right:calc(var(--space-xl) + var(--space-md))}.input-icon{align-items:center;color:#fff9;display:flex;justify-content:center;pointer-events:none;position:absolute}.input-icon-left{left:var(--space-md)}.input-icon-right{right:var(--space-md)}.input-error,.input-error:focus{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #ef444433}.input-error-text{color:var(--color-error)}.input-error-text,.input-hint{display:block;font-size:var(--font-size-sm)}.input-hint{color:#fff9}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;overflow:hidden;position:relative;text-decoration:none;touch-action:manipulation;transition:all var(--transition-base);user-select:none;-webkit-user-select:none;white-space:nowrap}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-disabled,.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-sm{border-radius:var(--radius-md);font-size:var(--font-size-sm);min-height:36px;padding:var(--space-sm) var(--space-md)}.btn-md{font-size:var(--font-size-base);min-height:44px;padding:var(--space-md) var(--space-lg)}.btn-lg{font-size:var(--font-size-lg);min-height:52px;padding:var(--space-lg) var(--space-xl)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-sm);color:var(--color-white)}.btn-primary:hover{box-shadow:var(--shadow-glow)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg-strong);border:2px solid var(--glass-border-strong);color:var(--color-white)}.btn-secondary:hover{background:#fff3;border-color:#ffffff80}.btn-success{background:var(--color-success);box-shadow:var(--shadow-sm);color:var(--color-white)}.btn-success:hover{background:var(--color-success-light);box-shadow:0 0 20px #4caf5066}.btn-danger{background:var(--color-error);box-shadow:var(--shadow-sm);color:var(--color-white)}.btn-danger:hover{background:var(--color-error-light);box-shadow:0 0 20px #ef444466}.btn-warning{background:var(--color-warning);box-shadow:var(--shadow-sm);color:var(--color-white)}.btn-warning:hover{background:var(--color-warning-light);box-shadow:0 0 20px #ff980066}.btn-ghost{background:#0000;border:2px solid #0000;color:var(--color-white)}.btn-ghost:hover{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:none;transform:none}.btn-link{background:#0000;border:none;color:var(--color-accent);min-height:auto;padding:0}.btn-link:hover{box-shadow:none;color:var(--color-accent-light);text-decoration:underline;transform:none}.btn-full-width{width:100%}.btn-loading{pointer-events:none}.btn-loading .btn-content{opacity:0}.btn-loader{animation:spin .6s linear infinite;border:2px solid var(--color-white);border-radius:50%;border-top:2px solid #0000;height:16px;position:absolute;width:16px}.btn-sm .btn-loader{height:12px;width:12px}.btn-lg .btn-loader{height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.btn-icon{align-items:center;display:inline-flex;font-size:1.2em}.btn-icon-left{margin-right:calc(var(--space-sm)*-.5)}.btn-icon-right{margin-left:calc(var(--space-sm)*-.5)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:before{height:300px;width:300px}.btn-disabled:before,.btn:disabled:before{display:none}.auth-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:var(--space-xl) 0}.auth-card{box-shadow:var(--shadow-xl);max-width:450px;width:100%}.auth-header{margin-bottom:var(--space-xl);text-align:center}.auth-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:var(--space-md)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);margin-bottom:var(--space-sm)}.auth-subtitle{color:#fffc;font-size:var(--font-size-base);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-submit-btn{margin-top:var(--space-md)}.auth-footer{color:#fffc;gap:var(--space-sm);justify-content:center;width:100%}.alert,.auth-footer{align-items:center;display:flex;font-size:var(--font-size-sm)}.alert{animation:slideDown .3s ease-out;border-radius:var(--radius-lg);gap:var(--space-md);padding:var(--space-md)}.alert-error{background:#ef444426;border:2px solid var(--color-error);color:var(--color-error-light)}.alert-success{background:#4caf5026;border:2px solid var(--color-success);color:var(--color-success-light)}.alert-warning{background:#ff980026;border:2px solid var(--color-warning);color:var(--color-warning-light)}.alert-info{background:#2196f326;border:2px solid var(--color-info);color:var(--color-info-light)}.alert-icon{flex-shrink:0;font-size:var(--font-size-lg)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-weight:var(--font-weight-semibold);justify-content:center;transition:all var(--transition-base);white-space:nowrap}.badge-sm{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.badge-md{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md)}.badge-lg{font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg)}.badge-default{background:var(--color-gray);color:var(--color-white)}.badge-primary{background:var(--color-primary);color:var(--color-white)}.badge-success{background:var(--color-success);color:var(--color-white)}.badge-error{background:var(--color-error);color:var(--color-white)}.badge-warning{background:var(--color-warning);color:var(--color-dark)}.badge-info{background:var(--color-info);color:var(--color-white)}.badge-common{background:#95a5a6;color:var(--color-white)}.badge-rare{background:#3498db}.badge-epic,.badge-rare{color:var(--color-white)}.badge-epic{background:#9b59b6}.badge-legendary{animation:glow 2s ease-in-out infinite;background:linear-gradient(135deg,#f39c12,#f1c40f);box-shadow:0 0 15px #f39c1280;color:var(--color-dark)}.badge.limited{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 0 15px #e74c3c80;color:var(--color-white);font-weight:700}@keyframes glow{0%,to{box-shadow:0 0 15px #f39c1280}50%{box-shadow:0 0 25px #f39c12cc}}.badge-dot{font-size:0;height:8px;min-height:8px;min-width:8px;padding:0;width:8px}.badge-dot.badge-md{height:10px;min-height:10px;min-width:10px;width:10px}.badge-dot.badge-lg{height:12px;min-height:12px;min-width:12px;width:12px}.app-sidebar{align-self:flex-start;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--glass-bg-strong);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-xs);height:100vh;overflow-y:auto;padding:var(--space-sm);position:-webkit-sticky;position:sticky;top:0;transition:width var(--transition-base);width:232px;z-index:var(--z-sticky)}.app-sidebar-collapsed{width:64px}.sb-brand{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.sb-collapse-btn{background:var(--glass-bg);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;flex-shrink:0;font-size:1.1rem;height:36px;transition:background var(--transition-fast);width:36px}.sb-collapse-btn:hover{background:var(--glass-bg-strong)}.sb-brand-name{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis}.sb-brand-name,.sb-date-gens{color:var(--color-white);white-space:nowrap}.sb-date-gens{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:none;font-size:var(--font-size-sm);gap:4px;margin:0 var(--space-sm) var(--space-xs);padding:8px 12px}.sb-date-gens-bonus{color:#a855f7;font-weight:var(--font-weight-semibold)}.app-sidebar-collapsed .sb-brand-name,.app-sidebar-collapsed .sb-label,.app-sidebar-collapsed .sb-staff-caret{display:none}.app-sidebar-collapsed .sb-item,.app-sidebar-collapsed .sb-staff-toggle{justify-content:center}.app-sidebar-collapsed .sb-badge{position:absolute;right:4px;top:4px}.sb-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.sb-item,.sb-staff-toggle{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);position:relative;text-align:left;transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;width:100%}.sb-item:hover,.sb-staff-toggle:hover{background:var(--glass-bg);border-color:var(--glass-border)}.sb-item-active{background:var(--gradient-primary);border-color:var(--glass-border-strong);box-shadow:var(--shadow-glow)}.sb-icon{flex-shrink:0;font-size:var(--font-size-lg);text-align:center;width:1.4em}.sb-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.sb-badge{flex-shrink:0}.sb-staff{border-top:1px solid var(--glass-border);margin-top:var(--space-sm);padding-top:var(--space-sm)}.sb-staff-caret{font-size:.7rem;opacity:.7}.sb-staff-items{display:flex;flex-direction:column;gap:2px;margin-top:2px}.sb-staff-items[hidden]{display:none}.sb-item-staff{font-size:var(--font-size-sm);opacity:.92}.app-sidebar-collapsed .sb-item-staff,.sb-item-staff{padding-left:var(--space-md)}.sb-scrim{display:none}@media (max-width:768px){.app-sidebar{box-shadow:var(--shadow-xl);left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-base);width:248px}.app-sidebar.app-sidebar-collapsed{width:248px}.app-sidebar-mobile-open{transform:translateX(0)}.sb-date-gens{display:flex}.app-sidebar-collapsed .sb-brand-name,.app-sidebar-collapsed .sb-label,.app-sidebar-collapsed .sb-staff-caret{display:revert}.app-sidebar-collapsed .sb-badge{position:static}.sb-scrim{background:#00000080;display:block;inset:0;position:fixed;z-index:calc(var(--z-sticky) - 1)}}.appearance{position:relative}.appearance-trigger{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:1.1rem;height:38px;transition:background var(--transition-fast);width:38px}.appearance-trigger:hover{background:var(--glass-bg-strong)}.appearance-popover{animation:fadeIn var(--transition-fast);background:var(--color-dark-lighter);border:1px solid var(--glass-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);position:absolute;right:0;top:calc(100% + 8px);width:264px;z-index:var(--z-popover)}@media (max-width:768px){.appearance-popover{left:var(--space-md);max-height:calc(100vh - 76px);overflow-y:auto;position:fixed;right:var(--space-md);top:60px;width:auto}}.appearance-section{display:flex;flex-direction:column;gap:var(--space-sm)}.appearance-heading{color:var(--color-white);font-size:var(--font-size-xs);letter-spacing:.06em;opacity:.6;text-transform:uppercase}.appearance-themes{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}.appearance-theme{align-items:center;background:var(--glass-bg);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:flex;gap:var(--space-sm);min-width:0;padding:6px 8px;transition:border-color var(--transition-fast),background var(--transition-fast)}.appearance-theme.is-selected,.appearance-theme:hover{background:var(--glass-bg-strong)}.appearance-theme.is-selected{border-color:var(--color-primary)}.appearance-swatch{border:1px solid var(--glass-border-strong);border-radius:50%;flex-shrink:0;height:20px;width:20px}.appearance-theme-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.2;min-width:0;overflow-wrap:break-word;text-align:left;word-break:break-word}.appearance-segment{display:flex;gap:var(--space-xs)}.appearance-seg-btn{background:var(--glass-bg);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:8px 10px;transition:border-color var(--transition-fast),background var(--transition-fast)}.appearance-seg-btn:hover{background:var(--glass-bg-strong)}.appearance-seg-btn.is-selected{background:var(--gradient-primary);border-color:var(--color-primary)}.app-header{animation:slideDown .4s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-bg-strong);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);padding:var(--space-lg) 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content{align-items:center;display:flex;gap:var(--space-lg);justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 var(--space-lg)}.header-title{flex:1 1;text-align:center}.header-logo{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);margin-bottom:var(--space-sm);text-shadow:2px 2px 8px #0000004d}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.header-subtitle{color:var(--color-white);font-size:var(--font-size-lg);margin:0;opacity:.9}.header-user-section{align-items:center;display:flex;gap:var(--space-md);min-width:-webkit-fit-content;min-width:fit-content}.header-welcome{color:var(--color-white);font-size:var(--font-size-sm);white-space:nowrap}.header-welcome strong{color:var(--color-accent-light);font-weight:var(--font-weight-bold)}.subscription-badge{align-items:center;animation:crownShine 2s ease-in-out infinite;cursor:help;display:inline-flex;filter:drop-shadow(0 0 4px rgba(255,215,0,.6));font-size:var(--font-size-lg);justify-content:center;margin-left:var(--space-sm);position:relative}@keyframes crownShine{0%,to{filter:drop-shadow(0 0 4px rgba(255,215,0,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(255,215,0,.9));transform:scale(1.1)}}.subscription-unclaimed-dot{animation:pulse 2s ease-in-out infinite;background:#ef4444;background:var(--color-danger,#ef4444);border:2px solid #1a1a2e;border:2px solid var(--color-dark,#1a1a2e);border-radius:50%;box-shadow:0 0 8px #ef444499;height:10px;position:absolute;right:-4px;top:-2px;width:10px}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;max-height:90vh;max-width:90%;overflow-y:auto;padding:0;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.donate-modal{background:#0000;box-shadow:none;max-width:90vw;padding:0;width:550px}.modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:40px;justify-content:center;line-height:1;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:1}.modal-close:hover{background:#ffffff4d;border-color:#fff;transform:rotate(90deg) scale(1.1)}@media (prefers-color-scheme:dark){.modal-content{background:#2a2a2a}.donate-modal{background:#0000}.modal-close{background:#fff3;border-color:#ffffff4d;color:#fff}.modal-close:hover{background:#ffffff4d;border-color:#fff}}.header-date-gens{align-items:center;background:#ffffff1a;border-radius:20px;display:flex;font-size:.85rem;gap:4px;padding:4px 12px;white-space:nowrap}.date-gen-label{color:#ffffffe6;cursor:default}.date-gen-bonus{color:#a855f7;cursor:default;font-size:.8rem;font-weight:600}.app-topbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--glass-bg-strong);border-bottom:1px solid var(--glass-border);justify-content:space-between;padding:var(--space-sm) var(--space-lg);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.app-topbar,.topbar-left{align-items:center;display:flex;gap:var(--space-md)}.topbar-left{min-width:0}.topbar-menu-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:none;flex-shrink:0;font-size:1.1rem;height:38px;position:relative;width:38px;z-index:1}.topbar-welcome{color:var(--color-white);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-welcome strong{color:var(--color-accent-light);font-weight:var(--font-weight-bold)}.topbar-right{flex-shrink:0}.topbar-actions,.topbar-right{align-items:center;display:flex;gap:var(--space-sm)}@media (max-width:768px){.topbar-menu-btn{align-items:center;display:inline-flex;justify-content:center}.app-topbar{gap:var(--space-sm);justify-content:flex-start;padding:var(--space-sm) var(--space-md)}.topbar-welcome{max-width:40vw}.topbar-right{gap:var(--space-xs);margin-left:auto}.header-date-gens{font-size:.78rem;padding:3px 8px}.topbar-actions{gap:var(--space-xs)}.topbar-actions .btn-content{display:none}.topbar-actions .btn-icon-left{margin:0}}@media (max-width:560px){.topbar-welcome{display:none}}@media (max-width:480px){.header-date-gens{display:none}}.cmdk-backdrop{align-items:flex-start;animation:fadeIn var(--transition-fast);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:flex;inset:0;justify-content:center;padding-top:12vh;position:fixed;z-index:1080;z-index:var(--z-command,1080)}.cmdk{background:var(--color-dark-lighter);border:1px solid var(--glass-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:70vh;overflow:hidden;width:min(640px,92vw)}.cmdk-input{background:#0000;border:none;border-bottom:1px solid var(--glass-border);color:var(--color-white);font-family:var(--font-family);font-size:var(--font-size-lg);outline:none;padding:var(--space-md) var(--space-lg)}.cmdk-input::placeholder{color:var(--color-white);opacity:.5}.cmdk-list{list-style:none;margin:0;overflow-y:auto;padding:var(--space-xs)}.cmdk-empty{opacity:.6;padding:var(--space-lg);text-align:center}.cmdk-empty,.cmdk-item{color:var(--color-white)}.cmdk-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-md);padding:var(--space-sm) var(--space-md);text-align:left;width:100%}.cmdk-item-active{background:var(--gradient-primary)}.cmdk-item-icon{flex-shrink:0;text-align:center;width:1.4em}.cmdk-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-item-kind{flex-shrink:0;letter-spacing:.05em;opacity:.5;text-transform:uppercase}.cmdk-footer,.cmdk-item-kind{font-size:var(--font-size-xs)}.cmdk-footer{border-top:1px solid var(--glass-border);color:var(--color-white);display:flex;gap:var(--space-md);opacity:.7;padding:var(--space-sm) var(--space-md)}.cmdk-footer kbd{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px;font-family:inherit;margin-right:2px;padding:1px 5px}.tutorial-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9998}.tutorial-highlight{animation:pulse 2s infinite;background:#0000;border:3px solid #4caf50;border-radius:8px;box-shadow:0 0 0 4px #4caf504d,0 0 20px #4caf5080;pointer-events:none;position:fixed;z-index:9999}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #4caf504d,0 0 20px #4caf5080}50%{box-shadow:0 0 0 8px #4caf5033,0 0 30px #4caf50b3}}.tutorial-box{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #4caf50;border-radius:12px;box-shadow:0 8px 32px #00000080;max-width:90vw;overflow:hidden;position:fixed;width:350px;z-index:10000}.tutorial-box.dragging{cursor:move;opacity:.9}.tutorial-header{align-items:center;background:linear-gradient(90deg,#4caf50,#45a049);cursor:move;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.tutorial-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.tutorial-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:background .2s;width:28px}.tutorial-close:hover{background:#ffffff4d}.tutorial-content{color:#e0e0e0;font-size:14px;line-height:1.6;max-height:400px;overflow-y:auto;padding:16px}.tutorial-content p{margin:0 0 12px;white-space:pre-line}.tutorial-content p:last-child{margin-bottom:0}.tutorial-content strong{color:#4caf50;font-weight:600}.tutorial-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:12px;padding:12px 16px}.tutorial-progress{color:#888;font-size:12px;text-align:center}.tutorial-buttons{display:flex;gap:8px;justify-content:flex-end}.tutorial-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.tutorial-btn-primary{background:#4caf50;color:#fff}.tutorial-btn-primary:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.tutorial-btn-primary:disabled{background:#666;cursor:not-allowed;transform:none}.tutorial-btn-secondary{background:#ffffff1a;color:#fff}.tutorial-btn-secondary:hover{background:#ffffff26}.tutorial-btn-success{background:linear-gradient(90deg,#4caf50,#45a049);color:#fff;font-size:15px;font-weight:600;padding:10px 20px}.tutorial-btn-success:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.tutorial-btn-danger{background:#f44336;color:#fff}.tutorial-btn-danger:hover{background:#da190b}.tutorial-skip-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.tutorial-skip-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #f44336;border-radius:12px;box-shadow:0 8px 32px #00000080;max-width:90vw;padding:24px;width:400px}.tutorial-skip-modal h3{color:#fff;font-size:20px;margin:0 0 16px}.tutorial-skip-modal p{color:#e0e0e0;font-size:14px;line-height:1.6;margin:0 0 12px}.tutorial-warning{color:#f44336!important;font-weight:600}.tutorial-skip-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}@media (max-width:768px){.tutorial-box{max-width:calc(100vw - 20px);width:320px}.tutorial-content{font-size:13px;max-height:300px}.tutorial-header h3{font-size:15px}.tutorial-btn{font-size:13px;padding:7px 12px}.tutorial-skip-modal{padding:20px;width:320px}}.tutorial-content::-webkit-scrollbar{width:6px}.tutorial-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.tutorial-content::-webkit-scrollbar-thumb{background:#4caf5080;border-radius:3px}.tutorial-content::-webkit-scrollbar-thumb:hover{background:#4caf50b3}html[data-density=compact] .app-topbar{padding:var(--space-xs) var(--space-md)}html[data-density=compact] .app-content{padding:var(--space-md)}html[data-density=compact] .app-sidebar{gap:2px;padding:var(--space-xs);width:198px}html[data-density=compact] .app-sidebar.app-sidebar-collapsed{width:56px}html[data-density=compact] .sb-brand{margin-bottom:0;padding:2px var(--space-sm)}html[data-density=compact] .sb-collapse-btn{height:30px;width:30px}html[data-density=compact] .sb-item,html[data-density=compact] .sb-staff-toggle{font-size:var(--font-size-sm);padding:6px var(--space-sm)}html[data-density=compact] .sb-icon{font-size:var(--font-size-base)}html[data-density=compact] .sb-staff{margin-top:var(--space-xs);padding-top:var(--space-xs)}html[data-density=comfortable] .app-content{padding:var(--space-lg) var(--space-xl)}.app-shell{align-items:flex-start;display:flex;flex-direction:row;min-height:100vh}.app-shell--with-dev-banner{padding-top:46px}.app-shell-body{display:flex;flex:1 1;flex-direction:column;min-height:100vh;min-width:0}.app-content{animation:fadeIn var(--transition-base);flex:1 1;margin:0 auto;max-width:1760px;padding:var(--space-lg);width:100%}@media (max-width:768px){.app-content{padding:var(--space-md)}}.App{display:flex;flex-direction:column;min-height:100vh}.app-main{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{margin:0 auto;max-width:1600px;padding:0 var(--space-lg);width:100%}.loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.dev-banner{background-color:#ff9800;border-bottom:3px solid #f57c00;box-shadow:0 2px 8px #0000004d;color:#000;font-size:1.2rem;font-weight:700;left:0;padding:10px 20px;position:fixed;right:0;text-align:center;top:0;z-index:10000}.container--with-dev-banner{margin-top:50px}.alert-modal{border-radius:16px;color:#fff;max-width:500px;padding:40px;text-align:center}.alert-modal__icon{font-size:48px;margin-bottom:20px}.alert-modal__title{font-size:24px;font-weight:700;margin:0 0 15px}.alert-modal__message{font-size:16px;line-height:1.6;margin:0 0 30px;opacity:.95}.alert-modal__btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 32px;transition:all .3s ease}.alert-modal__btn:hover{transform:scale(1.05)}.donation-alert-modal--success{background:linear-gradient(135deg,#667eea,#764ba2)}.donation-alert-modal--cancelled{background:linear-gradient(135deg,#f093fb,#f5576c)}.donation-alert-modal__btn--success{background:#fff;color:#667eea}.donation-alert-modal__btn--cancelled{background:#fff;color:#f5576c}.competition-alert-modal--submission{background:linear-gradient(135deg,#11998e,#38ef7d)}.competition-alert-modal--voting{background:linear-gradient(135deg,#667eea,#764ba2)}.competition-alert-modal__btn-primary--submission{background:#fff;color:#11998e;margin-right:10px}.competition-alert-modal__btn-primary--voting{background:#fff;color:#667eea;margin-right:10px}.competition-alert-modal__btn-secondary{background:#fff3;border:2px solid #fff;color:#fff}
/*# sourceMappingURL=main.ad979623.css.map*/