*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}#root{width:100%;min-height:100vh}:root{--primary-orange: #EE4A1B;--primary-orange-hover: #DB3B14;--disabled-orange: #E29D86;--bg-cream: #F5F3EF;--bg-white: #FFFFFF;--bg-dark: #000000;--bg-card: #FFFFFF;--text-dark: #000000;--text-muted: #6B6B6B;--text-light: #9A9A9A;--border-light: #E5E5E5;--border-medium: #D0D0D0;--star-gold: #FFB800;--success: #0DB547;--error: #DD0000;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-white);color:var(--text-dark);min-height:100vh;line-height:1.5}.app{min-height:100vh}h1,h2,h3,h4{font-weight:700;letter-spacing:.02em}.title-display{font-size:4rem;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1}.title-accent{color:var(--primary-orange)}.subtitle{font-size:.875rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border:none;border-radius:var(--radius-xl);cursor:pointer;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease}.btn-primary{background:var(--primary-orange);color:#fff}.btn-primary:hover{background:var(--primary-orange-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:disabled{background:var(--disabled-orange);cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-white);color:var(--text-dark);border:2px solid var(--border-light)}.btn-secondary:hover{border-color:var(--text-dark);background:var(--bg-white)}.btn-outline{background:transparent;color:var(--text-dark);border:2px solid var(--border-medium)}.btn-outline:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.btn-small{padding:10px 20px;font-size:.75rem}.btn-icon{width:48px;height:48px;padding:0;border-radius:50%}input,select{padding:14px 18px;border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-dark);font-size:1rem;width:100%;transition:border-color .2s ease}input:focus,select:focus{outline:none;border-color:var(--primary-orange)}input::placeholder{color:var(--text-light)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.card{background:var(--bg-white);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.card-selectable{cursor:pointer;transition:all .2s ease}.card-selectable:hover{border-color:var(--primary-orange);box-shadow:var(--shadow-md)}.card-selectable.selected{border-color:var(--primary-orange);background:#fff5f0}.home-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;overflow:hidden}.home-carousel-bg{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:12px;padding:20px 0;overflow:hidden;opacity:.18;pointer-events:none}.carousel-track{display:flex;gap:16px;width:max-content;pointer-events:auto}.carousel-track-left{animation:scroll-left 60s linear infinite}.carousel-track-right{transform:translate(-50%);animation:scroll-right 65s linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.carousel-card{flex-shrink:0;width:180px;height:240px;border-radius:12px;overflow:hidden;background:var(--bg-warm)}.carousel-card img{width:100%;height:100%;object-fit:cover}.home-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.home-presented-by{display:flex;align-items:center;gap:16px;margin-bottom:24px}.home-presented-by:before,.home-presented-by:after{content:"";width:40px;height:1px;background:var(--border-medium)}.home-presented-by span{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--text-muted)}.home-title{margin-bottom:32px}.home-title h1{font-size:clamp(3rem,10vw,6rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.9}.home-title .style-text{color:var(--text-dark);display:block}.home-title .showdown-text{color:var(--primary-orange);display:block;font-style:italic}.home-tagline{max-width:500px;margin:0 auto 48px;font-size:1.1rem;color:var(--text-muted);line-height:1.6}.home-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.home-actions .btn{min-width:200px}.join-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.join-modal-content{background:var(--bg-white);padding:32px;border-radius:var(--radius-lg);width:100%;max-width:400px;margin:16px}.join-modal-content h2{margin-bottom:24px;text-align:center}.join-modal-content form{display:flex;flex-direction:column;gap:16px}.create-game-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:48px 24px;gap:24px}.create-game-main{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:32px;width:680px;max-width:680px}.create-game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.create-game-header-text h1{font-size:1.75rem;text-transform:uppercase;margin-bottom:4px}.create-game-header-text p{color:var(--text-muted);font-size:.9rem}.create-game-header .btn-outline{padding:12px 20px;font-size:.7rem}.username-section{margin-bottom:24px}.username-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.username-input{width:100%;padding:12px 16px;font-size:.95rem;font-family:inherit;border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-cream);color:var(--text-dark);outline:none;transition:border-color .2s ease;box-sizing:border-box}.username-input:focus{border-color:var(--primary-orange);background:var(--bg-white)}.username-input::placeholder{color:var(--text-light)}.theme-section{margin-bottom:24px;width:100%}.theme-section h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.theme-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-cream);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.theme-card:hover{border-color:var(--primary-orange)}.theme-card.selected{border-color:var(--primary-orange);background:var(--bg-white)}.theme-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;background:var(--bg-white);border-radius:var(--radius-sm);flex-shrink:0}.theme-card.selected .theme-icon{background:var(--primary-orange);color:#fff}.theme-info h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.theme-info p{font-size:.7rem;color:var(--text-muted);line-height:1.3}.budget-section{margin-bottom:24px;width:100%}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.budget-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.budget-value{font-size:1.25rem;font-weight:700;color:var(--primary-orange)}.budget-slider{position:relative;padding:8px 0}.budget-slider input[type=range]{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,var(--primary-orange) 0%,var(--primary-orange) var(--value, 50%),var(--border-light) var(--value, 50%),var(--border-light) 100%);outline:none;border:none;padding:0}.budget-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary-orange);cursor:pointer;border:4px solid white;box-shadow:var(--shadow-md)}.budget-slider input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary-orange);cursor:pointer;border:4px solid white;box-shadow:var(--shadow-md)}.budget-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:.65rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.time-limit-section{margin-bottom:24px}.time-limit-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dark);margin-bottom:10px}.time-limit-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-limit-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;background:var(--bg-white);border:2px solid var(--border-light);border-radius:10px;cursor:pointer;transition:all .2s}.time-limit-btn:hover{border-color:var(--border-medium);background:var(--bg-light)}.time-limit-btn.selected{border-color:var(--primary-orange);background:#ee4a1b0d}.time-limit-btn-value{font-size:1rem;font-weight:700;color:var(--text-dark)}.time-limit-btn.selected .time-limit-btn-value{color:var(--primary-orange)}.time-limit-btn-desc{font-size:.65rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.gender-toggle-inline{display:flex;border:1px solid var(--border-medium);border-radius:20px;overflow:hidden}.gender-btn{padding:4px 14px;border:none;background:transparent;font-size:.8rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:all .2s ease}.gender-btn.active{background:var(--primary-orange);color:#fff}.gender-btn:hover:not(.active){background:var(--bg-warm)}.room-members-sidebar{width:240px;flex-shrink:0;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:24px}.room-members-header{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-light)}.member-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-cream);border-radius:var(--radius-md)}.member-avatar{width:44px;height:44px;border-radius:50%;background:var(--bg-white);overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{flex:1}.member-name{font-weight:600;font-size:.9rem}.member-status{font-size:.75rem;color:var(--success);text-transform:uppercase;letter-spacing:.05em}.create-game-footer{display:flex;justify-content:center;margin-top:24px}.create-game-footer .btn-primary{min-width:200px}.create-game-footer .btn-secondary{display:none}.lobby-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 24px}.lobby-header{text-align:center;margin-bottom:48px}.lobby-header h1{font-size:2rem;text-transform:uppercase;margin-bottom:16px}.game-code-display{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:var(--bg-white);border:2px solid var(--border-light);border-radius:var(--radius-lg)}.game-code-display span{font-size:1.5rem;font-weight:700;letter-spacing:.2em}.game-info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;width:100%;max-width:900px}.info-card{background:var(--bg-white);padding:24px;border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-light)}.info-card-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.info-card-value{font-size:1.25rem;font-weight:700}.photo-upload-section{width:100%;max-width:900px;margin-bottom:32px}.photo-upload-section h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:4px}.photo-upload-hint{font-size:.85rem;color:var(--text-light);margin-bottom:16px}.photo-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:160px;height:180px;background:var(--bg-white);border:2px dashed var(--border-medium);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);transition:all .2s ease}.photo-upload-btn:hover{border-color:var(--primary-orange);color:var(--primary-orange);background:#fff5f0}.photo-upload-btn span{font-size:.85rem;font-weight:600}.photo-upload-optional{font-size:.75rem!important;font-weight:400!important;color:var(--text-light)}.photo-preview{position:relative;width:160px}.photo-preview-img{width:160px;height:180px;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--primary-orange)}.photo-remove-btn{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;width:100%;padding:6px;background:none;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);font-size:.8rem;transition:all .2s ease}.photo-remove-btn:hover{border-color:var(--error);color:var(--error)}.players-section{width:100%;max-width:900px}.players-section h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:48px;width:100%}.player-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-white);border-radius:var(--radius-md);border:2px solid var(--border-light)}.player-card.ready{border-color:var(--success);background:#f0fdf4}.player-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-cream)}.player-details{flex:1}.player-name{font-weight:600}.player-status-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light)}.player-card.ready .player-status-badge{color:var(--success)}.lobby-actions{display:flex;gap:16px;justify-content:center;width:100%;max-width:900px}.game-container{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg-cream);overflow:hidden}.game-header{display:flex;align-items:center;padding:16px 32px;background:var(--bg-white);border-bottom:1px solid var(--border-light);gap:32px}.game-brand{display:flex;align-items:center;gap:10px}.game-brand>div{display:flex;flex-direction:column}.game-brand-logo{width:32px;height:32px;border-radius:6px}.game-brand-title{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.game-brand-subtitle{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--primary-orange)}.game-theme-display{display:flex;flex-direction:column;text-align:center}.game-theme-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.game-theme-value{font-size:1rem;font-weight:700;text-transform:uppercase}.game-wallet{display:flex;flex-direction:column;text-align:right;position:relative}.game-wallet-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-size:1.5rem;font-weight:700}.wallet-icon{flex-shrink:0;transition:transform .3s ease}.game-wallet.spending .wallet-icon{animation:walletOpen .6s ease}.game-wallet.spending .game-wallet-value{animation:walletShake .6s ease}.game-wallet.budget-warning .game-wallet-value{color:#f59e0b}.game-wallet.budget-critical .game-wallet-value{color:#ef4444;animation:criticalPulse 1.5s ease infinite}@keyframes criticalPulse{0%,to{opacity:1}50%{opacity:.65}}.wallet-spend-fly{position:absolute;top:0;right:0;font-size:.85rem;font-weight:700;color:var(--error);pointer-events:none;animation:moneyFly .6s ease forwards}@keyframes walletOpen{0%{transform:scale(1)}20%{transform:scale(1.15) rotate(-5deg)}40%{transform:scale(.9) rotate(3deg)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes walletShake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-2px)}60%{transform:translate(2px)}}@keyframes moneyFly{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.6)}}.game-wallet-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.submission-chip{display:flex;flex-direction:column;align-items:center;gap:2px}.submission-chip-label{display:flex;align-items:center;gap:4px;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.submission-chip-label svg{color:var(--primary-orange)}.submission-chip-count{font-size:1.3rem;font-weight:700;color:var(--text-dark);line-height:1}.submission-chip-bar{width:100%;height:3px;background:var(--border-light);border-radius:2px;overflow:hidden;margin-top:3px}.submission-chip-bar-fill{height:100%;background:var(--primary-orange);border-radius:2px;transition:width .5s ease}.submission-chip-dots{display:flex;gap:4px;margin-top:2px}.submission-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--border-medium);transition:background .3s,box-shadow .3s;cursor:default}.submission-chip-dot.done{background:#34d399;box-shadow:0 0 5px #34d39966}.waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-cream);padding:24px}.waiting-room-card{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:48px 40px;max-width:440px;width:100%;display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}.waiting-room-brand{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.waiting-room-timer{display:flex;align-items:center;gap:10px;font-size:2.2rem;font-weight:800;letter-spacing:.04em;color:var(--text-dark)}.waiting-room-timer svg{color:var(--text-muted)}.waiting-room-timer.urgent{color:var(--error);animation:pulse-timer 1s ease-in-out infinite}.waiting-room-timer.urgent svg{color:var(--error)}@keyframes pulse-timer{0%,to{opacity:1}50%{opacity:.5}}.waiting-room-status h2{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.waiting-room-status p{font-size:.95rem;color:var(--text-muted)}.waiting-room-progress{width:100%}.waiting-room-progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.waiting-room-progress-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.waiting-room-progress-count{font-size:1.1rem;font-weight:800;color:var(--text-dark)}.waiting-room-progress-bar{width:100%;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.waiting-room-progress-fill{height:100%;background:var(--primary-orange);border-radius:3px;transition:width .6s ease}.waiting-room-players{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;justify-content:center}.waiting-room-player{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1.5px solid var(--border-light);font-size:.8rem;font-weight:600;color:var(--text-muted);transition:all .3s ease}.waiting-room-player.done{border-color:#34d399;color:var(--text-dark);background:#34d39914}.waiting-room-player-dot{width:8px;height:8px;border-radius:50%;background:var(--border-medium);transition:all .3s ease}.waiting-room-player.done .waiting-room-player-dot{background:#34d399;box-shadow:0 0 6px #34d39980}.waiting-room .btn{margin-top:4px;padding:14px 28px}.game-timer-header{display:flex;flex-direction:column;text-align:right;margin-left:auto}.game-timer-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.game-timer-value{display:inline-flex;align-items:center;gap:6px;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.timer-icon{flex-shrink:0;transform-origin:center top}.game-timer-header.warning .timer-icon{animation:alarmShake .4s ease-in-out infinite}.game-timer-header.warning .game-timer-value{color:var(--error);animation:timerPulse 1s ease infinite;animation-fill-mode:forwards}@keyframes alarmShake{0%,to{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-8deg)}}@keyframes timerPulse{0%,to{color:var(--error)}50%{color:#ff6b6b}}.game-content{display:flex;flex:1;overflow:hidden}.products-panel{flex:1;padding:24px;overflow-y:auto}.products-header{margin-bottom:24px}.products-header h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:4px}.products-header p{color:var(--text-muted);font-size:.9rem}.filter-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding:10px 0;border-bottom:1px solid var(--border-light)}.filter-bar label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light);margin-bottom:2px}.filter-group{display:flex;flex-direction:column;gap:2px}.filter-select{padding:5px 10px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-white);font-size:.8rem;color:var(--text-dark);cursor:pointer;outline:none;transition:border-color .2s}.filter-select:focus{border-color:var(--primary-orange)}.color-swatches{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-light);cursor:pointer;transition:transform .15s,border-color .15s;position:relative}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--primary-orange);box-shadow:0 0 0 2px var(--primary-orange)}.price-range{display:flex;align-items:center;gap:4px}.price-input{width:70px;padding:5px 8px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-dark);outline:none;transition:border-color .2s}.price-input:focus{border-color:var(--primary-orange)}.price-input::placeholder{color:var(--text-light)}.price-range .separator{color:var(--text-light);font-size:.8rem}.btn-apply-price{padding:5px 12px;background:var(--primary-orange);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .2s}.btn-apply-price:hover{background:var(--primary-orange-hover)}@media(max-width:768px){.filter-bar{gap:10px}.price-input{width:56px}.color-swatch{width:20px;height:20px}}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.product-card{background:var(--bg-white);border-radius:0;overflow:hidden;border:none;cursor:pointer;transition:opacity .2s ease;position:relative}.product-card:hover{border-color:transparent;box-shadow:none}.product-card.selected{border:none;position:relative}.product-card.selected:after{display:none}.product-card.over-budget{opacity:.5}.product-card.over-budget .product-image-container:after{content:"Over Budget";position:absolute;bottom:0;left:0;right:0;background:#ef4444e6;color:#fff;font-size:.65rem;font-weight:700;text-align:center;padding:5px 0;letter-spacing:.07em;text-transform:uppercase;pointer-events:none}.product-image-container{position:relative;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(110deg,#f0f0f0 8%,#e8e8e8 18%,#f0f0f0 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.product-image-container img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.product-image-container img.loaded{opacity:1}.product-card:hover .product-image-container img.loaded{opacity:.9;transform:none}.product-check{position:absolute;top:10px;right:10px;width:26px;height:26px;background:#000000b3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.product-heart{position:absolute;bottom:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:opacity .2s ease}.product-card:hover .product-heart,.product-card.selected .product-heart{opacity:1}.product-card.selected .product-heart{color:var(--text-dark)}.product-info{padding:12px 8px 16px;text-align:center;display:flex;flex-direction:column;gap:2px}.product-brand{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dark)}.product-category{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:4px}.product-name{font-weight:400;font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price{color:var(--text-dark);font-weight:400;font-size:.8rem}.product-price-row{display:flex;align-items:center;justify-content:space-between}.product-shop-link{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--text-light);transition:all .2s}.product-shop-link:hover{color:var(--primary-orange);background:#ee4a1b14}.items-shop-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff6;flex-shrink:0;transition:all .2s}.items-shop-link:hover{color:var(--primary-orange);background:#ffffff14}.outfit-panel{width:380px;background:var(--bg-dark);color:#fff;display:flex;flex-direction:column;overflow-y:auto}.outfit-panel-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.outfit-panel-header h3{font-size:1.1rem;text-transform:uppercase;margin-bottom:4px}.outfit-panel-subtitle{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80}.outfit-panel-footer{padding:16px 24px 20px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#00000026,#0000004d)}.budget-used{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.budget-used-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#fff6;font-weight:500}.budget-used-value{font-size:1.1rem;font-weight:700;color:#fff}.budget-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:6px}.budget-bar-fill{height:100%;background:#22c55e;border-radius:2px;transition:width .3s ease,background .4s ease}.budget-status{font-size:.7rem;font-weight:600;text-align:right;margin:0 0 10px;letter-spacing:.02em}.budget-status.warning{color:#f59e0b}.budget-status.critical{color:#ef4444}.outfit-panel .btn-primary{width:100%;position:relative;font-size:.85rem;letter-spacing:.03em}.outfit-panel .btn-primary:disabled{background:#ffffff14;color:#fff6;border:1px solid rgba(255,255,255,.1)}.outfit-panel .btn-primary.ready{animation:readyPulse 2s ease infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 #e8772266}50%{box-shadow:0 0 0 8px #e8772200}}.outfit-needs{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:10px}.outfit-needs-label{font-size:.65rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-right:2px}.outfit-needs-tag{font-size:.65rem;padding:3px 10px;border-radius:20px;background:#ffffff14;color:#ffffffd9;border:1px solid rgba(255,255,255,.15);font-weight:500;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tryon-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;min-height:300px}.tryon-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#ffffffb3}.tryon-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-orange)}.tryon-loading p{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.tryon-image-container{position:relative;width:100%;max-height:100%}.tryon-image{width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:var(--radius-md)}.tryon-regenerate{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tryon-regenerate:hover{background:var(--primary-orange);transform:rotate(180deg)}.tryon-error{text-align:center;color:#ffffffb3}.tryon-error p{margin-bottom:12px;font-size:.85rem}.tryon-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff6;text-align:center}.tryon-placeholder p{font-size:.85rem;max-width:200px}.selected-items{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);max-height:200px;overflow-y:auto}.selected-items h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:12px}.selected-items-list{display:flex;flex-direction:column;gap:8px}.selected-item{display:flex;align-items:center;gap:12px;padding:8px;background:#ffffff0d;border-radius:var(--radius-sm)}.selected-item img{width:40px;height:40px;object-fit:cover;border-radius:4px}.selected-item-info{flex:1;min-width:0}.selected-item-name{display:block;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-item-price{display:block;font-size:.7rem;color:var(--primary-orange)}.selected-item-remove{width:24px;height:24px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.selected-item-remove:hover{background:var(--error)}.outfit-items{flex:1;padding:20px 24px;overflow-y:auto;min-height:200px}.outfit-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.outfit-item{position:relative;aspect-ratio:3/4;border-radius:var(--radius-md);overflow:hidden;background:#ffffff1a}.outfit-item img{width:100%;height:100%;object-fit:cover}.outfit-item-label{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,#000c);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.outfit-item-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background .2s ease}.outfit-item-remove:hover{background:var(--error)}.outfit-empty-slot{display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.2);font-size:2rem;color:#ffffff4d;background:transparent}.tryon-section{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05}.generate-btn{width:100%;justify-content:center;padding:14px 24px}.tryon-result{display:flex;flex-direction:column;align-items:center;gap:16px}.tryon-thumbnail{width:100%;max-height:250px;object-fit:contain;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1)}.tryon-error-text{color:var(--error);font-size:.75rem;text-align:center;margin-top:8px}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.back-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:8px 0;margin-bottom:8px;transition:color .2s ease}.back-btn:hover{color:#fff}.tryon-fullview{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:400px}.tryon-fullview .tryon-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#ffffffb3}.tryon-fullview .tryon-loading p{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.tryon-fullview .tryon-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tryon-fullview .tryon-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.tryon-fullview .tryon-error{text-align:center;color:#ffffffb3}.tryon-fullview .tryon-error p{margin-bottom:16px;font-size:.9rem}.selected-preview{margin-top:12px;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.selected-preview img{width:100%;height:auto;object-fit:contain;display:block}.tryon-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tryon-modal{background:var(--bg-white);border-radius:var(--radius-lg);width:100%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.tryon-modal-header{padding:24px 32px;border-bottom:1px solid var(--border-light);position:relative}.tryon-modal-header h2{font-size:1.5rem;text-transform:uppercase;margin-bottom:4px}.tryon-modal-header p{color:var(--text-muted);font-size:.9rem}.modal-close-btn{position:absolute;top:24px;right:24px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:8px;border-radius:50%;transition:all .2s ease}.modal-close-btn:hover{background:var(--bg-cream);color:var(--text-dark)}.tryon-modal-content{flex:1;padding:32px;overflow-y:auto}.tryon-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center}.tryon-modal-loading p{font-size:1.1rem;font-weight:600;color:var(--text-dark)}.tryon-modal-loading span{font-size:.85rem;color:var(--text-muted)}.tryon-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center}.tryon-modal-error p{color:var(--error);font-size:1rem}.tryon-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center;padding:40px}.tryon-empty-icon{color:var(--text-muted);opacity:.5}.tryon-modal-empty h3{font-size:1.5rem;margin:0}.tryon-modal-empty p{color:var(--text-muted);font-size:.95rem;max-width:300px}.generate-looks-btn{margin-top:16px;padding:14px 32px;font-size:1rem}.tryon-photo-upload{margin-bottom:8px}.tryon-photo-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 40px;border:2px dashed var(--border-medium);border-radius:12px;background:var(--bg-warm);cursor:pointer;transition:all .2s ease;color:var(--text-dark);font-size:.9rem;font-weight:500}.tryon-photo-btn:hover{border-color:var(--primary-orange);background:#fff5f0}.tryon-photo-btn svg{color:var(--text-muted)}.tryon-photo-hint{font-size:.75rem;color:var(--text-muted);font-weight:400}.tryon-photo-preview{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-orange)}.tryon-photo-preview img{width:100%;height:100%;object-fit:cover}.tryon-photo-remove{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.tryon-photo-remove:hover{background:var(--error)}.tryon-photo-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.tryon-photo-tabs{display:flex;gap:0;border:1px solid var(--border-medium);border-radius:20px;overflow:hidden;margin-bottom:16px}.tryon-tab{padding:6px 20px;border:none;background:transparent;font-size:.85rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s}.tryon-tab.active{background:var(--primary-orange);color:#fff;font-weight:600}.tryon-avatar-form{width:100%}.tryon-avatar-desc{color:var(--text-light);font-size:.82rem;text-align:center;margin-bottom:14px}.tryon-avatar-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.tryon-avatar-field{display:flex;flex-direction:column;gap:4px}.tryon-avatar-field.full-width{grid-column:1 / -1}.tryon-avatar-field label{font-size:.78rem;color:var(--text-light)}.tryon-avatar-field select,.tryon-avatar-field input{width:100%;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary);padding:8px 10px;border-radius:8px;font-size:.85rem;box-sizing:border-box}.tryon-avatar-error{color:#ff6b6b;font-size:.8rem;text-align:center;margin-bottom:10px}.tryon-avatar-btn{width:100%}.tryon-avatar-note{color:var(--text-light);font-size:.75rem;text-align:center;margin-top:8px}.tryon-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tryon-image-option{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s ease;background:var(--bg-cream)}.tryon-image-option:hover{border-color:var(--border-medium);transform:translateY(-4px);box-shadow:var(--shadow-md)}.tryon-image-option.selected{border-color:var(--primary-orange)}.tryon-image-option img{width:100%;aspect-ratio:2/3;object-fit:contain;object-position:center top;background:#f5f5f5;display:block}.tryon-image-label{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tryon-image-check{position:absolute;top:12px;right:12px;width:36px;height:36px;background:var(--primary-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.tryon-refresh-btn{position:absolute;top:12px;left:12px;width:36px;height:36px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;color:var(--text-dark)}.tryon-image-option:hover .tryon-refresh-btn{opacity:1}.tryon-refresh-btn:hover{background:#fff;transform:scale(1.1);box-shadow:var(--shadow-md)}.tryon-image-option.loading{cursor:default}.tryon-image-option.loading:hover{transform:none;border-color:transparent}.tryon-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:3/4;gap:12px}.tryon-image-loading span{font-size:.85rem;color:var(--text-muted)}.tryon-image-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;color:var(--text-muted);font-size:.9rem}.tryon-modal-footer{padding:20px 32px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:16px;background:var(--bg-cream)}@media(max-width:768px){.tryon-images-grid{grid-template-columns:1fr;gap:16px}.tryon-modal{max-height:95vh}.tryon-modal-header,.tryon-modal-content,.tryon-modal-footer{padding:16px}}.voting-container{min-height:100vh;background:var(--bg-dark);color:#fff;padding:48px 24px;display:flex;flex-direction:column;align-items:center}.voting-header{text-align:center;margin-bottom:48px;width:100%}.voting-header-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--primary-orange);margin-bottom:8px}.voting-header h1{font-size:2.5rem;text-transform:uppercase;margin-bottom:8px}.voting-progress{color:#ffffff80;font-size:.9rem}.voting-progress-bar{width:200px;height:4px;background:#ffffff1a;border-radius:2px;margin:16px auto 0;overflow:hidden}.voting-progress-bar-fill{height:100%;background:var(--primary-orange);transition:width .3s ease}.voting-go-back-btn{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:8px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#ffffffb3;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.voting-go-back-btn:hover{background:#ffffff24;color:#fff}.vote-tracker{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 18px;max-width:280px;margin:0 auto 24px}.vote-tracker-header{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;font-weight:600;color:#ffffffe6;margin-bottom:10px}.vote-tracker-header svg{color:var(--primary-orange)}.vote-tracker-players{display:flex;flex-direction:column;gap:5px}.vote-tracker-player{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#fff6;transition:color .3s}.vote-tracker-player.done{color:#ffffffd9}.vote-tracker-dot{width:7px;height:7px;border-radius:50%;background:#fff3;flex-shrink:0;transition:background .3s,box-shadow .3s}.vote-tracker-player.done .vote-tracker-dot{background:#34d399;box-shadow:0 0 6px #34d39980}.vote-tracker-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vote-tracker-player.done svg{color:#34d399;flex-shrink:0}.vote-tracker-pending{font-size:.7rem;font-style:italic;color:#ffffff40;animation:votePendingPulse 1.5s ease-in-out infinite}@keyframes votePendingPulse{0%,to{opacity:.4}50%{opacity:1}}.voting-outfit-display{max-width:750px;width:100%;margin:0 auto;transition:opacity .4s ease,transform .4s ease}.outfit-revealing{animation:outfitReveal .7s cubic-bezier(.16,1,.3,1) forwards}.outfit-revealed{opacity:1;transform:none}@keyframes outfitReveal{0%{opacity:0;transform:scale(.92) translateY(20px);filter:blur(8px)}40%{opacity:.6;filter:blur(3px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.voting-outfit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.voting-outfit-item{position:relative;aspect-ratio:3/4;border-radius:var(--radius-md);overflow:hidden}.voting-outfit-item img{width:100%;height:100%;object-fit:cover}.voting-outfit-item-label{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,#000000e6);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.voting-add-more{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);color:#ffffff80;font-size:2rem}.voting-player-info{text-align:center;margin-bottom:32px}.voting-player-name{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.voting-player-stats{display:flex;justify-content:center;gap:24px;color:#fff9;font-size:.85rem}.voting-player-stats span{display:flex;align-items:center;gap:6px}.star-rating{text-align:center;margin-bottom:32px}.star-rating-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;margin-bottom:12px}.star-rating-stars{display:flex;justify-content:center;gap:8px}.star-rating-star{font-size:2.5rem;cursor:pointer;color:#fff3;transition:all .2s ease}.star-rating-star.active{color:var(--star-gold);transform:scale(1.1)}@media(hover:hover){.star-rating-star:hover{color:var(--star-gold);transform:scale(1.1)}}.star-rating-value{margin-top:8px;color:var(--star-gold);font-size:.9rem}.star-rating-value:before{content:"✓ "}.voting-navigation{display:flex;justify-content:center;align-items:center;gap:24px}.voting-nav-btn{width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease}.voting-nav-btn:hover{background:#fff3}.voting-nav-btn:disabled{opacity:.3;cursor:not-allowed}.ranking-list{max-width:600px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:8px}.rank-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.rank-item:hover{border-color:#fff3;background:#ffffff14}.rank-item.rank-dragging{opacity:.4;transform:scale(.97)}.rank-item.rank-drag-over{border-color:var(--primary-orange);box-shadow:0 0 0 2px #ee4a1b4d}.rank-item-main{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:grab}.rank-item-main:active{cursor:grabbing}.rank-badge{width:32px;height:32px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fffc;flex-shrink:0}.rank-item:first-child .rank-badge{background:var(--primary-orange);color:#fff}.rank-item:nth-child(2) .rank-badge{background:#c0c0c04d;color:#fff}.rank-item:nth-child(3) .rank-badge{background:#cd7f324d;color:#ffffffe6}.rank-drag-handle{color:#ffffff4d;flex-shrink:0;display:flex;align-items:center}.rank-outfit-preview{width:52px;height:52px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ffffff0d}.rank-outfit-preview img{width:100%;height:100%;object-fit:cover}.rank-outfit-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:1.2rem}.rank-outfit-info{flex:1;min-width:0}.rank-outfit-name{display:block;font-weight:600;font-size:.95rem;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-outfit-details{display:block;font-size:.78rem;color:#ffffff73;margin-top:2px}.rank-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.rank-move-btn,.rank-expand-btn{width:30px;height:30px;border-radius:6px;border:none;background:#ffffff0f;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.rank-move-btn:hover:not(:disabled),.rank-expand-btn:hover{background:#ffffff24;color:#fff}.rank-move-btn:disabled{opacity:.2;cursor:not-allowed}.rank-item-expanded{padding:0 16px 16px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.rank-expanded-model{margin-top:12px;border-radius:10px;overflow:hidden;max-height:300px}.rank-expanded-model img{width:100%;max-height:300px;object-fit:cover}.rank-expanded-products{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}.rank-expanded-product{flex-shrink:0;width:100px;text-align:center}.rank-expanded-product img{width:100px;height:120px;object-fit:cover;border-radius:8px;background:#ffffff0d}.rank-expanded-product-info{margin-top:6px}.rank-expanded-product-name{display:block;font-size:.72rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-expanded-product-price{display:block;font-size:.72rem;color:#fff6;margin-top:2px}.ranking-submit{margin-top:32px;text-align:center;padding-bottom:48px}.results-container{min-height:100vh;background:var(--bg-dark);color:#fff;padding:48px 24px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;top:-10px;animation:confettiFall linear forwards}.confetti-circle{width:10px;height:10px;border-radius:50%}.confetti-square{width:8px;height:8px;border-radius:1px}.confetti-strip{width:4px;height:14px;border-radius:2px}@keyframes confettiFall{0%{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:1}20%{opacity:1}to{transform:translateY(100vh) translate(var(--drift)) rotate(var(--spin)) scale(.5);opacity:0}}.results-header{text-align:center;margin-bottom:48px;width:100%}.results-header h1{font-size:2.5rem;text-transform:uppercase}.winner-podium{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin-bottom:64px;padding:0 24px}.podium-place{display:flex;flex-direction:column;align-items:center;text-align:center}.podium-place.first{order:2}.podium-place.second{order:1}.podium-place.third{order:3}.podium-outfit{width:200px;margin-bottom:16px;position:relative;overflow:hidden}.podium-place.first .podium-outfit{width:260px}.podium-outfit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;border-radius:var(--radius-md);overflow:hidden}.podium-outfit-item{aspect-ratio:1}.podium-outfit-item img{width:100%;height:100%;object-fit:cover}.podium-rank{font-size:2rem;margin-bottom:8px}.podium-place.first .podium-rank{font-size:2.5rem}.podium-player-name{font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.podium-score{display:flex;align-items:center;gap:4px;color:var(--star-gold)}.podium-score .star{font-size:1rem}.podium-bar{width:100%;height:80px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:#ffffff4d}.podium-place.first .podium-bar{height:120px;background:linear-gradient(135deg,var(--primary-orange),#DB3B14);color:#fff}.podium-place.second .podium-bar{height:100px;background:linear-gradient(135deg,silver,#8a8a8a);color:#fff}.podium-place.third .podium-bar{height:80px;background:linear-gradient(135deg,#cd7f32,#8b5a2b);color:#fff}.results-rest{max-width:600px;margin:0 auto}.results-rest h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;margin-bottom:16px;text-align:center}.result-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border-radius:var(--radius-md);margin-bottom:12px}.result-rank{width:32px;text-align:center;font-weight:700;color:#ffffff80}.result-outfit-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:60px;height:60px;border-radius:var(--radius-sm);overflow:hidden}.result-outfit-preview img{width:100%;height:100%;object-fit:cover}.result-info{flex:1}.result-player-name{font-weight:600;margin-bottom:4px}.result-item-count{font-size:.8rem;color:#ffffff80}.result-score{display:flex;align-items:center;gap:4px;color:var(--star-gold);font-weight:600}.results-actions{display:flex;justify-content:center;gap:16px;margin-top:48px;flex-wrap:wrap}.btn-past-winners{background:transparent;color:#ffffffbf;border:2px solid rgba(255,255,255,.25)}.btn-past-winners:hover{border-color:var(--primary-orange);color:var(--primary-orange);background:#ee4a1b14}.reveal-drumroll{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;animation:revealFadeIn .6s ease-out}.reveal-drumroll-icon{color:var(--primary-orange);animation:revealPulse 1s ease-in-out infinite}.reveal-drumroll-title{font-size:2.2rem;text-transform:uppercase;letter-spacing:2px;color:#fff}.reveal-drumroll-dots{display:flex;gap:8px;font-size:3rem;color:#fff9}.reveal-dot{animation:revealDotBounce 1.2s ease-in-out infinite}.reveal-dot:nth-child(2){animation-delay:.2s}.reveal-dot:nth-child(3){animation-delay:.4s}@keyframes revealDotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-12px);opacity:1}}@keyframes revealPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@keyframes revealFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-skip-btn{margin-top:24px;padding:8px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#ffffff80;font-size:.85rem;cursor:pointer;transition:all .2s}.reveal-skip-btn:hover{background:#ffffff1f;color:#fffc}.reveal-skip-corner{position:fixed;top:20px;right:20px;z-index:100;margin-top:0}.podium-hidden{opacity:0;transform:scale(.8) translateY(30px);pointer-events:none}.podium-visible{opacity:1;transform:scale(1) translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.podium-revealing{animation:podiumReveal .8s ease-out forwards}@keyframes podiumReveal{0%{opacity:0;transform:scale(.7) translateY(40px);filter:blur(8px)}50%{opacity:1;filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.reveal-place-label{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--primary-orange);margin-top:-32px;margin-bottom:32px;animation:revealLabelPop .5s ease-out}@keyframes revealLabelPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.results-rest-reveal,.results-actions-reveal{animation:revealFadeIn .6s ease-out}.past-games-section{max-width:640px;margin:48px auto 0;padding:0 16px}.past-games-title{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;margin-bottom:16px}.past-games-list{display:flex;flex-direction:column;gap:10px}.past-game-card{display:flex;align-items:center;gap:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:background .15s,border-color .15s}.past-game-card:hover{background:#ffffff17;border-color:#ee4a1b59}.past-game-img{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0}.past-game-img-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:#ffffff4d}.past-game-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.past-game-theme{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.past-game-winner{font-size:.8rem;color:#ffffffb3;display:flex;align-items:center;gap:4px}.past-game-crown{font-size:.75rem}.past-game-score{color:gold;font-size:.75rem;font-weight:600;margin-left:2px}.past-game-meta{font-size:.72rem;color:#ffffff59}.past-game-arrow{color:#ffffff4d;flex-shrink:0;transition:color .15s}.past-game-card:hover .past-game-arrow{color:var(--primary-orange)}.popular-products-section{max-width:900px;margin:48px auto 64px;padding:0 16px}.popular-products-title{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;margin-bottom:4px}.popular-products-subtitle{font-size:.78rem;color:#ffffff59;margin-bottom:16px}.popular-products-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.popular-product-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.popular-product-card:hover{border-color:#ee4a1b4d}.popular-product-img-wrap{position:relative}.popular-product-img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.popular-product-badge{position:absolute;top:6px;right:6px;background:var(--primary-orange);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:20px}.popular-product-info{padding:8px 10px 4px;display:flex;flex-direction:column;gap:2px;flex:1}.popular-product-name{font-size:.75rem;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-product-brand{font-size:.68rem;color:#ffffff73}.popular-product-price{font-size:.72rem;color:#ffffffb3;font-weight:500}.popular-product-link{display:flex;align-items:center;justify-content:center;gap:4px;margin:6px 10px 10px;padding:5px;background:#ee4a1b1f;border:1px solid rgba(238,74,27,.3);border-radius:6px;color:var(--primary-orange);font-size:.7rem;font-weight:600;text-decoration:none;transition:background .15s}.popular-product-link:hover{background:#ee4a1b38}.podium-model-img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-md);display:block}.view-items-btn{display:flex;align-items:center;gap:6px;margin:8px auto 0;padding:6px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#ffffffb3;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.view-items-btn:hover{background:#ffffff24;color:#fff}.view-items-btn.expanded{background:#ffffff1f;color:#fff}.view-items-btn-sm{width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.view-items-btn-sm:hover{background:#ffffff26;color:#fff}.items-dropdown{margin-top:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);overflow:hidden;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.items-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.items-dropdown-item:last-child{border-bottom:none}.items-dropdown-item img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0}.items-dropdown-info{display:flex;flex-direction:column;gap:2px;min-width:0}.items-dropdown-name{font-size:.78rem;font-weight:500;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-dropdown-cat{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#fff6}.items-dropdown-price{font-size:.72rem;color:var(--primary-orange);font-weight:600}.items-dropdown-horizontal{display:flex;overflow-x:auto;gap:0;padding:0}.items-dropdown-horizontal .items-dropdown-item{flex-direction:column;min-width:100px;padding:10px;border-bottom:none;border-right:1px solid rgba(255,255,255,.05);text-align:center}.items-dropdown-horizontal .items-dropdown-item:last-child{border-right:none}.items-dropdown-horizontal .items-dropdown-info{align-items:center}.result-item-wrapper{margin-bottom:12px}.voting-main-image{width:100%;max-width:400px;margin:0 auto 16px;border-radius:var(--radius-md);overflow:hidden}.voting-model-img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-md)}.voting-look-layout{display:flex;flex-direction:column;align-items:center;width:100%}.voting-look-layout.has-model{flex-direction:row;align-items:flex-start;gap:20px;max-width:700px;margin:0 auto}.voting-look-layout.has-model .voting-main-image{flex:1;max-width:360px}.voting-side-items{width:220px;flex-shrink:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);overflow:hidden}.voting-side-items-header{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.06)}.voting-side-items-list{max-height:420px;overflow-y:auto}.voting-side-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.voting-side-item:last-child{border-bottom:none}.voting-side-item:hover{background:#ffffff0a}.voting-side-item img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.voting-side-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.voting-side-item-name{font-size:.76rem;font-weight:500;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voting-side-item-cat{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59}.voting-side-item-price{font-size:.72rem;color:var(--primary-orange);font-weight:600}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--primary-orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#fef2f2;border:1px solid var(--error);color:var(--error);padding:16px;border-radius:var(--radius-md);margin-bottom:16px}.empty-state{text-align:center;padding:48px;color:var(--text-muted)}.chat-bubble{position:fixed;bottom:24px;left:24px;width:56px;height:56px;border-radius:50%;background:var(--primary-orange);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ee4a1b66;z-index:900;transition:transform .2s ease,box-shadow .2s ease}.chat-bubble:hover{transform:scale(1.08);box-shadow:0 6px 20px #ee4a1b80}.chat-panel{position:fixed;bottom:24px;left:24px;width:360px;height:500px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000002e;z-index:901;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:16px 20px;background:var(--bg-dark);color:#fff;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-header-title{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.chat-header-close{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s ease}.chat-header-close:hover{color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-msg{max-width:85%;padding:10px 14px;border-radius:16px;font-size:.85rem;line-height:1.45;word-wrap:break-word}.chat-msg-user{align-self:flex-end;background:var(--primary-orange);color:#fff;border-bottom-right-radius:4px}.chat-msg-bot{align-self:flex-start;background:var(--bg-cream);color:var(--text-dark);border-bottom-left-radius:4px}.chat-products{display:flex;flex-direction:column;gap:8px;margin-top:8px}.chat-product-card{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:default}.chat-product-card img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.chat-product-info{flex:1;min-width:0}.chat-product-name{display:block;font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-product-price{display:block;font-size:.7rem;color:var(--primary-orange);font-weight:600}.chat-product-add{padding:4px 10px;font-size:.7rem;font-weight:600;background:var(--primary-orange);color:#fff;border:none;border-radius:12px;cursor:pointer;white-space:nowrap;transition:background .2s ease;flex-shrink:0}.chat-product-add:hover{background:var(--primary-orange-hover)}.chat-view-in-main{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;margin-top:4px;font-size:.72rem;font-weight:600;color:var(--primary-orange);background:#ee4a1b0f;border:1px dashed rgba(238,74,27,.3);border-radius:8px;cursor:pointer;transition:all .2s}.chat-view-in-main:hover{background:#ee4a1b1f;border-color:var(--primary-orange)}.chat-featured-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.chat-featured-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.chat-featured-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--primary-orange)}.chat-featured-dismiss{background:none;border:none;font-size:.75rem;color:var(--text-light);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.chat-featured-dismiss:hover{color:var(--text-dark);background:var(--bg-cream)}.chat-input-area{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border-light);background:var(--bg-white);flex-shrink:0}.chat-input-area input{flex:1;padding:10px 14px;border:1px solid var(--border-light);border-radius:20px;font-size:.85rem;outline:none;transition:border-color .2s ease}.chat-input-area input:focus{border-color:var(--primary-orange)}.chat-send-btn{width:36px;height:36px;border-radius:50%;background:var(--primary-orange);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.chat-send-btn:hover{background:var(--primary-orange-hover)}.chat-send-btn:disabled{background:var(--disabled-orange);cursor:not-allowed}.chat-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 16px;background:var(--bg-cream);border-radius:16px 16px 16px 4px}.chat-typing-dot{width:8px;height:8px;background:var(--text-light);border-radius:50%;animation:chatBounce 1.4s infinite ease-in-out both}.chat-typing-dot:nth-child(1){animation-delay:0s}.chat-typing-dot:nth-child(2){animation-delay:.16s}.chat-typing-dot:nth-child(3){animation-delay:.32s}@keyframes chatBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@media(max-width:768px){.chat-panel{width:calc(100% - 16px);height:calc(100% - 80px);bottom:8px;left:8px;border-radius:var(--radius-md)}.chat-bubble{bottom:16px;left:16px}}.mobile-outfit-tray{display:none}@media(max-width:768px){.mobile-outfit-tray{display:block;position:fixed;bottom:0;left:0;right:0;z-index:800;background:var(--bg-dark);color:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #00000040;transition:max-height .3s ease}.mobile-outfit-tray.expanded{max-height:70vh;overflow-y:auto}.outfit-panel{display:none}.products-panel{padding-bottom:80px!important}.mobile-tray-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-tray-summary{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.mobile-tray-thumbs{display:flex;gap:6px;align-items:center}.mobile-tray-thumbs img{width:36px;height:36px;border-radius:6px;object-fit:cover;border:1.5px solid rgba(255,255,255,.2)}.mobile-tray-empty-label{font-size:.8rem;color:#fff6}.mobile-tray-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.mobile-tray-count{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff9}.mobile-tray-budget{font-size:1rem;font-weight:700;color:var(--primary-orange)}.mobile-tray-chevron{flex-shrink:0;color:#ffffff80;transition:transform .3s ease;margin-left:8px}.mobile-tray-chevron.open{transform:rotate(180deg)}.mobile-tray-content{border-top:1px solid rgba(255,255,255,.1);padding:12px 0 16px}.mobile-tray-items{display:flex;gap:10px;padding:0 16px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-tray-items::-webkit-scrollbar{display:none}.mobile-tray-item{position:relative;flex-shrink:0;width:72px}.mobile-tray-item img{width:72px;height:96px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.mobile-tray-item-cat{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.03em;color:#ffffff80;margin-top:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-tray-item-remove{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#000000b3;border:1.5px solid rgba(255,255,255,.3);color:#fff;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.mobile-tray-empty{padding:16px;text-align:center}.mobile-tray-empty p{font-size:.85rem;color:#fff6;margin:0}.mobile-tray-actions{display:flex;gap:8px;padding:0 16px}.mobile-tray-actions .btn{flex:1;font-size:.75rem;padding:10px 12px}.mobile-tray-actions .btn-secondary{background:#ffffff1a;border-color:#fff3;color:#fff}.mobile-tray-actions .btn-secondary:hover{background:#ffffff26}.mobile-tray-actions .btn-secondary:disabled{opacity:.3;cursor:not-allowed}.chat-bubble,.chat-panel{bottom:72px}}@media(max-width:1024px){.create-game-container{flex-direction:column;align-items:center}.create-game-main,.room-members-sidebar{width:100%;max-width:600px}.game-info-cards{grid-template-columns:repeat(2,1fr)}.winner-podium{flex-wrap:wrap}}@media(max-width:768px){.home-title h1{font-size:3rem}.home-actions{flex-direction:column;width:100%;max-width:320px}.home-actions .btn{width:100%}.carousel-card{width:120px;height:160px}.create-game-container{padding:24px 16px}.create-game-main{padding:20px}.create-game-header{flex-direction:column;gap:16px}.create-game-header .btn-outline{width:100%;justify-content:center}.theme-grid{grid-template-columns:1fr}.time-limit-options{grid-template-columns:repeat(2,1fr)}.theme-mode-options{flex-direction:column}.game-container{height:auto;min-height:100vh;min-height:100dvh;overflow:auto}.game-header{padding:12px 16px;gap:16px;flex-wrap:wrap}.game-brand-title{font-size:.9rem}.game-wallet-value,.game-timer-value{font-size:1.1rem}.game-content{flex-direction:column}.products-panel{padding:16px}.products-grid{grid-template-columns:repeat(3,1fr)}.filter-bar{flex-direction:column;align-items:stretch}.filter-group,.filter-select{width:100%}.color-swatches{justify-content:flex-start}.lobby-container{padding:24px 16px}.lobby-header{margin-bottom:24px}.lobby-header h1{font-size:1.5rem}.game-code-display span{font-size:1.2rem}.game-info-cards{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.info-card{padding:16px 12px}.lobby-actions{flex-direction:column;align-items:center}.lobby-actions .btn{width:100%;max-width:320px}.voting-container{padding:24px 16px}.voting-header{margin-bottom:24px}.voting-header h1{font-size:1.75rem}.voting-player-name{font-size:1.2rem}.voting-look-layout.has-model{flex-direction:column;align-items:center}.voting-look-layout.has-model .voting-main-image{max-width:100%}.voting-side-items{width:100%}.voting-outfit-grid{gap:8px}.star-rating-star{font-size:2rem}.results-container{padding:24px 16px}.results-header{margin-bottom:24px}.results-header h1{font-size:1.75rem}.winner-podium{gap:8px;padding:0 8px;flex-wrap:wrap;justify-content:center}.podium-outfit{width:120px!important}.podium-place.first .podium-outfit{width:160px!important}.podium-player-name{font-size:.85rem}.podium-bar{height:60px}.podium-place.first .podium-bar{height:90px}.podium-place.second .podium-bar{height:75px}.podium-place.third .podium-bar{height:60px}.reveal-drumroll-title{font-size:1.6rem}.hof-container{padding:24px 16px 60px}.hof-header{flex-direction:column;gap:12px}.hof-title{font-size:1.5rem}.hof-tabs{flex-direction:column}.hof-products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.chat-panel{height:70vh;max-height:500px}.tryon-modal-header{padding:16px}.tryon-modal-header h2{font-size:1.1rem;padding-right:32px}.tryon-modal-content{padding:16px}.tryon-modal-footer{padding:12px 16px;flex-direction:column}.tryon-modal-footer .btn{width:100%}.tryon-modal-loading,.tryon-modal-error,.tryon-modal-empty{min-height:250px}.rank-item-main{padding:10px 12px;gap:8px}.rank-outfit-preview{width:40px;height:40px}.rank-outfit-name{font-size:.85rem}.popup-box{margin:16px;padding:24px 20px;max-width:calc(100vw - 32px)}}@media(max-width:480px){.home-title h1{font-size:2.2rem}.home-tagline{font-size:.95rem;margin-bottom:32px}.game-header{flex-direction:column;gap:8px;padding:10px 12px;align-items:stretch;text-align:center}.game-brand{justify-content:center}.game-theme-display,.game-wallet,.game-timer-header{text-align:center;align-items:center}.game-wallet,.game-timer-header{flex-direction:row;justify-content:center;gap:8px}.submission-chip{flex-direction:row;gap:8px}.products-grid{grid-template-columns:repeat(2,1fr)}.outfit-items-grid{gap:10px}.outfit-panel-header,.outfit-items{padding:16px}.selected-items{padding:12px 16px}.tryon-section{padding:16px}.game-info-cards,.players-grid{grid-template-columns:1fr}.voting-header h1{font-size:1.4rem}.voting-player-name{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 16px}.voting-player-stats{gap:12px;flex-wrap:wrap;justify-content:center;font-size:.78rem}.voting-side-item-cat,.voting-side-item-price{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item-main{gap:6px}.rank-outfit-details{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.voting-navigation{gap:16px}.voting-nav-btn{width:40px;height:40px}.results-header h1{font-size:1.4rem}.winner-podium{gap:6px}.podium-outfit{width:90px!important}.podium-place.first .podium-outfit{width:120px!important}.podium-rank{font-size:1.5rem}.podium-place.first .podium-rank{font-size:1.8rem}.result-item{padding:12px;gap:10px}.results-actions{flex-direction:column;align-items:center}.results-actions .btn{width:100%;max-width:280px}.chat-bubble{width:48px;height:48px;bottom:16px;left:16px}.chat-panel{bottom:8px;left:8px;width:calc(100% - 16px);height:65vh}.hof-winner-img{width:48px;height:48px}.hof-products-grid{grid-template-columns:repeat(2,1fr);gap:8px}.theme-vote-header h1,.theme-result-name{font-size:1.5rem}.theme-result-icon{font-size:3.5rem}.waiting-room-card{padding:28px 20px}.waiting-room-timer{font-size:1.6rem}}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popup-box{background:#fff;border-radius:16px;padding:28px 32px;max-width:400px;width:90vw;text-align:center;box-shadow:0 12px 40px #00000040}.popup-icon{font-size:2.2rem;line-height:1;margin-bottom:10px}.popup-title{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.popup-box p{font-size:.92rem;margin:0 0 20px;color:#444;line-height:1.6}.popup-box .btn{min-width:120px}.how-it-works-link{display:inline-flex;align-items:center;gap:6px;margin-top:20px;background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;letter-spacing:.05em;transition:color .2s}.how-it-works-link:hover{color:var(--primary-orange)}.home-secondary-actions{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap;justify-content:center}.home-secondary-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-size:.8rem;font-weight:600;color:#000000b3;letter-spacing:.05em;padding:2px 0;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.home-secondary-btn:hover{color:var(--primary-orange);text-decoration:underline;text-decoration-color:var(--primary-orange)}.home-secondary-divider{color:#0000004d;font-size:.8rem;-webkit-user-select:none;user-select:none}.hof-container{min-height:100vh;background:var(--bg-dark);color:#fff;padding:32px 40px 80px}.hof-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:36px}.hof-back-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff17;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#ffffffe0;font-size:.82rem;font-weight:600;padding:8px 14px;cursor:pointer;flex-shrink:0;margin-top:4px;transition:background .15s,color .15s,border-color .15s}.hof-back-btn:hover{background:#ffffff26;border-color:#ffffff59;color:#fff}.hof-title-block{flex:1}.hof-title{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.hof-subtitle{font-size:.85rem;color:#fff6}.hof-tabs{display:flex;gap:4px;margin-bottom:28px;background:#ffffff0d;border-radius:10px;padding:4px}.hof-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:none;border-radius:7px;padding:10px 16px;font-size:.85rem;font-weight:600;color:#ffffffad;cursor:pointer;transition:background .15s,color .15s}.hof-tab.active{background:var(--primary-orange);color:#fff}.hof-tab:not(.active):hover{background:#ffffff12;color:#fffc}.hof-tab-count{background:#fff3;border-radius:20px;font-size:.7rem;font-weight:700;padding:1px 7px;min-width:22px;text-align:center}.hof-tab.active .hof-tab-count{background:#ffffff40}.hof-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#fff6;font-size:.9rem}.hof-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 0;text-align:center}.hof-empty-icon{font-size:2.5rem;margin-bottom:4px}.hof-empty p{font-size:1rem;color:#fff9;margin:0}.hof-empty-sub{font-size:.82rem!important;color:#ffffff4d!important;margin-bottom:16px!important}.hof-winners-list{display:flex;flex-direction:column;gap:10px}.hof-winner-card{display:flex;align-items:center;gap:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.hof-winner-card:hover{background:#ffffff17;border-color:#ee4a1b80;box-shadow:0 2px 12px #ee4a1b1f}.hof-winner-card:focus-visible{outline:2px solid var(--primary-orange);outline-offset:2px}.hof-winner-rank{font-size:.72rem;font-weight:700;color:#ffffff4d;width:24px;text-align:center;flex-shrink:0}.hof-winner-img{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.hof-winner-img-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:#ffffff40}.hof-winner-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.hof-winner-theme{font-size:.88rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hof-winner-name{font-size:.82rem;color:#ffffffa6;display:flex;align-items:center;gap:5px}.hof-crown{font-size:.78rem}.hof-winner-score{color:gold;font-size:.75rem;font-weight:700}.hof-winner-meta{font-size:.72rem;color:#ffffff4d}.hof-winner-cta{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#ffffffa6;flex-shrink:0;transition:color .15s;white-space:nowrap}.hof-winner-card:hover .hof-winner-cta{color:var(--primary-orange)}.hof-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.hof-filter-pill{padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#ffffffb3;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.hof-filter-pill:hover{background:#ffffff1a;color:#fff}.hof-filter-pill.active{background:var(--primary-orange);border-color:var(--primary-orange);color:#fff}.hof-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.hof-product-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.hof-product-card:hover{border-color:#ee4a1b4d}.hof-product-img-wrap{position:relative}.hof-product-img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.hof-product-rank{position:absolute;top:6px;left:6px;background:#000000a6;color:#fffc;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:20px}.hof-product-badge{position:absolute;top:6px;right:6px;background:var(--primary-orange);color:#fff;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:20px}.hof-product-info{padding:10px 10px 4px;display:flex;flex-direction:column;gap:2px;flex:1}.hof-product-name{font-size:.78rem;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hof-product-brand{font-size:.7rem;color:#fff6}.hof-product-price{font-size:.75rem;color:#ffffffa6;font-weight:500}.hof-product-shop-btn{display:flex;align-items:center;justify-content:center;gap:4px;margin:8px 10px 10px;padding:7px;background:#ee4a1b26;border:1px solid rgba(238,74,27,.45);border-radius:7px;color:var(--primary-orange);font-size:.72rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s}.hof-product-shop-btn:hover{background:#ee4a1b47;border-color:#ee4a1bb3}.tour-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none}.tour-mask{position:fixed;inset:0;z-index:10000;pointer-events:auto}.tour-spotlight{position:fixed;z-index:10001;border-radius:12px;box-shadow:0 0 0 4px #ee4a1b59;pointer-events:none;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;will-change:top,left,width,height}.tour-tooltip{position:fixed;z-index:10002;background:#fff;border-radius:var(--radius-md);padding:24px 28px 20px;max-width:360px;width:max-content;box-shadow:0 16px 48px #0000002e,0 0 0 1px #0000000a;pointer-events:auto;transition:top .2s ease,left .2s ease;animation:tourFadeIn .15s ease}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}.tour-tooltip-step{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-orange);margin-bottom:8px}.tour-tooltip-title{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:6px}.tour-tooltip-desc{font-size:.85rem;color:var(--text-muted);line-height:1.55;margin-bottom:20px}.tour-tooltip-nav{display:flex;align-items:center;justify-content:space-between}.tour-tooltip-buttons{display:flex;gap:8px}.tour-skip-btn{background:none;border:none;color:var(--text-light);font-size:.78rem;cursor:pointer;padding:6px 0;transition:color .2s}.tour-skip-btn:hover{color:var(--text-dark)}.tour-back-btn{background:none;border:1px solid var(--border-medium);color:var(--text-dark);font-size:.78rem;font-weight:600;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.tour-back-btn:hover{background:var(--bg-cream)}.tour-next-btn{background:var(--primary-orange);border:none;color:#fff;font-size:.78rem;font-weight:600;padding:8px 20px;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.tour-next-btn:hover{background:var(--primary-orange-hover)}.tour-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}.tour-dot{width:6px;height:6px;border-radius:50%;background:var(--border-light);transition:all .25s}.tour-dot.active{background:var(--primary-orange);width:18px;border-radius:3px}.tour-dot.done{background:var(--primary-orange);opacity:.35}.tour-loading{position:fixed;inset:0;z-index:10002;display:flex;align-items:center;justify-content:center;pointer-events:auto}.tour-loading .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.audience-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:linear-gradient(135deg,#f0f0f0,#e8e8e8);border-radius:20px;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:16px}.theme-mode-toggle{margin-bottom:20px}.theme-mode-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:10px}.theme-mode-options{display:flex;gap:12px}.theme-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--bg-white);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-muted);transition:all .2s ease}.theme-mode-btn:hover{border-color:var(--border-medium)}.theme-mode-btn.active{border-color:var(--primary-orange);background:#fff5f2;color:var(--primary-orange)}.theme-mode-btn-icon{font-size:1.2rem}.theme-vote-preview{text-align:center;padding:32px 24px;background:var(--bg-white);border-radius:var(--radius-lg);border:2px dashed var(--border-light)}.theme-vote-preview h3{font-size:1.1rem;font-weight:700;margin-bottom:6px;color:var(--text-dark)}.theme-vote-preview p{color:var(--text-muted);font-size:.9rem}.theme-vote-preview-icons{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.theme-vote-preview-icon{font-size:1.8rem;animation:float-icon 2s ease-in-out infinite}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.theme-vote-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-cream);padding:40px 20px;gap:32px}.theme-vote-header{text-align:center}.theme-vote-header h1{font-size:2rem;font-weight:800;color:var(--text-dark);margin-bottom:8px}.theme-vote-header p{color:var(--text-muted);font-size:1rem}.theme-vote-timer-wrap{width:100%;max-width:480px}.theme-vote-timer{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;color:var(--text-muted)}.theme-vote-timer-text{font-size:1.4rem;font-weight:700;color:var(--text-dark);transition:color .3s}.theme-vote-timer-text.urgent{color:var(--error);animation:pulse-text .5s ease-in-out infinite alternate}@keyframes pulse-text{0%{opacity:1}to{opacity:.5}}.theme-vote-progress-bar{width:100%;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.theme-vote-progress-fill{height:100%;background:var(--primary-orange);border-radius:3px;transition:width 1s linear}.theme-vote-options{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:800px}.theme-vote-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 28px;background:var(--bg-white);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease;width:220px;position:relative;text-align:center;box-shadow:var(--shadow-sm)}.theme-vote-card:hover:not(:disabled){border-color:var(--primary-orange);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.theme-vote-card.selected{border-color:var(--primary-orange);background:linear-gradient(135deg,#fff5f2,#fff);box-shadow:0 0 0 3px #ee4a1b26,var(--shadow-md)}.theme-vote-card.dimmed{opacity:.45;pointer-events:none}.theme-vote-card:disabled{cursor:default}.theme-vote-card-icon{font-size:3rem;line-height:1}.theme-vote-card-info h3{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:4px}.theme-vote-card-info p{font-size:.85rem;color:var(--text-muted);line-height:1.4}.theme-vote-check{position:absolute;top:12px;right:12px;width:32px;height:32px;background:var(--primary-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}.theme-vote-status{text-align:center;color:var(--text-muted);font-size:.95rem}.theme-vote-status strong{color:var(--primary-orange)}.theme-vote-count{color:var(--text-light);margin-left:8px}.theme-vote-result-reveal{text-align:center;animation:fade-up .6s ease-out}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.theme-result-icon{font-size:5rem;margin-bottom:16px;animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes bounce-in{0%{transform:scale(0)}to{transform:scale(1)}}.theme-result-title{font-size:1.2rem;color:var(--text-muted);font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}.theme-result-name{font-size:2.5rem;font-weight:800;color:var(--text-dark);margin-bottom:12px}.theme-result-desc{color:var(--text-muted);font-size:1rem;margin-bottom:32px}.theme-result-loading{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-light);font-size:.9rem}.theme-result-loading .spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--primary-orange);border-radius:50%;animation:spin .7s linear infinite}@media(max-width:700px){.theme-vote-options{flex-direction:column;align-items:center}.theme-vote-card{width:100%;max-width:320px;flex-direction:row;text-align:left;padding:20px 24px}.theme-vote-card-icon{font-size:2.2rem}.theme-result-name{font-size:1.8rem}}