:root{--color-primary: #1caf87;--color-primary-hover: #168f6e;--color-primary-subtle: #1caf8720;--color-secondary: #07518d;--color-accent: #b6d848;--color-text: #e4e4e7;--color-text-muted: #a1a1aa;--color-text-disabled: #52525b;--color-border: #27272a;--color-border-subtle: #1f1f23;--bg-main: #20242a;--bg-secondary: rgb(19, 22, 29);--bg-hover: rgb(49, 56, 64);--bg-object: rgb(37, 42, 49);--bg-modal: rgb(20, 23, 27);--border-color: var(--color-border);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--text-disabled: var(--color-text-disabled);--radius: 4px;--primary: var(--color-primary);--primary-light: #168f6e;--primary-hover: var(--color-primary-hover);--primary-glow: var(--color-primary-subtle);--primary-gradient: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--accent: var(--color-accent);--accent-glow: rgba(182, 216, 72, .3);--accent-dim: rgba(182, 216, 72, .1);--notice: var(--color-primary);--green: rgb(122, 241, 155);--yellow: rgb(245, 232, 120);--red: rgb(247, 52, 75);--warning: #ffc300;--error: #ff4d4d;--info: var(--color-secondary)}*,*:before,*:after{box-sizing:border-box}a,a:hover,a:link,a:visited,a:active{text-decoration:none;color:inherit}body{margin:0;min-height:100vh;background-color:var(--bg-main);color:var(--text-primary);max-height:100vh;overflow-x:hidden;box-sizing:border-box;font-size:14px;font-weight:400;font-family:Manrope,sans-serif;scroll-behavior:smooth}h3{margin:0 0 20px;padding:0;color:#fff;font-size:20px;font-weight:600;line-height:32px;letter-spacing:-.4px}.hltv-rating{display:grid;-moz-box-align:center;align-items:center;grid-template-columns:84px max-content;gap:8px;min-width:110px}.hltv-rating .progress{width:100%;height:4px;background-color:#93a8bf33;border-radius:16px;overflow:hidden}.hltv-rating .progress .bar{height:100%;will-change:width;transform:translateZ(0);transition:.2s ease-in-out;animation:1s ease-in-out fRPjwf}.hltv-rating .rating{font-family:Manrope;font-size:12px;font-weight:600;line-height:16px;letter-spacing:-.02em;color:#a1aab3}.alert{padding:5px 8px;display:flex;flex-direction:row;align-items:center;justify-content:center}.alert.primary{background-color:var(--primary)}.alert.purple{background-color:#9147ff}.alert span{font-size:14px;font-weight:800}.alert .actions{display:flex;flex-direction:row;align-items:center;margin-left:1rem}.alert .actions .btn{margin-left:8px;padding:4px 12px;background:#0003;border-radius:4px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.alert .actions .btn:hover{background:#0006;transform:translateY(-1px);border-color:#ffffff4d;box-shadow:0 4px 8px #0003}.alert .actions .btn:active{transform:translateY(0);background:#00000080}.btn{padding:0 16px;margin:0;outline:0px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;gap:8px;align-items:center;justify-content:center;height:36px;background-color:var(--bg-hover);color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;letter-spacing:-.02em;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:hover{background-color:var(--bg-object)}.btn.primary{background-color:var(--primary);color:#fff;border:1px solid transparent}.btn.primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow)}.btn.danger{background-color:#f7344b1a;color:var(--red)}.btn.danger:hover{background-color:#f7344b33}.btn:disabled,.btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-hover);color:var(--text-primary)}.badge.primary{background:var(--primary-glow);color:var(--primary)}.badge.secondary{background:#a1a1aa33;color:var(--text-secondary)}.badge.success{background:#1caf8733;color:var(--color-primary)}.badge.danger{background:#f7344b33;color:var(--red)}.badge.warning{background:#fb03;color:var(--warning)}.card{background:#14171bf2;border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:border-color .3s ease,box-shadow .3s ease}.card:hover{border-color:#ffffff1a;box-shadow:0 8px 24px #0003}
