*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #FF6B35;--primary-dark: #E55A25;--primary-light: #FF8F65;--primary-bg: #FFF4F0;--text-dark: #1A1A2E;--text-medium: #4A4A6A;--text-light: #8A8AAA;--bg: #F8F8FC;--bg-card: #FFFFFF;--border: #E8E8F0;--success: #22C55E;--success-bg: #F0FDF4;--warning: #F59E0B;--warning-bg: #FFFBEB;--error: #EF4444;--error-bg: #FEF2F2;--shadow-sm: 0 1px 3px rgba(26,26,46,.08);--shadow-md: 0 4px 12px rgba(26,26,46,.12);--shadow-lg: 0 8px 24px rgba(26,26,46,.16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: .2s ease;--touch-min: 44px}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text-dark);line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{min-height:100dvh;display:flex;flex-direction:column}.app-shell{width:100%;max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);position:relative}h1{font-size:1.75rem;font-weight:700;line-height:1.2}h2{font-size:1.375rem;font-weight:700;line-height:1.3}h3{font-size:1.125rem;font-weight:600;line-height:1.35}h4{font-size:1rem;font-weight:600}p{font-size:.9375rem}button{font-family:inherit;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--touch-min);padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);white-space:nowrap;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #ff6b3559}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--primary-bg);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:#FFE8DF}.btn-ghost{background:transparent;color:var(--text-medium)}.btn-ghost:hover{background:var(--border)}.btn-danger{background:var(--error-bg);color:var(--error);border:1.5px solid var(--error)}.btn-success{background:var(--success);color:#fff;box-shadow:0 2px 8px #22c55e59}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}input[type=text],input[type=number],textarea{font-family:inherit;font-size:1rem;color:var(--text-dark);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.625rem .875rem;width:100%;min-height:var(--touch-min);transition:border-color var(--transition);outline:none;-webkit-appearance:none}input[type=text]:focus,input[type=number]:focus,textarea:focus{border-color:var(--primary);background:white}textarea{resize:vertical;min-height:80px}.page-header{padding:1rem 1rem .5rem;display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.page-header-title{flex:1;font-size:1.125rem;font-weight:700}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg);color:var(--text-dark);flex-shrink:0;transition:background var(--transition)}.back-btn:hover{background:var(--border)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:1rem;color:var(--text-medium)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;padding:2rem;text-align:center;color:var(--text-medium)}.error-icon{font-size:3rem}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:100px;font-size:.8125rem;font-weight:600}.badge-primary{background:var(--primary-bg);color:var(--primary)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(26,26,46,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:fadeIn .15s ease}.modal-sheet{background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:480px;padding:1.5rem;animation:slideUp .25s ease;max-height:90dvh;overflow-y:auto}.modal-handle{width:40px;height:4px;background:var(--border);border-radius:100px;margin:0 auto 1.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.qty-control{display:flex;align-items:center;gap:.5rem}.qty-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;transition:background var(--transition),transform var(--transition);flex-shrink:0}.qty-btn:active{transform:scale(.9)}.qty-btn-minus{background:var(--border);color:var(--text-dark)}.qty-btn-minus:hover{background:#D8D8E8}.qty-btn-plus{background:var(--primary);color:#fff;box-shadow:0 2px 6px #ff6b354d}.qty-btn-plus:hover{background:var(--primary-dark)}.qty-value{font-weight:700;font-size:1.0625rem;min-width:1.5rem;text-align:center}.scroll-x{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-x::-webkit-scrollbar{display:none}.divider{height:1px;background:var(--border);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;text-align:center;color:var(--text-medium)}.empty-state-icon{font-size:3.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,#F0F0F8 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.game-container{min-height:100dvh;background:var(--text-dark);color:#fff;display:flex;flex-direction:column}.game-header{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.timer-circle{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.timer-circle.urgent{border-color:var(--error);color:var(--error);animation:pulse .5s infinite}.score-badge{background:rgba(255,107,53,.2);color:var(--primary-light);padding:.25rem .75rem;border-radius:100px;font-weight:700;font-size:.9375rem}.leaderboard{background:var(--text-dark);min-height:100dvh;display:flex;flex-direction:column;color:#fff;padding:2rem 1rem;align-items:center}.leaderboard-title{font-size:1.75rem;font-weight:800;margin-bottom:2rem;text-align:center}.leaderboard-list{width:100%;max-width:440px;display:flex;flex-direction:column;gap:.75rem}.leaderboard-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.07);border-radius:var(--radius-md);animation:bounceIn .4s ease both}.leaderboard-rank{font-size:1.5rem;width:2rem;text-align:center}.leaderboard-name{flex:1;font-weight:600;font-size:1.0625rem}.leaderboard-score{font-weight:700;font-size:1.125rem;color:var(--primary-light)}