@media(min-width:1025px){.inputForm{grid-template-columns:repeat(2,1fr)}.inputForm>.formGroup:nth-child(1){grid-column:1}.inputForm>.formGroup:nth-child(2){grid-column:2;grid-row:1}.inputForm>.formGroup:nth-child(3){grid-column:1}.statsColumn,.mentalColumn{grid-column:1 / -1}.inputForm>.formGroup:has(.memoInput){grid-column:1 / -1}.formActions,.messageBox{grid-column:1 / -1}}.datePartInput::-webkit-outer-spin-button,.datePartInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.datePartInput[type=number]{-moz-appearance:textfield}.dateSeparator{color:var(--color-text-muted);font-weight:400;-webkit-user-select:none;user-select:none}.timeInputWrapper{position:relative;display:flex;align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-md);height:3rem;transition:all var(--transition-normal)}.timeInput{background:transparent;border:none;color:var(--color-text-primary);font-size:.9375rem;font-weight:600;width:3.5rem;text-align:center;outline:none;padding:var(--space-xs)}.timeInput::-webkit-outer-spin-button,.timeInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timeInput[type=number]{-moz-appearance:textfield}.timeLabel{color:var(--color-text-muted);font-size:.875rem;margin-left:var(--space-xs);-webkit-user-select:none;user-select:none}.quickBtn{height:3rem;padding:0 var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-sm)}.quickBtn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.quickBtn:active{transform:translateY(0)}.stageGrid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);align-items:start}.slotLabel{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.selectBtn{height:3.5rem;padding:0 var(--space-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);text-align:left}.selectBtn:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.selectIcon{width:1.25rem;height:1.25rem;flex-shrink:0;opacity:.5;transition:transform var(--transition-normal)}.selectBtn:hover .selectIcon{opacity:1;transform:translateY(2px)}.swapBtn{height:3.5rem;width:3.5rem;margin-top:1.375rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.swapBtn svg{width:1.25rem;height:1.25rem}.swapBtn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:rotate(180deg)}.weaponSelectBtn{height:4rem;padding:0 var(--space-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.weaponSelectBtn:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.weaponDisplay{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);flex:1}.weaponName{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.weaponCategory{font-size:.75rem;color:var(--color-primary);background:#6366f126;padding:.125rem var(--space-sm);border-radius:var(--radius-sm)}.statsColumn{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.statCard{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden}.statCard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-success);opacity:.8}.statCard.loss:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.statHeader{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.statIcon{width:1.5rem;height:1.5rem;stroke:var(--color-success)}.statLabel{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.counterControl{display:grid;grid-template-columns:3rem 1fr 3rem;gap:var(--space-sm);align-items:center}.counterBtn{height:3rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.counterInput{height:3rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1.5rem;font-weight:700;text-align:center;outline:none;transition:all var(--transition-normal)}.counterInput:focus{border-color:var(--color-border-focus);background:var(--color-surface)}.quickCounterRow{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-top:var(--space-md)}.quickCounterBtn{height:2.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.quickCounterBtn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.quickCounterBtn:active{transform:translateY(0)}.mentalColumn{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.mentalCard{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.mentalHeader{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.mentalIcon{width:1.25rem;height:1.25rem;stroke:var(--color-primary)}.mentalLabel{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.scaleControl{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.scaleBtn{aspect-ratio:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);position:relative}.scaleBtn:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-md);background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);z-index:-1}.scaleBtn:hover{transform:translateY(-2px);border-color:var(--color-primary);color:var(--color-primary)}.scaleBtn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-glow)}.scaleBtn.active:before{opacity:1}.scaleHint{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted)}.memoInput:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11a;background:var(--color-surface)}.formActions{display:flex;gap:var(--space-md)}.submitBtn{padding:0 var(--space-xl);height:3.5rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.submitBtn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-normal)}.submitBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.submitBtn:hover:not(:disabled):before{opacity:1}.messageBox{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;animation:slideIn .3s ease-out}.messageBox.success{background:var(--color-success-light);color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.messageBox.error{background:var(--color-error-light);color:var(--color-error);border:1px solid rgba(239,68,68,.3)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pickerOverlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pickerModal{width:min(900px,100%);max-height:min(700px,90vh);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:grid;grid-template-rows:auto auto 1fr;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pickerHeader{padding:var(--space-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg)}.pickerTitle{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.closeBtn{height:2.5rem;padding:0 var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-shrink:0}.closeBtn svg{width:1.25rem;height:1.25rem}.closeBtnLabel{font-size:.875rem;font-weight:500}.closeBtn:hover svg{transform:rotate(90deg)}.categoryTabs{padding:var(--space-md) var(--space-xl) 0;display:flex;gap:var(--space-sm);flex-wrap:wrap;overflow-x:auto}.categoryTab{height:2.5rem;padding:0 var(--space-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.categoryTab:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.categoryTab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow)}.pickerGrid{padding:var(--space-xl);overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);align-content:start}.pickerItem{padding:var(--space-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;text-align:left;cursor:pointer;transition:all var(--transition-normal);position:relative;display:flex;align-items:center;gap:var(--space-md)}.pickerItem:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pickerItem.active{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow)}.weaponSelectBtn.selected[style*=background-image],.pickerItem.active[style*=background-image]{background-size:cover;background-position:center;background-repeat:no-repeat}.checkIcon{width:1.25rem;height:1.25rem;flex-shrink:0;stroke:#fff}.predictionContent{display:grid;gap:var(--space-xl)}@media(min-width:1025px){.predictionContent{grid-template-columns:400px 1fr;grid-template-rows:auto auto}.mainPrediction{grid-column:1;grid-row:1 / 3}.predictionStats{grid-column:2;grid-row:1}.predictionNote{grid-column:2;grid-row:2}}.mainPrediction{text-align:center;padding:var(--space-2xl);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px}.predictionValue{font-size:clamp(3rem,8vw,5rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-sm)}.predictionStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.predStat{padding:var(--space-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.predStatLabel{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.predStatValue{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.predStatValue.negative{color:var(--color-error)}.predictionNote{padding:var(--space-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}.predictionError{padding:var(--space-2xl);text-align:center;color:var(--color-text-muted)}.predictionError svg{width:3rem;height:3rem;margin-bottom:var(--space-md);stroke:var(--color-text-muted)}.predictionError p{font-size:1.125rem;margin-bottom:var(--space-sm)}.predictionError small{font-size:.875rem;color:var(--color-text-muted)}.historyTableWrapper{width:100%;overflow-x:auto;background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.historyTable{width:100%;border-collapse:collapse;font-size:.9375rem}.historyTable thead{background:var(--color-surface);border-bottom:2px solid var(--color-border)}.historyTable th{padding:var(--space-lg) var(--space-md);text-align:left;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;white-space:nowrap}.historyTable tbody tr{border-bottom:1px solid var(--color-border);transition:all var(--transition-normal)}.historyTable tbody tr:hover{background:var(--color-primary-light)}.historyTable tbody tr:last-child{border-bottom:none}.historyTable td{padding:var(--space-lg) var(--space-md);color:var(--color-text-primary)}.historyTable .historyDate{color:var(--color-text-secondary);font-weight:500;white-space:nowrap}.historyTable .historyWeapon{font-weight:600;color:var(--color-text-primary)}.historyTable .historyStage{color:var(--color-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.historyTable .historyWins{color:var(--color-success);font-weight:700;text-align:center}.historyTable .historyLosses{color:var(--color-error);font-weight:700;text-align:center}.historyTable .historyWinRate{font-weight:700;color:var(--color-primary);text-align:center;font-size:1.125rem}.historyTable .historyMental{text-align:center;color:var(--color-text-secondary)}.historyTable .historyMemo{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:.875rem}.historyList{display:none;grid-template-columns:1fr;gap:var(--space-md)}.historyCard{padding:var(--space-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.historyCard:hover{border-color:var(--color-primary);transform:translate(4px);box-shadow:var(--shadow-md)}.historyHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.historyCard .historyDate{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.historyCard .historyWinRate{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.historyBody{display:grid;gap:var(--space-sm)}.historyRow{display:flex;align-items:center;gap:var(--space-md);font-size:.9375rem;color:var(--color-text-secondary)}.historyIcon{width:1.5rem;text-align:center;flex-shrink:0}.historyScore{display:flex;align-items:center;gap:var(--space-sm);font-weight:600}.scoreWin{color:var(--color-success)}.scoreLoss{color:var(--color-error)}.scoreSep{color:var(--color-text-muted)}.historyMemoCard{margin-top:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-muted);line-height:1.5;display:flex;align-items:start;gap:var(--space-md)}.emptyState svg{width:4rem;height:4rem;margin-bottom:var(--space-lg);stroke:var(--color-text-muted);opacity:.3}.emptyState p{font-size:1.125rem;margin-bottom:var(--space-sm)}@media(max-width:1024px){.historyTableWrapper{display:none}.historyList{display:grid}}@media(max-width:768px){.appHeader{padding:var(--space-md)}.navigation{top:60px;padding:var(--space-sm)}.navBtn{height:2.5rem;padding:0 var(--space-md);font-size:.8125rem}.navBtn svg{width:1rem;height:1rem}.mainContent{padding:var(--space-lg) var(--space-md)}.inputSection,.predictionSection,.historySection{padding:var(--space-lg)}.stageGrid{grid-template-columns:1fr}.swapBtn{margin-top:0;width:100%;height:3rem}.swapBtn:hover{transform:none}.dateTimeGroup{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.customDateInputs,.timeInputWrapper{grid-column:1 / -1}.pickerGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.statsColumn,.mentalColumn{grid-template-columns:1fr}}@media(max-width:480px){.categoryTabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.scaleControl{gap:var(--space-xs)}.predictionStats{grid-template-columns:1fr 1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0a0e1a;--color-surface: #131825;--color-surface-elevated: #1a1f30;--color-border: rgba(255, 255, 255, .08);--color-border-focus: rgba(99, 102, 241, .5);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-primary: #6366f1;--color-primary-hover: #7c3aed;--color-primary-light: rgba(99, 102, 241, .1);--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-warning: #f59e0b;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #0ea5e9 0%, #22c55e 100%);--gradient-card: linear-gradient(135deg, rgba(99, 102, 241, .05) 0%, rgba(124, 58, 237, .05) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text-primary);line-height:1.6;min-height:100vh}svg{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.appContainer{min-height:100vh;background:radial-gradient(ellipse at top,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(124,58,237,.05) 0%,transparent 50%),var(--color-bg)}.appHeader{position:sticky;top:0;z-index:100;background:#0a0e1acc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-border);padding:var(--space-lg) var(--space-md)}.headerContent{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:var(--space-md)}.appTitle{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.headerBadge{padding:var(--space-xs) var(--space-md);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.navigation{position:sticky;top:73px;z-index:90;background:#0a0e1ae6;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-border);padding:var(--space-md);display:flex;justify-content:center;gap:var(--space-sm)}.navBtn{height:3rem;padding:0 var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-sm);position:relative;overflow:hidden}.navBtn svg{width:1.25rem;height:1.25rem;flex-shrink:0}.navBtn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.navBtn.active{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow)}.navBtn.active:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff;box-shadow:0 0 10px #ffffff80}.mainContent{max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-md);display:grid;gap:var(--space-xl);width:100%}.viewContainer{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inputSection,.predictionSection,.historySection{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.inputSection:before,.predictionSection:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:.8}.sectionHeader{margin-bottom:var(--space-xl)}.sectionTitle{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--color-text-primary)}.sectionSubtitle{font-size:.875rem;color:var(--color-text-secondary)}.inputForm{display:grid;gap:var(--space-xl)}.formGroup{display:grid;gap:var(--space-md)}.formLabel{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.labelIcon{width:1rem;height:1rem;stroke:var(--color-primary)}@media(min-width:1025px){.inputForm{grid-template-columns:repeat(2,1fr)}.inputForm>.formGroup:nth-child(1){grid-column:1}.inputForm>.formGroup:nth-child(2){grid-column:2;grid-row:1}.inputForm>.formGroup:nth-child(3){grid-column:1}.statsColumn,.mentalColumn,.inputForm>.formGroup:has(.memoInput),.formActions,.messageBox{grid-column:1 / -1}}.dateTimeGroup{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.customDateInputs{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-md);height:3rem;transition:all var(--transition-normal)}.customDateInputs:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11a}.datePartInput{background:transparent;border:none;color:var(--color-text-primary);font-size:.9375rem;font-weight:600;outline:none;text-align:center;width:4.5rem;padding:var(--space-xs)}.datePartInput.short{width:3rem}.datePartInput::placeholder{color:var(--color-text-muted);font-weight:400}.datePartInput::-webkit-inner-spin-button,.datePartInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dateSeparator{color:var(--color-text-muted);font-weight:600;-webkit-user-select:none;user-select:none}.timeInputWrapper{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-md);height:3rem;transition:all var(--transition-normal)}.timeInputWrapper:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11a}.timeInput{background:transparent;border:none;color:var(--color-text-primary);font-size:.9375rem;font-weight:600;outline:none;text-align:center;width:3rem}.timeInput::-webkit-inner-spin-button,.timeInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.timeLabel{color:var(--color-text-muted);font-size:.875rem;font-weight:600}.quickBtn{height:3rem;padding:0 var(--space-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-xs)}.quickBtn svg{width:1rem;height:1rem}.quickBtn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.stageGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.stageSlot{display:grid;gap:var(--space-sm)}.slotLabel{font-size:.75rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.selectBtn{width:100%;height:3.5rem;padding:0 var(--space-lg);background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.selectIcon{width:1.25rem;height:1.25rem;flex-shrink:0;stroke:currentColor}.weaponSelectBtn{width:100%;min-height:4rem;padding:var(--space-md) var(--space-lg);background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.weaponSelectBtn.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.statsColumn{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.statCard{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:grid;gap:var(--space-md)}.statCard.win{border-color:#10b9814d}.statCard.loss{border-color:#ef44444d}.statHeader{display:flex;align-items:center;gap:var(--space-sm)}.statIcon{width:1.5rem;height:1.5rem;stroke:var(--color-primary)}.statCard.win .statIcon{stroke:var(--color-success)}.statCard.loss .statIcon{stroke:var(--color-error)}.statLabel{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.counterControl{display:flex;align-items:center;gap:var(--space-md)}.counterBtn{width:3rem;height:3rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.counterBtn svg{width:1.25rem;height:1.25rem}.counterBtn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.counterBtn:active{transform:scale(.95)}.counterInput{flex:1;height:3.5rem;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1.5rem;font-weight:700;text-align:center;outline:none;transition:all var(--transition-normal)}.counterInput:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11a}.quickCounterRow{display:flex;gap:var(--space-sm)}.quickCounterBtn{flex:1;height:2.5rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.quickCounterBtn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.mentalColumn{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.mentalCard{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:grid;gap:var(--space-md)}.mentalHeader{display:flex;align-items:center;gap:var(--space-sm)}.mentalIcon{width:1.5rem;height:1.5rem;stroke:var(--color-primary)}.mentalLabel{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.scaleControl{display:flex;gap:var(--space-sm)}.scaleBtn{flex:1;height:3rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal)}.scaleBtn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.scaleBtn.active{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.scaleHint{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);padding:0 var(--space-xs)}.memoInput{width:100%;padding:var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;line-height:1.6;resize:vertical;outline:none;transition:all var(--transition-normal)}.memoInput::placeholder{color:var(--color-text-muted)}.memoInput:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11a}.formActions{display:flex;justify-content:center;gap:var(--space-md)}.submitBtn{height:3.5rem;padding:0 var(--space-2xl);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-md)}.submitBtn svg{width:1.25rem;height:1.25rem}.submitBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submitBtn:active:not(:disabled){transform:translateY(0)}.submitBtn:disabled{opacity:.6;cursor:not-allowed}.messageBox{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;text-align:center}.messageBox.success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.messageBox.error{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.pickerOverlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn .2s ease-out}.pickerModal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pickerHeader{padding:var(--space-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.pickerTitle{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--color-text-primary)}.pickerSubtitle{font-size:.875rem;color:var(--color-text-secondary)}.closeBtn{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.closeBtn svg{width:1rem;height:1rem}.closeBtn:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.closeBtnLabel{display:none}@media(min-width:640px){.closeBtnLabel{display:inline}}.categoryTabs{padding:var(--space-md) var(--space-xl) 0;display:flex;gap:var(--space-xs);overflow-x:auto;border-bottom:1px solid var(--color-border)}.categoryTab{padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.categoryTab:hover{color:var(--color-primary);background:var(--color-primary-light)}.categoryTab.active{color:#fff;background:var(--gradient-primary);border-bottom-color:transparent;border-radius:var(--radius-md) var(--radius-md) 0 0}.pickerGrid{padding:var(--space-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm);overflow-y:auto;flex:1}.pickerItem{height:3rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:0 var(--space-sm);text-align:center;position:relative}.pickerItem:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.pickerItem.active{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.checkIcon{width:1rem;height:1rem;position:absolute;top:var(--space-xs);right:var(--space-xs)}.predictionContent{display:grid;gap:var(--space-2xl);text-align:center}.mainPrediction{padding:var(--space-2xl) 0;position:relative}.predictionLabel{font-size:1rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.predictionStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.predStat{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.predStatLabel{font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:var(--space-xs)}.predictionNote{padding:var(--space-md);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-size:.875rem;font-weight:600;text-align:center}.analysisSection{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f1e,#1a1a2e);animation:fadeIn .5s ease-out;padding:2rem}.analysisContainer{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080;max-width:800px;width:100%}.scannerEffect{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#00ff88 50%,transparent 100%);animation:scanner 2s ease-in-out infinite;box-shadow:0 0 20px #0f8}@keyframes scanner{0%,to{transform:translateY(0);opacity:0}10%{opacity:1}50%{transform:translateY(400px)}90%{opacity:1}to{opacity:0}}.analysisPhases{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2;margin-bottom:2rem}.analysisPhase{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff0d;border-radius:12px;opacity:.3;transform:translate(-20px);transition:all .5s ease;border:1px solid rgba(255,255,255,.1)}.analysisPhase.active{opacity:1;transform:translate(0);background:#00ff881a;border-color:#0f8;box-shadow:0 0 20px #0f83}.phaseIcon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#0f8,#00d4aa);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px #00ff884d}.analysisPhase.active .phaseIcon{animation:pulse 1.5s ease-in-out infinite}.phaseIcon svg{width:28px;height:28px;stroke:#1a1a2e;stroke-width:2.5}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #00ff884d}50%{transform:scale(1.1);box-shadow:0 4px 25px #0f89}}.phaseText{flex:1}.phaseTitle{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.3rem}.phaseSubtitle{font-size:.9rem;color:#fff9}.progressBar{width:100%;height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative;z-index:2}.progressFill{height:100%;background:linear-gradient(90deg,#0f8,#00d4aa,#0f8);background-size:200% 100%;border-radius:10px;animation:progressFill 1.5s ease-in-out forwards,shimmer 1.5s linear infinite;box-shadow:0 0 10px #0f8}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.matrixEffect{position:absolute;inset:0;overflow:hidden;opacity:.15;pointer-events:none}.matrixColumn{position:absolute;top:-100%;font-family:Courier New,monospace;font-size:.8rem;color:#0f8;white-space:nowrap;animation:matrixFall 3s linear infinite;text-shadow:0 0 5px #00ff88}.matrixColumn:nth-child(odd){animation-delay:-1s}.matrixColumn:nth-child(3n){animation-delay:-2s}@keyframes matrixFall{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(600px);opacity:0}}.predictionSection.animated{animation:slideUp .6s ease-out;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem}.resetButtonContainer{margin-top:3rem;text-align:center;opacity:0;transform:translateY(20px);transition:all .6s ease}.resetButtonContainer.visible{opacity:1;transform:translateY(0)}.resetPredictionBtn{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.resetPredictionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.resetPredictionBtn:active{transform:translateY(0)}.resetPredictionBtn svg{width:20px;height:20px;stroke-width:2.5}.mainPrediction{position:relative;opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.mainPrediction.visible{opacity:1;transform:scale(1)}.predictionValue{font-size:4.5rem;font-weight:800;background:linear-gradient(135deg,#0f8,#00d4aa,#09f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;background-size:200% 200%;line-height:1;margin-bottom:.5rem}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.sparkle{position:absolute;width:8px;height:8px;background:#0f8;border-radius:50%;top:50%;left:50%;animation:sparkleAnimation 2s ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 0 10px #0f8}@keyframes sparkleAnimation{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(0);opacity:0}50%{opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(100px) scale(0);opacity:0}}.predStat{opacity:0;transform:translateY(20px);transition:all .5s ease}.predStat.visible{opacity:1;transform:translateY(0)}.predStat:nth-child(1).visible{transition-delay:0s}.predStat:nth-child(2).visible{transition-delay:.1s}.predStat:nth-child(3).visible{transition-delay:.2s}.predStat:nth-child(4).visible{transition-delay:.3s}.statBar{width:100%;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-top:.5rem}.statBarFill{height:100%;background:linear-gradient(90deg,#0f8,#00d4aa);border-radius:10px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #00ff8880}.statBar.danger .statBarFill{background:linear-gradient(90deg,#ff4757,#ff6b81);box-shadow:0 0 10px #ff475780}.predStatValue{font-size:1.8rem;font-weight:700;color:#0f8;margin:.3rem 0;text-shadow:0 0 10px rgba(0,255,136,.3)}.predStatValue.negative{color:#ff4757;text-shadow:0 0 10px rgba(255,71,87,.3)}.predictionNote{opacity:0;transform:translateY(10px);transition:all .5s ease .5s}.predictionNote.visible{opacity:1;transform:translateY(0)}.filterSection{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.filterHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.filterTitle{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:700;color:var(--color-text-primary)}.filterTitle svg{width:1.25rem;height:1.25rem;stroke:var(--color-primary)}.filterResetBtn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.filterResetBtn svg{width:1rem;height:1rem}.filterResetBtn:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.filterControls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.filterGroup{display:grid;gap:var(--space-xs)}.filterLabel{font-size:.75rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.filterSelect,.filterInput{height:2.5rem;padding:0 var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;outline:none;transition:all var(--transition-normal)}.filterSelect:focus,.filterInput:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11a}.historyTableWrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.historyTable{width:100%;border-collapse:collapse}.historyTable thead{background:var(--color-surface-elevated);position:sticky;top:0;z-index:1}.historyTable th{padding:var(--space-md);text-align:left;font-size:.75rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap}.historyTable th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.historyTable th.sortable:hover{color:var(--color-primary)}.sortIcon{display:inline-block;width:1rem;height:1rem;margin-left:var(--space-xs);vertical-align:middle;stroke:currentColor;opacity:.5}.sortIcon.active{opacity:1;stroke:var(--color-primary)}.historyTable tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.historyTable tbody tr:hover{background:var(--color-surface-elevated)}.historyTable td{padding:var(--space-md);font-size:.875rem;color:var(--color-text-primary)}.historyDate{color:var(--color-text-secondary);font-weight:600;white-space:nowrap}.historyWeapon{font-weight:600;color:var(--color-primary)}.historyStage{color:var(--color-text-secondary)}.historyWins{color:var(--color-success);font-weight:700}.historyLosses{color:var(--color-error);font-weight:700}.historyWinRate{font-weight:700;color:var(--color-text-primary)}.historyMental{color:var(--color-text-secondary)}.historyMemo{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:.8125rem}.loadMoreSection{margin-top:var(--space-lg);text-align:center}.loadMoreBtn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.loadMoreBtn svg{width:1rem;height:1rem}.loadMoreBtn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.emptyState{padding:var(--space-2xl);text-align:center;color:var(--color-text-muted)}.emptyState svg{width:4rem;height:4rem;margin:0 auto var(--space-lg);stroke:var(--color-text-muted);opacity:.5}.emptyState p{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.emptyState small{font-size:.875rem;color:var(--color-text-muted)}@media(max-width:768px){.navigation{gap:var(--space-xs);padding:var(--space-sm)}.navBtn{padding:0 var(--space-md);font-size:.875rem}.navBtn span{display:none}.dateTimeGroup{flex-direction:column;align-items:stretch}.customDateInputs{width:100%}.analysisSection{padding:1rem}.analysisContainer{padding:2rem 1.5rem}.analysisPhase{padding:1rem;gap:1rem}.phaseIcon{width:40px;height:40px}.phaseIcon svg{width:22px;height:22px}.phaseTitle{font-size:1rem}.phaseSubtitle{font-size:.85rem}.predictionValue{font-size:3rem}.predStatValue{font-size:1.4rem}.resetPredictionBtn{padding:.9rem 1.5rem;font-size:1rem}.resetPredictionBtn svg{width:18px;height:18px}.historyTable{font-size:.8125rem}.historyTable th,.historyTable td{padding:var(--space-sm)}}.pickerItem,.selectBtn,.weaponSelectBtn{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.pickerItem:before,.selectBtn:before,.weaponSelectBtn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00000040,#0006);border-radius:inherit;z-index:1;transition:background .3s ease}.pickerItem>*,.selectBtn>*,.weaponSelectBtn>*{position:relative;z-index:2}.pickerItemText{display:inline-block;background:transparent;padding:4px 8px;border-radius:4px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.6),0 0 3px rgba(0,0,0,.9);transition:all .2s ease}.pickerItem:hover{box-shadow:0 6px 16px #0000004d}.pickerItem:hover:before{background:linear-gradient(135deg,#00000026,#00000040)}.pickerItem:hover .pickerItemText{text-shadow:0 2px 6px rgba(0,0,0,1),0 0 16px rgba(0,0,0,.9),0 0 8px rgba(255,255,255,.5);transform:scale(1.05)}.pickerItem.active{transform:none;box-shadow:0 8px 20px #6366f14d}.pickerItem.active:before{background:linear-gradient(135deg,#6366f14d,#8b5cf680)}.pickerItem.active .pickerItemText{color:#fff;text-shadow:0 2px 6px rgba(99,102,241,1),0 0 16px rgba(99,102,241,.8),0 0 8px rgba(255,255,255,.6)}.selectBtnText{display:inline-block;background:transparent;padding:3px 6px;border-radius:3px;font-weight:700;color:#fff;margin-right:auto;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.6);transition:all .2s ease;white-space:nowrap}.selectBtn:hover{box-shadow:0 4px 12px #00000040}.selectBtn:hover:before{background:linear-gradient(135deg,#00000026,#0000004d)}.selectBtn:hover .selectBtnText{text-shadow:0 2px 6px rgba(0,0,0,1),0 0 16px rgba(0,0,0,.9),0 0 8px rgba(255,255,255,.5);transform:scale(1.05)}.weaponSelectBtn{min-height:80px}.weaponSelectBtn:before{background:linear-gradient(135deg,#0000004d,#00000080)}.weaponSelectBtn.selected{box-shadow:0 4px 12px #6366f133}.weaponSelectBtn.selected:before{background:linear-gradient(135deg,#6366f140,#8b5cf666)}.weaponSelectBtn:hover{box-shadow:0 6px 16px #0000004d}.weaponSelectBtn:hover:before{background:linear-gradient(135deg,#0003,#00000059)}.weaponDisplay{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1}.weaponName{display:inline-block;background:transparent;padding:3px 8px;border-radius:3px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.6);transition:all .2s ease;white-space:nowrap}.weaponCategory{display:inline-block;background:transparent;padding:2px 6px;border-radius:2px;font-size:.7rem;color:#fffffff2;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7);white-space:nowrap}.weaponSelectBtn:hover .weaponName{text-shadow:0 2px 6px rgba(0,0,0,1),0 0 16px rgba(0,0,0,.9),0 0 8px rgba(255,255,255,.5);transform:scale(1.05)}.checkIcon{background:#fffffff2;border-radius:50%;padding:4px;box-shadow:0 2px 8px #0000004d}.selectIcon{position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));transition:transform .2s ease}.selectBtn:hover .selectIcon,.weaponSelectBtn:hover .selectIcon{transform:translateY(2px);filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.pickerItem:not([style*=background-image]):before,.selectBtn:not([style*=background-image]):before,.weaponSelectBtn:not([style*=background-image]):before{background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.pickerItem:not([style*=background-image]) .pickerItemText,.selectBtn:not([style*=background-image]) .selectBtnText,.weaponSelectBtn:not([style*=background-image]) .weaponName{color:#1a1a2e;text-shadow:none}@media(max-width:768px){.pickerItemText{padding:3px 6px;font-size:.85rem}.selectBtnText{padding:2px 5px;font-size:.8rem}.weaponName{padding:2px 6px;font-size:.85rem}.weaponCategory{padding:1px 4px;font-size:.65rem}.pickerItem:hover,.selectBtn:hover,.weaponSelectBtn:hover{transform:none}}@keyframes imageLoad{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.pickerItem[style*=background-image],.selectBtn[style*=background-image],.weaponSelectBtn[style*=background-image]{animation:imageLoad .3s ease-out}.pickerItem[style*=background-image]:hover:before,.selectBtn[style*=background-image]:hover:before{background:linear-gradient(135deg,#00000040,#0006)}.weaponSelectBtn[style*=background-image]:hover:before{background:linear-gradient(135deg,#0000004d,#00000080)}.pickerItem[style*=background-image]:hover .pickerItemText,.selectBtn[style*=background-image]:hover .selectBtnText,.weaponSelectBtn[style*=background-image]:hover .weaponName,.selectBtn[style*=background-image]:hover .selectIcon,.weaponSelectBtn[style*=background-image]:hover .selectIcon{transform:none}.pickerItem[style*=background-image]:hover,.selectBtn[style*=background-image]:hover,.weaponSelectBtn[style*=background-image]:hover{transform:translateY(-2px);background-size:cover;background-position:center;background-repeat:no-repeat}.weaponSelectBtn.selected[style*=background-image]:hover:before,.pickerItem.active[style*=background-image]:hover:before{background:linear-gradient(135deg,#6366f140,#8b5cf666)}.weaponSelectBtn.selected[style*=background-image],.pickerItem.active[style*=background-image]{background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .2s ease,box-shadow .2s ease}.pickerItem:active,.selectBtn:active,.weaponSelectBtn:active{transform:scale(.98)}.headerUserRow{justify-content:space-between;width:100%}.headerUserInfo{display:flex;flex-direction:column;margin-left:auto;margin-right:.75rem;font-size:.85rem;color:var(--color-text-secondary)}.headerUserInfo span{color:var(--color-text-primary);font-weight:600}.authSection{max-width:560px;margin:0 auto}.authForm{grid-template-columns:1fr}.authActions{justify-content:flex-start}.adminGrid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.adminCard{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.adminList{display:grid;gap:var(--space-sm)}.adminListItem{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.adminActions{display:flex;align-items:center;gap:var(--space-sm)}@media(max-width:768px){.headerUserInfo{display:none}.adminListItem{flex-direction:column;align-items:flex-start}}.modernAuthSection{max-width:600px;border-color:#6366f140;background:radial-gradient(circle at top right,rgba(99,102,241,.18),transparent 40%),radial-gradient(circle at bottom left,rgba(16,185,129,.1),transparent 42%),var(--color-surface)}.authModeSwitch{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.4rem;border:1px solid var(--color-border);background:#ffffff08;border-radius:.9rem;margin-bottom:1.2rem}.authModeSwitch:before{content:"";position:absolute;top:.4rem;left:.4rem;width:calc(50% - .4rem);height:2.6rem;border-radius:.65rem;background:var(--gradient-primary);box-shadow:var(--shadow-md);transform:translate(0);transition:transform .26s cubic-bezier(.2,.8,.2,1);z-index:0}.authModeSwitch.register:before{transform:translate(100%)}.authModeBtn{position:relative;z-index:1;height:2.6rem;border:0;border-radius:.65rem;font-size:.9rem;font-weight:700;color:var(--color-text-secondary);background:transparent;cursor:pointer;transition:all var(--transition-normal)}.authModeBtn:hover{color:var(--color-text-primary);background:#6366f11f}.authModeBtn.active{color:#fff;background:transparent;box-shadow:none}.authHeader{margin-bottom:1.25rem}.authTitle{margin-bottom:.35rem}.authSubtitle{line-height:1.5}.modernAuthForm{gap:1rem}.authField{display:flex;flex-direction:column;gap:.5rem}.authField .formLabel{min-height:1.4rem;display:flex;align-items:center}.authInputRow{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:stretch}.authInput{width:100%;height:2.9rem;padding:0 .9rem}.authRevealBtn{min-width:4.2rem;height:2.9rem;border:1px solid var(--color-border);border-radius:.65rem;background:var(--color-surface-elevated);color:var(--color-text-secondary);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.authRevealBtn:hover{color:var(--color-primary);border-color:var(--color-primary);background:#6366f11f}.authHint{font-size:.77rem;min-height:1.1rem;line-height:1.1rem;color:var(--color-text-muted)}.authHintGhost{visibility:hidden}.authHintError{color:var(--color-error)}.authHintSuccess{color:var(--color-success)}.authInputError{border-color:var(--color-error)}.modernAuthActions{margin-top:.25rem}.authSubmit{min-width:220px}@media(max-width:640px){.authRevealBtn{min-width:3.8rem}.authSubmit{width:100%;justify-content:center}}