:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e0e0e0;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #ddd;--shadow-sm: rgba(0, 0, 0, .1);--shadow-md: rgba(0, 0, 0, .15);--shadow-lg: rgba(0, 0, 0, .2);--potential-rare: #2196f3;--potential-epic: #ab47bc;--potential-unique: #ffd700;--potential-legendary: #4caf50;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color: #667eea;--secondary-color: #764ba2}html.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #444444;--shadow-sm: rgba(0, 0, 0, .3);--shadow-md: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overscroll-behavior-y:auto}html,body{height:100%;overflow:hidden}@media (max-width: 1024px){html,body{overflow-x:hidden;overflow-y:auto}}body.modal-open{overflow:hidden!important}body.dropdown-open{overflow:hidden}.tier-rare{color:var(--potential-rare)}.tier-epic{color:var(--potential-epic)}.tier-unique{color:var(--potential-unique)}.tier-legendary{color:var(--potential-legendary)}.custom-tooltip{position:absolute;z-index:10000;pointer-events:none;opacity:0;transition:opacity .2s ease-out}.custom-tooltip.show{opacity:1}.custom-tooltip .tooltip-content{background:#fff;color:#333;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:500;line-height:1.5;box-shadow:0 4px 12px #00000026;border:2px solid #667eea;white-space:pre-line;max-width:300px}.custom-tooltip.dark .tooltip-content{background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #e0e0e0);box-shadow:0 4px 12px #0006;border-color:#667eea}.custom-tooltip .tooltip-arrow{position:absolute;width:0;height:0}.custom-tooltip.tooltip-top .tooltip-arrow{bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #667eea}.custom-tooltip.tooltip-bottom .tooltip-arrow{top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #667eea}.custom-tooltip.tooltip-left .tooltip-arrow{right:-6px;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #667eea}.custom-tooltip.tooltip-right .tooltip-arrow{left:-6px;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #667eea}@media (max-width: 768px){.custom-tooltip .tooltip-content{max-width:250px;font-size:.8rem;padding:8px 12px}}