:root{--color-primary:#c89b3c;--color-primary-light:#f0e6d2;--color-primary-dark:#785a28;--color-primary-glow:rgba(200,155,60,.3);--color-accent:#0ac8b9;--color-accent-light:#0ee6d4;--color-accent-dark:#089e93;--color-accent-glow:rgba(10,200,185,.3);--bg-base:#010a13;--bg-surface:#0a1628;--bg-surface-2:#0a323c;--bg-elevated:#1a2332;--bg-card:rgba(10,22,40,.85);--bg-card-hover:rgba(15,30,55,.95);--bg-overlay:rgba(1,10,19,.9);--text-primary:#f0e6d2;--text-secondary:#a09b8c;--text-muted:#5b5a56;--text-bright:#fff;--color-win:#28c76f;--color-win-bg:rgba(40,199,111,.12);--color-loss:#ea5455;--color-loss-bg:rgba(234,84,85,.12);--rank-iron:#6b6b6b;--rank-bronze:#8c5a2e;--rank-silver:#89a;--rank-gold:#c89b3c;--rank-platinum:#4d9a8f;--rank-emerald:#2cb77e;--rank-diamond:#576bce;--rank-master:#9d48e0;--rank-grandmaster:#ef4444;--rank-challenger:#f4c874;--border-subtle:rgba(200,155,60,.15);--border-accent:rgba(200,155,60,.4);--border-glow:rgba(10,200,185,.4);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 20px rgba(0,0,0,.4);--shadow-lg:0 8px 40px rgba(0,0,0,.5);--shadow-glow:0 0 20px var(--color-primary-glow);--shadow-glow-accent:0 0 20px var(--color-accent-glow);--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-dropdown:100;--z-modal:200;--z-toast:300}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(ellipse at 20% 50%,rgba(10,200,185,.04) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(200,155,60,.04) 0,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(10,22,40,.3) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light)}img{display:block;height:auto;max-width:100%}button{background:none;color:inherit;cursor:pointer}button,input,select{border:none;font-family:var(--font-body);outline:none}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.page-wrapper{min-height:100vh;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{color:var(--text-bright);font-family:var(--font-display);font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-base)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.card-no-hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:10px 24px;position:relative;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:1px solid var(--color-primary);color:var(--bg-base)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border:1px solid var(--color-accent);color:var(--bg-base)}.btn-accent:hover{box-shadow:var(--shadow-glow-accent);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary)}.btn-ghost:hover{background:#c89b3c0d;border-color:var(--border-accent);color:var(--text-primary)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:3px 10px}.badge-win{background:var(--color-win-bg);border:1px solid rgba(40,199,111,.2);color:var(--color-win)}.badge-loss{background:var(--color-loss-bg);border:1px solid rgba(234,84,85,.2);color:var(--color-loss)}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-elevated) 25%,rgba(30,45,65,.8) 50%,var(--bg-elevated) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border-subtle);border-radius:50%;border-top-color:var(--color-accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--color-primary-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.text-center{text-align:center}.text-right{text-align:right}.text-win{color:var(--color-win)}.text-loss{color:var(--color-loss)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--color-accent)}.text-gold{color:var(--color-primary)}.font-display{font-family:var(--font-display)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.w-full{width:100%}.relative{position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--color-primary-glow)}50%{box-shadow:0 0 20px var(--color-primary-glow),0 0 40px #c89b3c26}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .6s ease-out forwards}.animate-scale-in{animation:scaleIn .4s ease-out forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.3s;opacity:0}.delay-4{animation-delay:.4s;opacity:0}.delay-5{animation-delay:.5s;opacity:0}@media(max-width:768px){html{font-size:14px}.container{padding:0 12px}.hide-mobile{display:none!important}}@media(max-width:480px){html{font-size:13px}}.global-tooltip{background:#0f1923;border:1px solid rgba(200,155,60,.4);border-radius:4px;box-shadow:0 8px 16px #00000080;padding:12px;pointer-events:none;position:fixed;width:320px;z-index:99999}.item-tooltip{display:flex;flex-direction:column;gap:8px}.item-name{color:#c89b3c;font-family:var(--font-display,sans-serif);font-size:1.05rem;font-weight:700}.item-plaintext{color:#8292a8;font-size:.85rem;font-style:italic;line-height:1.4;margin-bottom:4px}.item-price{color:#a0a8b4;font-size:.85rem;margin-top:4px}.item-price span{color:#c89b3c;font-weight:700}.item-desc mainText{color:#a0a8b4;display:block;font-size:.85rem;line-height:1.5}.item-desc stats{color:#8292a8;display:block;margin-bottom:8px}.item-desc attention{color:#f2f2f2;font-weight:700}.item-desc passive{color:#e8a245;font-weight:700}.item-desc active{color:#1fb98f;font-weight:700}.item-desc flavorText{color:#6c798a;display:block;font-style:italic;margin-top:8px}.item-desc rules{color:#8292a8;display:block;font-size:.8rem;font-style:italic}