:root{--color-bg: #1a1a2e;--color-surface: #2d2b55;--color-surface-elevated: #3b3870;--color-border: rgba(255, 255, 255, .12);--color-border-focus: rgba(255, 45, 120, .5);--color-text-primary: #ffffff;--color-text-secondary: #c4b5fd;--color-text-muted: #8b7ec8;--color-pink: #FF2D78;--color-green: #76FF03;--color-orange: #FF6600;--color-purple: #7B26FF;--color-cyan: #00CED1;--color-yellow: #E8FF00;--color-primary: #FF2D78;--color-primary-hover: #FF6600;--color-primary-light: rgba(255, 45, 120, .12);--color-success: #76FF03;--color-success-light: rgba(118, 255, 3, .12);--color-error: #FF2D78;--color-error-light: rgba(255, 45, 120, .12);--color-warning: #FF6600;--gradient-primary: linear-gradient(135deg, #FF2D78 0%, #FF6600 100%);--gradient-success: linear-gradient(135deg, #76FF03 0%, #00CED1 100%);--gradient-ink: linear-gradient(135deg, #7B26FF 0%, #FF2D78 50%, #76FF03 100%);--gradient-card: linear-gradient(135deg, rgba(123, 38, 255, .08) 0%, rgba(255, 45, 120, .08) 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(255, 45, 120, .4);--shadow-glow-green: 0 0 20px rgba(118, 255, 3, .4);--shadow-glow-purple: 0 0 20px rgba(123, 38, 255, .4);--shadow-glow-orange: 0 0 20px rgba(255, 102, 0, .4);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--history-memo-max-width: 18rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 2rem;--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:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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}.appTitle{font-size:clamp(1.5rem,4vw,2rem);line-height:1;font-weight:900;background:linear-gradient(135deg,#7f9bff,#7f6dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em;text-shadow:none}.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}@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:#ff66001f;border-color:var(--color-orange);color:var(--color-orange);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-cyan);background:#00ced126;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:linear-gradient(90deg,#76ff03,#00ced1);opacity:.9}.statCard.loss:before{background:linear-gradient(90deg,#ff2d78,#f60)}.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)}.statCard.loss .statIcon{stroke:var(--color-error)}.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:#ff2d781f;border-color:var(--color-pink);color:var(--color-pink);transform:translateY(-1px)}.quickCounterBtn:active{transform:translateY(0)}.mentalColumn{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,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-pink);color:var(--color-pink)}.scaleBtn.active{background:var(--color-pink);border-color:var(--color-pink);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)}.numberInputCard{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:grid;gap:var(--space-sm)}.numberInputLabel{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.numberInput{height:3rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:1.125rem;font-weight:700;padding:0 var(--space-md);outline:none;transition:all var(--transition-normal)}.xpQuickBtn{height:2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.memoInput:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #ff2d7826;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:#ff2d781f;border-color:var(--color-pink);color:var(--color-pink)}.categoryTab.active{background:var(--gradient-primary);border-color:var(--color-pink);color:#fff;box-shadow:0 0 20px #5978ff73}.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:#7b26ff26;border-color:var(--color-purple);transform:translateY(-2px);box-shadow:var(--shadow-md)}.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:900;background:linear-gradient(135deg,#ff2d78,#f60 40%,#76ff03);-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-purple);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:768px){.appHeader{padding:var(--space-md)}.navigation{padding:0 var(--space-md)}.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:#ff2d7866;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-green)}.matchesViewContainer{display:grid;gap:var(--space-lg)}.matchesViewContainer .textMuted{color:var(--color-text-muted)}.matchesViewContainer .monoText{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.matchesViewContainer .matchResult{font-weight:900;letter-spacing:.04em;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:#ffffff08}.matchesViewContainer .matchResultWin{color:var(--color-success);border-color:#76ff0359;box-shadow:0 0 18px #76ff031f}.matchesViewContainer .matchResultLose{color:var(--color-error);border-color:#ff2d7859;box-shadow:0 0 18px #ff2d781f}.matchesViewContainer .matchResultOther{color:var(--color-text-secondary)}.matchesViewContainer .historyCard,.matchesViewContainer .historySection,.matchesViewContainer .historyTableWrapper{position:relative;overflow:hidden;border:1px solid rgba(196,181,253,.22);border-radius:var(--radius-xl);box-shadow:0 0 0 1px #ffffff0f,0 20px 50px #00000059}.matchesViewContainer .historyCard:before,.matchesViewContainer .historySection:before,.matchesViewContainer .historyTableWrapper:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--color-purple) 0%,var(--color-pink) 33%,var(--color-orange) 66%,var(--color-green) 100%);opacity:.95}.matchesViewContainer .headerBadge{border:1px solid rgba(118,255,3,.35);box-shadow:0 0 18px #76ff031f}.matchesViewContainer .historyRow span{color:var(--color-text-muted);font-weight:700}.matchesViewContainer .historyRow strong{color:var(--color-text-primary);font-weight:900}.adminPageContainer{display:grid;gap:var(--space-lg)}.adminPageContainer .adminCard{position:relative;overflow:hidden;background:#ffffff08;border:1px solid rgba(196,181,253,.22);border-radius:var(--radius-xl);box-shadow:0 0 0 1px #ffffff0f,0 20px 50px #00000059}.adminPageContainer .adminCard:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--color-purple) 0%,var(--color-pink) 33%,var(--color-orange) 66%,var(--color-green) 100%);opacity:.95}.adminPageContainer .adminListItem{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);transition:all var(--transition-normal)}.adminPageContainer .adminListItem:hover{background:#ffffff0a;border-color:#ff2d7838}.adminPageContainer .historyRow span{color:var(--color-text-muted);font-weight:700}.adminPageContainer .historyRow strong{color:var(--color-text-primary);font-weight:900}.adminPageContainer .badge,.adminPageContainer .tag{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:#ffffff08;color:var(--color-text-secondary);font-weight:800;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1a1a2e;--color-surface: #2d2b55;--color-surface-elevated: #3b3870;--color-border: rgba(255, 255, 255, .12);--color-border-focus: rgba(255, 45, 120, .5);--color-text-primary: #ffffff;--color-text-secondary: #c4b5fd;--color-text-muted: #8b7ec8;--color-pink: #FF2D78;--color-green: #76FF03;--color-orange: #FF6600;--color-purple: #7B26FF;--color-cyan: #00CED1;--color-yellow: #E8FF00;--color-primary: #FF2D78;--color-primary-hover: #FF6600;--color-primary-light: rgba(255, 45, 120, .12);--color-success: #76FF03;--color-success-light: rgba(118, 255, 3, .12);--color-error: #FF2D78;--color-error-light: rgba(255, 45, 120, .12);--color-warning: #FF6600;--gradient-primary: linear-gradient(135deg, #FF2D78 0%, #FF6600 100%);--gradient-success: linear-gradient(135deg, #76FF03 0%, #00CED1 100%);--gradient-ink: linear-gradient(135deg, #7B26FF 0%, #FF2D78 50%, #76FF03 100%);--gradient-card: linear-gradient(135deg, rgba(123, 38, 255, .08) 0%, rgba(255, 45, 120, .08) 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(255, 45, 120, .4);--shadow-glow-green: 0 0 20px rgba(118, 255, 3, .4);--shadow-glow-purple: 0 0 20px rgba(123, 38, 255, .4);--shadow-glow-orange: 0 0 20px rgba(255, 102, 0, .4);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 2rem;--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:Noto Sans JP,Nunito,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";-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 80% 60% at 15% 10%,rgba(123,38,255,.06) 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 85% 20%,rgba(255,45,120,.05) 0%,transparent 70%),radial-gradient(ellipse 70% 50% at 70% 80%,rgba(118,255,3,.04) 0%,transparent 70%),radial-gradient(ellipse 50% 70% at 20% 75%,rgba(255,102,0,.04) 0%,transparent 70%),radial-gradient(circle at 50% 50%,rgba(0,206,209,.03) 0%,transparent 60%),var(--color-bg);position:relative}.appHeader{position:sticky;top:0;z-index:100;background:#040c1ee6;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(124,146,184,.22);padding:var(--space-sm) var(--space-md);min-height:4rem}.headerContent{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:var(--space-md)}.appTitle{font-size:clamp(1.5rem,4vw,2rem);line-height:1;font-weight:900;background:linear-gradient(135deg,#7f9bff,#7f6dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em}.headerBadge{padding:var(--space-xs) var(--space-md);background:#4962a838;color:#8ea6ff;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(133,157,220,.32)}.navigation{position:relative;top:0;z-index:150;background:#040c1edb;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(124,146,184,.2);padding:var(--space-sm) var(--space-md);margin-bottom:0;display:flex;justify-content:center;align-items:center;gap:var(--space-sm)}.navBtn{height:3rem;padding:0 var(--space-xl);background:#0b1834d1;border:1px solid rgba(135,156,196,.2);border-radius:var(--radius-lg);color:#b6c4db;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:#2a416c75;border-color:#a0b5df57;color:#d4e0f3;transform:none;box-shadow:none}.navBtn.active{background:linear-gradient(135deg,#6f7fff,#6d63de);border-color:#b4c3ff80;color:#fff;box-shadow:0 0 20px #5978ff73}.navBtn.active:before{content:none}.mainContent{max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-md);display:grid;gap:var(--space-xl);width:100%}body.modal-open{overflow:hidden}body.modal-open .appContainer{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.viewContainer{animation:fadeIn .3s ease-out}.recordViewContainer{width:100%;display:flex;justify-content:center}.recordInputSection{width:min(100%,1100px);margin-inline:auto;min-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.historyTabBar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);background:#0b183499;border:1px solid rgba(135,156,196,.18);border-radius:var(--radius-xl);padding:6px}.historyTabBtn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:.9375rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal)}.historyTabBtn svg{width:20px;height:20px;flex-shrink:0}.historyTabBtn:hover{color:var(--color-text-secondary);background:#879cc414}.historyTabBtn.active{background:#7f9bff26;border-color:#7f9bff59;color:#8ea6ff;box-shadow:0 0 12px #7f9bff26}.inputSection,.predictionSection,.historySection{background:var(--color-surface);border:1px solid rgba(196,181,253,.28);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:0 0 0 1px #ffffff0f,var(--shadow-lg);position:relative;overflow:hidden}.inputSection:before,.predictionSection:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7b26ff,#ff2d78,#f60 66%,#76ff03);opacity:.9}.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-orange)}@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 #ff2d7826}.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 #ff2d7826}.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:#ff66001f;border-color:var(--color-orange);color:var(--color-orange)}.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:#76ff034d}.statCard.loss{border-color:#ff2d784d}.statHeader{display:flex;align-items:center;gap:var(--space-sm)}.statIcon{width:1.5rem;height:1.5rem;stroke:var(--color-orange)}.statCard.win .statIcon{stroke:var(--color-green)}.statCard.loss .statIcon{stroke:var(--color-pink)}.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:#ff2d781f;border-color:var(--color-pink);color:var(--color-pink)}.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 #ff2d7826}.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:#ff2d781f;border-color:var(--color-pink);color:var(--color-pink)}.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-cyan)}.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:#ff2d781f;border-color:var(--color-pink);color:var(--color-pink);transform:translateY(-2px)}.scaleBtn.active{background:var(--color-pink);border-color:var(--color-pink);color:#fff;box-shadow:var(--shadow-glow)}.scaleBtn:nth-child(1).active{background:var(--color-green);border-color:var(--color-green);box-shadow:var(--shadow-glow-green)}.scaleBtn:nth-child(2).active{background:var(--color-cyan);border-color:var(--color-cyan);box-shadow:0 0 20px #00ced166}.scaleBtn:nth-child(3).active{background:var(--color-orange);border-color:var(--color-orange);box-shadow:var(--shadow-glow-orange)}.scaleBtn:nth-child(4).active{background:var(--color-pink);border-color:var(--color-pink);box-shadow:var(--shadow-glow)}.scaleBtn:nth-child(5).active{background:var(--color-purple);border-color:var(--color-purple);box-shadow:var(--shadow-glow-purple)}.scaleHint{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);padding:0 var(--space-xs)}.numberInputGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.numberInputGrid.single{grid-template-columns:minmax(0,1fr)}.numberInputCard{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:grid;gap:var(--space-sm)}.numberInputRow{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.numberInputLabel{font-size:.8125rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.numberInputValue{font-size:1rem;font-weight:700;color:var(--color-orange)}.numberInput{height:3rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text-primary);font-size:1.125rem;font-weight:700;padding:0 var(--space-md);outline:none;transition:all var(--transition-normal)}.numberInput:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #ff2d7826}.xpRange{width:100%;accent-color:var(--color-primary)}.xpQuickRow{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.xpQuickBtn{height:2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text-secondary);font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.xpQuickBtn:hover{border-color:var(--color-orange);color:var(--color-orange);background:#ff66001f}.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 #ff2d7826}.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:5000;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-pink);background:#ff2d781f}.categoryTab.active{color:#fff;background:linear-gradient(135deg,#ff2d78,#7b26ff);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:#7b26ff26;border-color:var(--color-purple);color:var(--color-purple)}.pickerItem.active{background:linear-gradient(135deg,#7b26ff,#ff2d78);border-color:var(--color-purple);color:#fff;box-shadow:var(--shadow-glow-purple)}.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:#7b26ff1f;border:1px solid var(--color-purple);border-radius:var(--radius-md);color:var(--color-purple);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,#1a1a2e,#2d2b55);animation:fadeIn .5s ease-out;padding:2rem}.analysisContainer{background:linear-gradient(135deg,#2d2b55,#3b3870);border-radius:20px;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #ff2d781a;max-width:800px;width:100%;border:1px solid rgba(255,45,120,.2)}.scannerEffect{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#FF2D78 30%,#76FF03 70%,transparent 100%);animation:scanner 2s ease-in-out infinite;box-shadow:0 0 20px #ff2d78}@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:#ff2d781a;border-color:#ff2d78;box-shadow:0 0 20px #ff2d7833}.phaseIcon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff2d78,#f60);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px #ff2d784d}.analysisPhase.active .phaseIcon{animation:pulse 1.5s ease-in-out infinite}.phaseIcon svg{width:28px;height:28px;stroke:#fff;stroke-width:2.5}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #ff2d784d}50%{transform:scale(1.1);box-shadow:0 4px 25px #ff2d7899}}.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,#7b26ff,#ff2d78,#f60 66%,#76ff03);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 #ff2d78}@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:Nunito,Courier New,monospace;font-size:.8rem;color:#ff2d78;white-space:nowrap;animation:matrixFall 3s linear infinite;text-shadow:0 0 5px #FF2D78}.matrixColumn:nth-child(2n){color:#76ff03;text-shadow:0 0 5px #76FF03}.matrixColumn:nth-child(3n+1){color:#7b26ff;text-shadow:0 0 5px #7B26FF}.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:700;color:#fff;background:linear-gradient(135deg,#ff2d78,#f60);border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff2d7866}.resetPredictionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff2d7899}.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:900;background:linear-gradient(135deg,#ff2d78,#f60,#76ff03 66%,#00ced1);-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:10px;height:10px;background:#ff2d78;border-radius:50%;top:50%;left:50%;animation:sparkleAnimation 2s ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 0 12px #ff2d78}.sparkle:nth-child(2n){background:#76ff03;box-shadow:0 0 12px #76ff03}.sparkle:nth-child(3n){background:#f60;box-shadow:0 0 12px #f60}.sparkle:nth-child(4n+1){background:#7b26ff;box-shadow:0 0 12px #7b26ff}@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,#76ff03,#00ced1);border-radius:10px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #76ff0380}.statBar.danger .statBarFill{background:linear-gradient(90deg,#ff2d78,#f60);box-shadow:0 0 10px #ff2d7880}.predStatValue{font-size:1.8rem;font-weight:700;color:#76ff03;margin:.3rem 0;text-shadow:0 0 10px rgba(118,255,3,.3)}.predStatValue.negative{color:#ff2d78;text-shadow:0 0 10px rgba(255,45,120,.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-orange)}.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 #ff2d7826}.historyTableWrapper{width:100%;min-width:0;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.historyTable{width:100%;border-collapse:collapse;table-layout:fixed}.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-pink)}.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-pink)}.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-cyan)}.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{color:var(--color-text-muted);font-size:.8125rem}.historyMemoText{display:block;max-width:var(--history-memo-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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:#ff2d781f;border-color:var(--color-pink);color:var(--color-pink)}.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:0 var(--space-md)}.navBtn{padding:0 var(--space-md);font-size:.875rem}.navBtn span{display:none}.dateTimeGroup{flex-direction:column;align-items:stretch}.customDateInputs{width:100%}.statsColumn,.mentalColumn,.numberInputGrid{grid-template-columns:1fr}.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 #7b26ff4d}.pickerItem.active:before{background:linear-gradient(135deg,#7b26ff4d,#ff2d7880)}.pickerItem.active .pickerItemText{color:#fff;text-shadow:0 2px 6px rgba(123,38,255,1),0 0 16px rgba(255,45,120,.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 #7b26ff33}.weaponSelectBtn.selected:before{background:linear-gradient(135deg,#7b26ff40,#ff2d7866)}.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,#7b26ff14,#ff2d7814)}.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,#7b26ff40,#ff2d7866)}.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%;gap:var(--space-sm)}.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}.headerUserRow .quickBtn{min-width:auto;height:2.4rem;padding:0 .625rem;font-size:.75rem}.adminListItem{flex-direction:column;align-items:flex-start}}.modernAuthSection{max-width:600px;border-color:#ff2d7840;background:radial-gradient(circle at top right,rgba(255,45,120,.15),transparent 40%),radial-gradient(circle at bottom left,rgba(118,255,3,.08),transparent 42%),radial-gradient(circle at top left,rgba(123,38,255,.1),transparent 45%),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:linear-gradient(135deg,#ff2d78,#f60);box-shadow:0 4px 12px #ff2d784d;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:#ff2d781f}.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-pink);border-color:var(--color-pink);background:#ff2d781f}.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}}.appContainer:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 120px 100px at 5% 15%,rgba(255,45,120,.05) 0%,transparent 70%),radial-gradient(ellipse 80px 120px at 95% 10%,rgba(118,255,3,.04) 0%,transparent 70%),radial-gradient(ellipse 100px 80px at 90% 85%,rgba(123,38,255,.05) 0%,transparent 70%),radial-gradient(ellipse 90px 110px at 10% 90%,rgba(255,102,0,.04) 0%,transparent 70%),radial-gradient(ellipse 60px 60px at 50% 5%,rgba(0,206,209,.04) 0%,transparent 70%),radial-gradient(ellipse 70px 50px at 30% 50%,rgba(255,45,120,.03) 0%,transparent 70%),radial-gradient(ellipse 50px 70px at 75% 45%,rgba(118,255,3,.03) 0%,transparent 70%)}.appContainer:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 150px 40px at 20% 30%,rgba(123,38,255,.04) 0%,transparent 70%),radial-gradient(ellipse 40px 130px at 80% 60%,rgba(255,45,120,.03) 0%,transparent 70%),radial-gradient(ellipse 110px 50px at 60% 95%,rgba(118,255,3,.04) 0%,transparent 70%),radial-gradient(ellipse 45px 100px at 40% 70%,rgba(255,102,0,.03) 0%,transparent 70%)}.appContainer>.appHeader{z-index:100}.appContainer>.navigation{z-index:150;padding-top:var(--space-sm);padding-bottom:var(--space-sm);align-items:center}.submitBtn{position:relative;overflow:hidden}.submitBtn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.submitBtn:hover:not(:disabled):after{width:300px;height:300px}.inputSection:before,.predictionSection:before,.historySection:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7b26ff,#ff2d78,#f60 66%,#76ff03);opacity:.9}.inputSection:after,.predictionSection:after{content:"";position:absolute;top:4px;left:0;right:0;height:6px;background:radial-gradient(ellipse 12px 6px at 10% 0%,rgba(123,38,255,.4) 0%,transparent 100%),radial-gradient(ellipse 8px 5px at 25% 0%,rgba(255,45,120,.3) 0%,transparent 100%),radial-gradient(ellipse 10px 6px at 45% 0%,rgba(255,102,0,.3) 0%,transparent 100%),radial-gradient(ellipse 14px 6px at 65% 0%,rgba(118,255,3,.3) 0%,transparent 100%),radial-gradient(ellipse 9px 5px at 85% 0%,rgba(255,45,120,.3) 0%,transparent 100%);pointer-events:none}.statCard:after,.mentalCard:after,.numberInputCard:after{content:"";position:absolute;bottom:-5px;right:-5px;width:30px;height:30px;background:radial-gradient(circle,rgba(255,45,120,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.statCard.win:after{background:radial-gradient(circle,rgba(118,255,3,.1) 0%,transparent 70%)}.statCard.loss:after{background:radial-gradient(circle,rgba(255,45,120,.1) 0%,transparent 70%)}.modernAuthSection:after{content:"";position:absolute;top:-10px;right:-10px;width:80px;height:80px;background:radial-gradient(circle,rgba(118,255,3,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.modernAuthSection:before{content:"";position:absolute;bottom:-15px;left:-15px;width:100px;height:100px;background:radial-gradient(circle,rgba(123,38,255,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}:root{--color-bg: #090f17;--color-surface: #161f2a;--color-surface-elevated: #1f2a37;--color-border: rgba(17, 231, 255, .28);--color-border-focus: rgba(255, 58, 180, .65);--color-text-primary: #f5fbff;--color-text-secondary: #c6d9ea;--color-text-muted: #8ea4bb;--color-pink: #ff3ab4;--color-green: #b7ff26;--color-orange: #ff8e00;--color-purple: #8134ff;--color-cyan: #11e7ff;--color-yellow: #efff3d;--color-primary: #ff3ab4;--color-primary-hover: #ff8e00;--color-primary-light: rgba(255, 58, 180, .16);--color-success: #b7ff26;--color-success-light: rgba(183, 255, 38, .14);--color-error: #ff4f86;--color-error-light: rgba(255, 79, 134, .14);--color-warning: #ff8e00;--gradient-primary: linear-gradient(125deg, #ff3ab4 0%, #ff8e00 55%, #efff3d 100%);--gradient-success: linear-gradient(135deg, #b7ff26 0%, #11e7ff 100%);--gradient-ink: linear-gradient(135deg, #8134ff 0%, #ff3ab4 45%, #b7ff26 100%);--gradient-card: linear-gradient(135deg, rgba(129, 52, 255, .14) 0%, rgba(17, 231, 255, .12) 100%);--shadow-glow: 0 0 22px rgba(255, 58, 180, .42);--shadow-glow-green: 0 0 22px rgba(183, 255, 38, .4);--shadow-glow-purple: 0 0 22px rgba(129, 52, 255, .44);--shadow-glow-orange: 0 0 22px rgba(255, 142, 0, .42)}body{background:radial-gradient(circle at 12% 8%,rgba(255,58,180,.18) 0%,transparent 34%),radial-gradient(circle at 86% 12%,rgba(183,255,38,.16) 0%,transparent 36%),radial-gradient(circle at 80% 84%,rgba(17,231,255,.16) 0%,transparent 38%),radial-gradient(circle at 18% 86%,rgba(129,52,255,.16) 0%,transparent 36%),var(--color-bg)}.appContainer{background:radial-gradient(ellipse 85% 60% at 14% 10%,rgba(129,52,255,.12) 0%,transparent 70%),radial-gradient(ellipse 65% 85% at 87% 20%,rgba(255,58,180,.12) 0%,transparent 72%),radial-gradient(ellipse 75% 55% at 72% 80%,rgba(183,255,38,.1) 0%,transparent 72%),radial-gradient(ellipse 56% 74% at 22% 76%,rgba(255,142,0,.1) 0%,transparent 72%),linear-gradient(145deg,#0a1018,#111523 48%,#0f1a23)}.appHeader,.navigation{background:#0a1018e0;border-bottom-color:#11e7ff42}.appTitle{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:#f5ffc7;text-shadow:0 0 10px rgba(17,231,255,.18),0 0 18px rgba(255,58,180,.12)}.headerBadge{background:#ff3ab42e;color:#ffe5f6;border-color:#ff3ab46b}.navBtn{background:#151e2adb;border-color:#11e7ff47;color:#d7e6f7}.navBtn:hover{background:#1c313ceb;border-color:#b7ff266b;color:#f5ffc7;box-shadow:0 0 14px #b7ff2633}.navBtn.active{background:linear-gradient(120deg,#ff3ab4,#ff8e00 62%,#efff3d);border-color:#efff3db3;color:#161616;box-shadow:0 0 20px #ff3ab457}.inputSection,.predictionSection,.historySection,.statCard,.mentalCard,.numberInputCard,.historyTableWrapper,.historyCard,.adminCard{box-shadow:0 0 0 1px #ffffff0a,0 12px 26px #0000005c}.submitBtn,.categoryTab.active{color:#171717;text-shadow:0 1px 0 rgba(255,255,255,.25)}.mainPrediction,.predStat,.predictionNote{box-shadow:inset 0 0 0 1px #11e7ff1a}.historyTable thead{background:linear-gradient(90deg,#8134ff2e,#11e7ff1a)}.historyTable tbody tr:hover{background:linear-gradient(90deg,#ff3ab424,#ff8e001a)}.messageBox.success{border-color:#b7ff2673}.messageBox.error{border-color:#ff4f8673}.pickerOverlay{background:#04080ec7}.pickerItem:before,.selectBtn:before,.weaponSelectBtn:before{background:linear-gradient(140deg,#00000038,#00000080)}.pickerItem.active:before,.weaponSelectBtn.selected:before{background:linear-gradient(135deg,#8134ff47,#ff3ab480)}.historyList{display:none;grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.historyCard{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);overflow:hidden;width:100%;min-width:0}.historyCardSummary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xs) var(--space-sm);align-items:center;padding:var(--space-md)}.historyCardSummary::-webkit-details-marker{display:none}.historyCardSummary::marker{content:""}.historyCardSummary .historyDate,.historyCardSummary .historyWeapon,.historyCardSummary .historyWinRate{min-width:0}.historyCardSummary .historyWeapon{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.historyCardDetails{display:grid;gap:var(--space-sm);padding:0 var(--space-md) var(--space-md);border-top:1px solid var(--color-border);min-width:0}.historyRow{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);color:var(--color-text-secondary);font-size:.875rem}.historyRow strong{min-width:0;text-align:right;overflow-wrap:anywhere}.historyMemoCard{padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);overflow-wrap:anywhere}.historyDeleteBtn{width:100%;justify-content:center}@media(max-width:1024px){.historyTableWrapper{display:none}.historyList{display:grid}}@media(max-width:768px){.mainContent{padding:var(--space-md) var(--space-sm)}.inputSection,.predictionSection,.historySection{padding:var(--space-md)}.inputForm>*,.formGroup,.counterControl,.numberInputRow,.weaponDisplay,.historySection,.recordInputSection{min-width:0}.filterControls,.statsColumn,.mentalColumn,.numberInputGrid,.stageGrid{grid-template-columns:minmax(0,1fr)}.dateTimeGroup{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);align-items:stretch}.customDateInputs{grid-column:1 / -1;width:100%;min-width:0;gap:var(--space-xs);padding:0 var(--space-sm)}.datePartInput{width:3.2rem}.datePartInput.short,.timeInput{width:2.4rem}.quickBtn{min-width:0;width:100%;justify-content:center;padding:0 var(--space-sm);font-size:.8125rem}.counterControl{gap:var(--space-xs)}.counterBtn{width:2.5rem;height:2.5rem}.counterInput{min-width:0;height:3rem;font-size:1.25rem}.statCard,.mentalCard,.numberInputCard{padding:var(--space-md)}.historyMemoText{max-width:12rem}}@media(max-width:480px){.dateTimeGroup{grid-template-columns:1fr}.quickCounterRow,.xpQuickRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.quickBtn{height:2.6rem}}.adminMobileOnly{display:none}.adminSessionList,.adminEvalRows{gap:var(--space-sm)}.adminEvalSummary{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);overflow:hidden}.adminViewContainer .adminActions{flex-wrap:wrap}@media(max-width:1024px){.adminViewContainer .adminTableOnly{display:none}.adminViewContainer .adminMobileOnly{display:grid}}@media(max-width:768px){.adminViewContainer .adminGrid,.adminViewContainer .filterControls{grid-template-columns:minmax(0,1fr)}.adminViewContainer .adminCard .quickBtn{width:100%;justify-content:center}.adminViewContainer .adminCard,.adminViewContainer .adminListItem,.adminViewContainer .historyCard,.adminViewContainer .historyCardSummary,.adminViewContainer .historyCardDetails,.adminViewContainer .historyRow{min-width:0}}.headerUserRow{gap:var(--space-sm)}.headerUserRow .appTitle{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.headerUserRow .headerBadge,.headerUserRow .headerUserInfo,.headerUserRow .quickBtn{flex-shrink:0}.headerUserRow .quickBtn{width:auto;margin-left:var(--space-sm)}@media(max-width:980px){.headerUserRow .headerBadge{display:none}}@media(max-width:768px){.headerUserRow .quickBtn{width:auto;min-width:auto;height:2.4rem;padding:0 .625rem;font-size:.75rem}}.appContainer:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;background:radial-gradient(120px 90px at 12% 18%,rgba(255,45,120,.22),transparent 70%),radial-gradient(150px 110px at 82% 22%,rgba(118,255,3,.18),transparent 72%),radial-gradient(140px 120px at 70% 78%,rgba(0,206,209,.16),transparent 70%),radial-gradient(160px 120px at 22% 78%,rgba(255,102,0,.14),transparent 72%),radial-gradient(90px 70px at 50% 50%,rgba(123,38,255,.1),transparent 70%);filter:blur(.2px)}.appContainer>*{position:relative;z-index:1}.matchesViewContainer,.adminViewContainer{display:grid;gap:var(--space-lg)}.matchResult{font-weight:900;letter-spacing:.04em;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:#ffffff08}.matchResultWin{color:var(--color-green);border-color:#76ff0359;box-shadow:0 0 18px #76ff031f}.matchResultLose{color:var(--color-pink);border-color:#ff2d7859;box-shadow:0 0 18px #ff2d781f}.matchResultOther{color:var(--color-text-secondary)}.historySection,.historyCard,.historyTableWrapper,.adminCard{position:relative;overflow:hidden}.historySection:before,.historyCard:before,.historyTableWrapper:before,.adminCard:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#7b26ff,#ff2d78,#f60 66%,#76ff03);opacity:.95}.adminListItem:hover{background:#ffffff0a;border-color:#ff2d7838}.scoreWin{text-shadow:0 0 16px rgba(118,255,3,.18)}.scoreLoss{text-shadow:0 0 16px rgba(255,45,120,.16)}.textMuted{color:var(--color-text-muted)}.monoText{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}