:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f4f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-gradient:linear-gradient(135deg, #07080c 0%, #12141c 100%);--panel-bg:#161923a6;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-highlight:#ffffff26;--primary-accent:#3b82f6;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--text-muted:#9ca3af;--text-bright:#fff;--border-radius-lg:20px;--border-radius-md:12px;--border-radius-sm:8px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--gp-hp-glow:0 0 15px #8a1c1480;--gp-hp-grad:linear-gradient(135deg, #8a1c1440 0%, #d4af371a 100%);--gp-hp-border:#d4af374d;--gp-hp-accent:gold;--gp-avatar-glow:0 0 15px #00d2ff80;--gp-avatar-grad:linear-gradient(135deg, #00d2ff33 0%, #0082ff26 100%);--gp-avatar-border:#00d2ff59;--gp-avatar-accent:#00d2ff;--gp-ej-glow:0 0 15px #ff007f80;--gp-ej-grad:linear-gradient(135deg, #ff007f40 0%, #7f00ff33 100%);--gp-ej-border:#ff007f59;--gp-ej-accent:#ff007f;--gp-gf-glow:0 0 15px #900c3f80;--gp-gf-grad:linear-gradient(135deg, #141414cc 0%, #900c3f40 100%);--gp-gf-border:#900c3f66;--gp-gf-accent:#e31b23;--gp-gnr-glow:0 0 15px #f4c43066;--gp-gnr-grad:linear-gradient(135deg, #2c2c2cb3 0%, #f4c43033 100%);--gp-gnr-border:#f4c43059;--gp-gnr-accent:#f4c430;--gp-ts4-glow:0 0 15px #30d5c866;--gp-ts4-grad:linear-gradient(135deg, #30d5c833 0%, #ff450026 100%);--gp-ts4-border:#30d5c859;--gp-ts4-accent:#30d5c8;background-color:#0c0d12;font-family:Outfit,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg-gradient);justify-content:center;min-height:100vh;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;max-width:500px;min-height:100vh;padding:16px 16px 40px;display:flex}h1,h2,h3,h4{color:var(--text-bright);font-weight:700}h1{letter-spacing:-.5px;font-size:1.8rem}h2{margin-bottom:12px;font-size:1.4rem}p{color:var(--text-muted)}.tab-navigation{border-radius:var(--border-radius-md);border:1px solid var(--glass-border);background:#ffffff08;gap:4px;margin-bottom:20px;padding:6px;display:flex}.tab-button{color:var(--text-muted);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 0;font-size:.95rem;font-weight:600;display:flex}.tab-button.active{color:var(--text-bright);background:#ffffff14;box-shadow:0 4px 12px #0003}.glass-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);transition:var(--transition-smooth);margin-bottom:16px;padding:20px;box-shadow:0 10px 30px #0000004d}.game-card{border-radius:var(--border-radius-lg);transition:var(--transition-smooth);border:1px solid #ffffff0d;margin-bottom:16px;padding:16px;position:relative;overflow:hidden}.game-card:before{content:"";z-index:0;opacity:.4;transition:var(--transition-smooth);position:absolute;inset:0}.game-card.hp:before{background:var(--gp-hp-grad)}.game-card.avatar:before{background:var(--gp-avatar-grad)}.game-card.ej:before{background:var(--gp-ej-grad)}.game-card.gf:before{background:var(--gp-gf-grad)}.game-card.gnr:before{background:var(--gp-gnr-grad)}.game-card.ts4:before{background:var(--gp-ts4-grad)}.game-card.hp{border-color:var(--gp-hp-border)}.game-card.avatar{border-color:var(--gp-avatar-border)}.game-card.ej{border-color:var(--gp-ej-border)}.game-card.gf{border-color:var(--gp-gf-border)}.game-card.gnr{border-color:var(--gp-gnr-border)}.game-card.ts4{border-color:var(--gp-ts4-border)}.game-card.active-input{box-shadow:0 8px 25px #ffffff0d}.game-card.hp.active-input{box-shadow:var(--gp-hp-glow)}.game-card.avatar.active-input{box-shadow:var(--gp-avatar-glow)}.game-card.ej.active-input{box-shadow:var(--gp-ej-glow)}.game-card.gf.active-input{box-shadow:var(--gp-gf-glow)}.game-card.gnr.active-input{box-shadow:var(--gp-gnr-glow)}.game-card.ts4.active-input{box-shadow:var(--gp-ts4-glow)}.game-card-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex;position:relative}.game-title-container{align-items:center;gap:10px;display:flex}.game-badge-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.hp .game-badge-dot{background-color:var(--gp-hp-accent)}.avatar .game-badge-dot{background-color:var(--gp-avatar-accent)}.ej .game-badge-dot{background-color:var(--gp-ej-accent)}.gf .game-badge-dot{background-color:var(--gp-gf-accent)}.gnr .game-badge-dot{background-color:var(--gp-gnr-accent)}.ts4 .game-badge-dot{background-color:var(--gp-ts4-accent)}.game-name{text-shadow:0 2px 4px #00000080;font-size:1.15rem;font-weight:700}.clear-card-btn{color:var(--text-muted);cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.clear-card-btn:hover{color:var(--text-bright);background:#ffffff26}.input-container{z-index:1;position:relative}.score-input-wrapper{align-items:center;gap:10px;display:flex}.score-input-wrapper .score-input{flex:1}.camera-btn{color:var(--text-bright);border-radius:var(--border-radius-md);cursor:pointer;width:50px;height:50px;transition:var(--transition-smooth);background:#0006;border:1.5px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.camera-btn:hover{background:#ffffff14;border-color:#ffffff4d}.camera-btn:active{transform:translateY(1px)}.camera-icon{opacity:.8;width:22px;height:22px;transition:var(--transition-smooth)}.camera-btn:hover .camera-icon{opacity:1;transform:scale(1.08)}.hp .camera-btn:hover{border-color:var(--gp-hp-accent);color:var(--gp-hp-accent)}.avatar .camera-btn:hover{border-color:var(--gp-avatar-accent);color:var(--gp-avatar-accent)}.ej .camera-btn:hover{border-color:var(--gp-ej-accent);color:var(--gp-ej-accent)}.gf .camera-btn:hover{border-color:var(--gp-gf-accent);color:var(--gp-gf-accent)}.gnr .camera-btn:hover{border-color:var(--gp-gnr-accent);color:var(--gp-gnr-accent)}.ts4 .camera-btn:hover{border-color:var(--gp-ts4-accent);color:var(--gp-ts4-accent)}.score-input{color:#fff;border-radius:var(--border-radius-md);text-align:right;width:100%;transition:var(--transition-smooth);background:#0006;border:1.5px solid #ffffff1a;padding:14px 16px;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:600}.score-input:focus{background:#0009;border-color:#fff6;outline:none}.hp .score-input:focus{border-color:var(--gp-hp-accent)}.avatar .score-input:focus{border-color:var(--gp-avatar-accent)}.ej .score-input:focus{border-color:var(--gp-ej-accent)}.gf .score-input:focus{border-color:var(--gp-gf-accent)}.gnr .score-input:focus{border-color:var(--gp-gnr-accent)}.ts4 .score-input:focus{border-color:var(--gp-ts4-accent)}.diff-container{z-index:1;justify-content:space-between;align-items:center;min-height:18px;margin-top:10px;font-size:.85rem;display:flex;position:relative}.diff-container-stack{z-index:1;flex-direction:column;gap:6px;margin-top:10px;display:flex;position:relative}.diff-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;min-height:18px;font-size:.85rem;display:flex}.target-label-container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.opportunity-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:.65rem;font-weight:700;line-height:1.3;display:inline-flex}.opportunity-badge.pb-badge{color:#000;background:linear-gradient(135deg,#f59e0b 0%,#f50 100%);animation:2s infinite pulsePbOpp;box-shadow:0 0 6px #f59e0b4d}.opportunity-badge.derby-badge{color:#000;background:linear-gradient(135deg,#00d2ff 0%,#0082ff 100%);animation:2s infinite pulseDerbyOpp;box-shadow:0 0 6px #00d2ff4d}.opportunity-highlight.pb-opp .target-label{color:#f59e0b;text-shadow:0 0 4px #f59e0b33;font-weight:600}.opportunity-highlight.derby-opp .target-label{color:#00d2ff;text-shadow:0 0 4px #00d2ff33;font-weight:600}@keyframes pulsePbOpp{0%{transform:scale(1);box-shadow:0 0 4px #f59e0b33}50%{transform:scale(1.02);box-shadow:0 0 8px #f59e0b66}to{transform:scale(1);box-shadow:0 0 4px #f59e0b33}}@keyframes pulseDerbyOpp{0%{transform:scale(1);box-shadow:0 0 4px #00d2ff33}50%{transform:scale(1.02);box-shadow:0 0 8px #00d2ff66}to{transform:scale(1);box-shadow:0 0 4px #00d2ff33}}.opportunity-summary-box{border-radius:var(--border-radius-md);background:#ffffff05;border:1px solid #ffffff0f;margin-top:4px;padding:8px 12px}.opportunity-summary-title{text-transform:uppercase;color:var(--warning-color);letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:6px;font-size:.72rem;font-weight:700;display:flex}.opportunity-summary-rows{flex-direction:column;gap:4px;display:flex}.opportunity-summary-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.opportunity-summary-row span{font-weight:500}.opportunity-summary-row strong{color:var(--text-bright)}.opp-gap-val{color:var(--danger-color);margin-left:4px;font-weight:600}.holder-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.target-label{color:var(--text-muted)}.diff-value{transition:var(--transition-smooth);border-radius:4px;padding:2px 8px;font-weight:600}.diff-beat{color:#10b981;background:#10b9811f;border:1px solid #10b98140;animation:2s infinite pulseBeat}.diff-behind{color:#a1a1aa;background:#ffffff08}.diff-even{color:var(--text-muted)}@keyframes pulseBeat{0%{transform:scale(1);box-shadow:0 0 #10b9814d}50%{transform:scale(1.02);box-shadow:0 0 8px 2px #10b98126}to{transform:scale(1);box-shadow:0 0 #10b98100}}.score-calculator-form{padding-bottom:280px}.running-total-bar{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:100;background:#0c0d12eb;flex-direction:column;gap:8px;width:100%;max-width:500px;padding:16px 20px 24px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 30px #00000080}.led-display-container{border-radius:var(--border-radius-md);background:#000;border:2px solid #222;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;box-shadow:inset 0 0 10px #000c}.led-label{text-transform:uppercase;color:#f50;letter-spacing:1px;text-shadow:0 0 4px #ff550080;font-size:.8rem;font-weight:700}.led-value{color:#f50;letter-spacing:1px;text-shadow:0 0 8px #f50c;font-family:Courier New,Courier,monospace;font-size:1.65rem;font-weight:800}.led-value.new-high{color:#39ff14;text-shadow:0 0 8px #39ff14cc}.overall-diff{color:var(--text-muted);justify-content:space-between;font-size:.85rem;display:flex}.overall-diffs-container{flex-direction:column;gap:4px;margin-top:4px;display:flex}.overall-diff-row{color:var(--text-muted);justify-content:space-between;font-size:.82rem;display:flex}.diff-row-label{font-weight:500}.overall-diff-val{font-weight:600}.overall-diff-val.beat{color:var(--success-color);text-shadow:0 0 6px #10b98166}.action-buttons-group{gap:12px;margin-top:8px;margin-bottom:24px;display:flex}.btn{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1rem;font-weight:700;display:flex}.btn-secondary{color:var(--text-bright);border:1px solid var(--glass-border);background:#ffffff14}.btn-secondary:hover{background:#ffffff1f}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 15px #2563eb4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.btn-primary:active{transform:translateY(1px)}.stats-section-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:flex-end;margin-bottom:16px;padding-bottom:8px;display:flex}.stats-section-title{font-size:1.15rem;font-weight:700}.stats-section-total{color:var(--success-color);font-size:1.25rem;font-weight:800}.stats-grid{flex-direction:column;gap:10px;display:flex}.stats-item{border-radius:var(--border-radius-sm);background:#ffffff05;border:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.stats-item-game{align-items:center;gap:8px;font-weight:500;display:flex}.stats-item-score{font-family:monospace;font-weight:700}.stats-item-score-container{flex-direction:column;align-items:flex-end;display:flex}.stats-item-holder{color:var(--text-muted);margin-top:1px;font-size:.72rem;font-weight:500}.stats-section-total-group{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.total-stat-item{align-items:center;gap:6px;display:flex}.total-stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600}.no-data-msg{text-align:center;color:var(--text-muted);padding:30px;font-style:italic}.history-list{flex-direction:column;gap:12px;display:flex}.history-card{border:1px solid var(--glass-border);border-radius:var(--border-radius-md);transition:var(--transition-smooth);background:#ffffff05;padding:16px;position:relative}.history-card.is-pb{background:linear-gradient(135deg,#10b98108 0%,#ffffff05 100%);border-color:#10b98159;box-shadow:0 4px 15px #10b9810d}.history-card-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.history-date{color:var(--text-muted);font-size:.8rem}.history-total{font-size:1.15rem;font-weight:800}.history-card.is-pb .history-total{color:var(--success-color)}.history-pb-badge{text-transform:uppercase;background:var(--success-color);color:#000;border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:700}.history-games-grid{grid-template-columns:1fr 1fr;gap:6px 12px;font-size:.85rem;display:grid}.history-game-row{color:var(--text-muted);justify-content:space-between;display:flex}.history-game-name{white-space:nowrap;text-overflow:ellipsis;max-width:110px;overflow:hidden}.history-game-score{color:var(--text-bright);font-weight:600}.delete-history-btn{color:var(--danger-color);cursor:pointer;opacity:.6;transition:var(--transition-smooth);background:0 0;border:none;padding:4px;font-size:.8rem}.delete-history-btn:hover{opacity:1}.app-header{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:24px;display:flex}.app-title-glow{text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,gold 0%,#ff007f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #ff007f4d);-webkit-background-clip:text}.app-subtitle{color:var(--text-muted);font-size:.85rem;font-weight:500}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.modal-container{border-radius:var(--border-radius-lg);background:#14161ef2;border:1px solid #ffffff1a;flex-direction:column;gap:16px;width:90%;max-width:380px;padding:24px;animation:.25s cubic-bezier(.4,0,.2,1) modalSlideUp;display:flex;box-shadow:0 15px 40px #0009,0 0 25px #ef44441a}.modal-title{color:var(--text-bright);font-size:1.3rem;font-weight:700}.modal-message{color:var(--text-muted);font-size:.95rem;line-height:1.5}.modal-buttons{gap:12px;margin-top:8px;display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.photo-viewer-overlay{z-index:1000;pointer-events:none;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.photo-viewer-container{pointer-events:auto;-webkit-backdrop-filter:blur(20px);z-index:1001;background:#0f111af5;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-width:500px;height:65vh;animation:.3s cubic-bezier(.16,1,.3,1) photoViewerSlideUp;display:flex;overflow:hidden;box-shadow:0 -10px 40px #00000080}@keyframes photoViewerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.photo-viewer-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.photo-viewer-title-container{flex-shrink:0;align-items:center;gap:8px;display:flex}.photo-viewer-dot{border-radius:50%;width:8px;height:8px}.photo-viewer-game-name{color:var(--text-bright);font-size:.95rem;font-weight:700}.photo-viewer-header-input-wrapper{flex:1;max-width:160px}.photo-viewer-score-input{color:#fff;border-radius:var(--border-radius-sm);text-align:right;width:100%;transition:var(--transition-smooth);background:#00000080;border:1px solid #ffffff26;padding:8px 12px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.photo-viewer-score-input:focus{border-color:var(--primary-accent);background:#000000b3;outline:none}.photo-viewer-container.hp .photo-viewer-score-input:focus{border-color:var(--gp-hp-accent)}.photo-viewer-container.avatar .photo-viewer-score-input:focus{border-color:var(--gp-avatar-accent)}.photo-viewer-container.ej .photo-viewer-score-input:focus{border-color:var(--gp-ej-accent)}.photo-viewer-container.gf .photo-viewer-score-input:focus{border-color:var(--gp-gf-accent)}.photo-viewer-container.gnr .photo-viewer-score-input:focus{border-color:var(--gp-gnr-accent)}.photo-viewer-container.ts4 .photo-viewer-score-input:focus{border-color:var(--gp-ts4-accent)}.photo-viewer-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:2px 8px;font-size:1.6rem;line-height:1}.photo-viewer-close-btn:hover{color:var(--text-bright)}.photo-viewer-workspace{touch-action:none;-webkit-user-select:none;user-select:none;background:#06070a;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo-viewer-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%}.photo-viewer-controls{-webkit-backdrop-filter:blur(10px);z-index:10;background:#0c0d12d9;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}.photo-viewer-controls .control-btn{color:var(--text-bright);cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.photo-viewer-controls .control-btn:hover:not(:disabled){background:#fff3}.photo-viewer-controls .control-btn:disabled{opacity:.4;cursor:not-allowed}.photo-viewer-controls .reset-btn{border-radius:16px;width:auto;height:32px;padding:0 12px;font-size:.85rem}.scale-indicator{color:var(--text-muted);text-align:center;min-width:48px;font-family:monospace;font-size:.9rem;font-weight:600}.tips-btn{color:var(--text-muted);cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.tips-btn:hover{color:var(--warning-color);background:#ffffff1f;border-color:#f59e0b66;box-shadow:0 0 8px #f59e0b33}.hp .tips-btn:hover{color:var(--gp-hp-accent);border-color:#d4af3780}.avatar .tips-btn:hover{color:var(--gp-avatar-accent);border-color:#00d2ff80}.ej .tips-btn:hover{color:var(--gp-ej-accent);border-color:#ff007f80}.gf .tips-btn:hover{color:var(--gp-gf-accent);border-color:#900c3f80}.gnr .tips-btn:hover{color:var(--gp-gnr-accent);border-color:#f4c43080}.ts4 .tips-btn:hover{color:var(--gp-ts4-accent);border-color:#30d5c880}.tips-modal-container{flex-direction:column;max-width:420px;max-height:80vh;display:flex}.tips-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.tips-modal-title-group{align-items:center;gap:10px;display:flex}.tips-modal-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;display:flex}.tips-modal-close-btn:hover{color:var(--text-bright);background:#ffffff14}.tips-modal-body{max-height:50vh;padding:12px 0 8px;overflow-y:auto}.tips-list{flex-direction:column;gap:12px;list-style:none;display:flex}.tips-item{align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.5;display:flex}.tip-step-badge{color:var(--text-bright);width:22px;height:22px;transition:var(--transition-smooth);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:700;display:inline-flex}.tip-text{color:#e5e7eb}.game-tips-hp{border-color:var(--gp-hp-border);box-shadow:0 15px 40px #0009, var(--gp-hp-glow)}.game-tips-hp .tip-step-badge{border-color:var(--gp-hp-border);color:var(--gp-hp-accent);background:#d4af3726}.tips-badge-hp{background-color:var(--gp-hp-accent)}.game-tips-avatar{border-color:var(--gp-avatar-border);box-shadow:0 15px 40px #0009, var(--gp-avatar-glow)}.game-tips-avatar .tip-step-badge{border-color:var(--gp-avatar-border);color:var(--gp-avatar-accent);background:#00d2ff26}.tips-badge-avatar{background-color:var(--gp-avatar-accent)}.game-tips-ej{border-color:var(--gp-ej-border);box-shadow:0 15px 40px #0009, var(--gp-ej-glow)}.game-tips-ej .tip-step-badge{border-color:var(--gp-ej-border);color:var(--gp-ej-accent);background:#ff007f26}.tips-badge-ej{background-color:var(--gp-ej-accent)}.game-tips-gf{border-color:var(--gp-gf-border);box-shadow:0 15px 40px #0009, var(--gp-gf-glow)}.game-tips-gf .tip-step-badge{border-color:var(--gp-gf-border);color:var(--gp-gf-accent);background:#900c3f26}.tips-badge-gf{background-color:var(--gp-gf-accent)}.game-tips-gnr{border-color:var(--gp-gnr-border);box-shadow:0 15px 40px #0009, var(--gp-gnr-glow)}.game-tips-gnr .tip-step-badge{border-color:var(--gp-gnr-border);color:var(--gp-gnr-accent);background:#f4c43026}.tips-badge-gnr{background-color:var(--gp-gnr-accent)}.game-tips-ts4{border-color:var(--gp-ts4-border);box-shadow:0 15px 40px #0009, var(--gp-ts4-glow)}.game-tips-ts4 .tip-step-badge{border-color:var(--gp-ts4-border);color:var(--gp-ts4-accent);background:#30d5c826}.tips-badge-ts4{background-color:var(--gp-ts4-accent)}.no-tips-msg{text-align:center;color:var(--text-muted);padding:24px 12px}.no-tips-sub{opacity:.8;margin-top:12px;font-size:.8rem;line-height:1.6}.no-tips-sub code{color:var(--text-bright);background:#0006;border-radius:4px;margin-top:6px;padding:2px 6px;font-family:monospace;display:inline-block}.game-tips-hp .btn-primary{border:1px solid var(--gp-hp-border);background:linear-gradient(135deg,#8a1c14 0%,#d4af37 100%);box-shadow:0 4px 12px #8a1c144d}.game-tips-hp .btn-primary:hover{box-shadow:0 6px 16px #8a1c1480, var(--gp-hp-glow)}.game-tips-avatar .btn-primary{border:1px solid var(--gp-avatar-border);background:linear-gradient(135deg,#0082ff 0%,#00d2ff 100%);box-shadow:0 4px 12px #0082ff4d}.game-tips-avatar .btn-primary:hover{box-shadow:0 6px 16px #0082ff80, var(--gp-avatar-glow)}.game-tips-ej .btn-primary{border:1px solid var(--gp-ej-border);background:linear-gradient(135deg,#7f00ff 0%,#ff007f 100%);box-shadow:0 4px 12px #ff007f4d}.game-tips-ej .btn-primary:hover{box-shadow:0 6px 16px #ff007f80, var(--gp-ej-glow)}.game-tips-gf .btn-primary{border:1px solid var(--gp-gf-border);background:linear-gradient(135deg,#900c3f 0%,#e31b23 100%);box-shadow:0 4px 12px #900c3f4d}.game-tips-gf .btn-primary:hover{box-shadow:0 6px 16px #900c3f80, var(--gp-gf-glow)}.game-tips-gnr .btn-primary{border:1px solid var(--gp-gnr-border);background:linear-gradient(135deg,#2c2c2c 0%,#f4c430 100%);box-shadow:0 4px 12px #f4c4304d}.game-tips-gnr .btn-primary:hover{box-shadow:0 6px 16px #f4c43080, var(--gp-gnr-glow)}.game-tips-ts4 .btn-primary{border:1px solid var(--gp-ts4-border);background:linear-gradient(135deg,#30d5c8 0%,#ff4500 100%);box-shadow:0 4px 12px #30d5c84d}.game-tips-ts4 .btn-primary:hover{box-shadow:0 6px 16px #30d5c880, var(--gp-ts4-glow)}.ocr-scanner-overlay{pointer-events:none;z-index:5;background-color:#0000;background-image:linear-gradient(#10b98108 1px,#0000 1px),linear-gradient(90deg,#10b98108 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;position:absolute;top:0;left:0}.ocr-scanner-line{background:linear-gradient(90deg, transparent, var(--success-color), transparent);width:100%;height:3px;box-shadow:0 0 12px 3px var(--success-color);animation:2s ease-in-out infinite scanMotion;position:absolute;left:0}.photo-viewer-container.hp .ocr-scanner-line{background:linear-gradient(90deg, transparent, var(--gp-hp-accent), transparent);box-shadow:0 0 12px 3px var(--gp-hp-accent)}.photo-viewer-container.avatar .ocr-scanner-line{background:linear-gradient(90deg, transparent, var(--gp-avatar-accent), transparent);box-shadow:0 0 12px 3px var(--gp-avatar-accent)}.photo-viewer-container.ej .ocr-scanner-line{background:linear-gradient(90deg, transparent, var(--gp-ej-accent), transparent);box-shadow:0 0 12px 3px var(--gp-ej-accent)}.photo-viewer-container.gf .ocr-scanner-line{background:linear-gradient(90deg, transparent, var(--gp-gf-accent), transparent);box-shadow:0 0 12px 3px var(--gp-gf-accent)}.photo-viewer-container.gnr .ocr-scanner-line{background:linear-gradient(90deg, transparent, var(--gp-gnr-accent), transparent);box-shadow:0 0 12px 3px var(--gp-gnr-accent)}.photo-viewer-container.ts4 .ocr-scanner-line{background:linear-gradient(90deg, transparent, var(--gp-ts4-accent), transparent);box-shadow:0 0 12px 3px var(--gp-ts4-accent)}@keyframes scanMotion{0%{top:0%}50%{top:100%}to{top:0%}}.ai-status-banner{border-bottom:1px solid var(--glass-border);z-index:20;transition:var(--transition-smooth);background:#0a0b10e6;justify-content:space-between;align-items:center;padding:8px 16px;font-size:.85rem;display:flex}.ai-status-info{align-items:center;gap:8px;display:flex}.ai-status-indicator{border-radius:50%;width:8px;height:8px;display:inline-block}.ai-status-indicator.scanning{background-color:var(--warning-color);box-shadow:0 0 8px var(--warning-color);animation:1.5s ease-in-out infinite statusPulse}.ai-status-indicator.success{background-color:var(--success-color);box-shadow:0 0 8px var(--success-color)}.ai-status-indicator.error{background-color:var(--danger-color);box-shadow:0 0 8px var(--danger-color)}@keyframes statusPulse{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.9)}}.ai-status-text{font-weight:500}.ai-status-text.scanning{color:var(--warning-color)}.ai-status-text.success{color:var(--success-color)}.ai-status-text.error{color:var(--danger-color)}.ai-retry-btn{border:1px solid var(--glass-border);color:var(--text-bright);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff14;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.ai-retry-btn:hover{background:#ffffff26;border-color:#ffffff4d}.ai-retry-btn i{font-size:.7rem}