:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f9fafb;background:radial-gradient(circle at 0 0,#2563eb40,#0000 32rem),radial-gradient(circle at 100% 0,#0ea5e92e,#0000 28rem),#0b1120;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.app{width:min(1180px,100% - 32px);margin:0 auto}.header{justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brandLogo{color:#fff;letter-spacing:-.05em;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.brand strong{font-size:18px;display:block}.brand span{color:#94a3b8;margin-top:2px;font-size:13px;display:block}.nav{align-items:center;gap:22px;display:flex}.nav a{color:#cbd5e1;font-size:14px;text-decoration:none}.nav a:hover{color:#fff}.headerActions{justify-content:flex-end;min-width:150px;display:flex}.hero{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:center;gap:48px;min-height:calc(100vh - 84px);padding:48px 0 72px;display:grid}.heroContent h1{letter-spacing:-.08em;max-width:760px;margin:0;font-size:clamp(44px,7vw,82px);line-height:.95}.eyebrow{color:#38bdf8;letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:800}.heroText{color:#cbd5e1;max-width:640px;margin:28px 0 0;font-size:18px;line-height:1.7}.heroActions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.primaryButton,.secondaryButton,.ghostButton,.dangerButton,.steamButton{border:0;border-radius:14px;padding:13px 18px;font-weight:800;transition:transform .15s,background .15s,border-color .15s}.primaryButton,.steamButton{color:#fff;background:#2563eb;box-shadow:0 16px 38px #2563eb59}.primaryButton:hover,.steamButton:hover{background:#1d4ed8;transform:translateY(-1px)}.secondaryButton{color:#fff;background:#94a3b824;border:1px solid #94a3b840}.secondaryButton:hover{background:#94a3b833}.ghostButton{color:#e2e8f0;background:0 0;border:1px solid #94a3b847;text-decoration:none}.ghostButton:hover{border-color:#e2e8f08c;transform:translateY(-1px)}.linkButton{text-decoration:none;display:inline-block}.dangerButton{color:#fecaca;background:#ef44441f;border:1px solid #f8717159;width:100%;margin-top:26px}.dangerButton:hover{background:#ef444433}.heroPanel{position:relative}.profileCard,.loginCard,.profileSkeleton{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#1e293beb,#0f172af0),#0f172aeb;border:1px solid #94a3b838;border-radius:32px;width:100%;min-height:440px;padding:32px;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000006b}.profileCard:before,.loginCard:before{content:"";filter:blur(10px);background:#2563eb3d;border-radius:999px;width:240px;height:240px;position:absolute;inset:-120px -120px auto auto}.avatar{object-fit:cover;border:3px solid #ffffff29;border-radius:30px;width:132px;height:132px;box-shadow:0 20px 50px #00000059}.onlineBadge{color:#86efac;background:#22c55e24;border:1px solid #4ade8047;border-radius:999px;width:fit-content;margin-top:22px;padding:7px 11px;font-size:13px;font-weight:800}.profileCard h2,.loginCard h2{letter-spacing:-.04em;margin:20px 0 8px;font-size:34px}.steamId{color:#94a3b8;word-break:break-all;margin:0}.profileStats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;display:grid}.profileStats div{background:#0f172aa6;border:1px solid #94a3b829;border-radius:18px;padding:14px}.profileStats strong{font-size:15px;display:block}.profileStats span{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.loginCard{flex-direction:column;justify-content:center;display:flex}.lockIcon{font-size:44px}.loginCard p{color:#cbd5e1;max-width:380px;line-height:1.7}.steamButton{width:fit-content;margin-top:12px}.profileSkeleton{flex-direction:column;justify-content:center;display:flex}.skeletonAvatar,.skeletonLine{background:linear-gradient(90deg,#94a3b81f,#94a3b847,#94a3b81f) 0 0/220% 100%;animation:1.4s infinite pulse}.skeletonAvatar{border-radius:30px;width:132px;height:132px}.skeletonLine{border-radius:999px;width:80%;height:18px;margin-top:18px}.skeletonLine.large{width:65%;height:32px}.skeletonLine.small{width:45%}@keyframes pulse{0%{background-position:220% 0}to{background-position:-220% 0}}.features{grid-template-columns:repeat(3,1fr);gap:18px;padding:36px 0 72px;display:grid}.featureCard{background:#0f172abd;border:1px solid #94a3b82e;border-radius:26px;min-height:230px;padding:26px}.featureCard span{color:#38bdf8;font-weight:900}.featureCard h3{margin:28px 0 10px;font-size:24px}.featureCard p{color:#cbd5e1;margin:0;line-height:1.7}.about{background:linear-gradient(135deg,#2563eb2e,#0f172ae6);border:1px solid #94a3b82e;border-radius:32px;grid-template-columns:.8fr 1.2fr;gap:40px;padding:46px;display:grid}.about h2{letter-spacing:-.05em;margin:0;font-size:38px}.about p{color:#dbeafe;margin:0;font-size:17px;line-height:1.8}.footer{color:#64748b;justify-content:space-between;gap:18px;padding:34px 0;font-size:14px;display:flex}.muted{color:#94a3b8}@media (width<=900px){.header{flex-direction:column;align-items:flex-start;padding-top:20px}.nav{flex-wrap:wrap}.headerActions{justify-content:flex-start;width:100%}.hero{grid-template-columns:1fr;min-height:auto}.features{grid-template-columns:1fr}.about{grid-template-columns:1fr;padding:28px}.footer{flex-direction:column}}@media (width<=520px){.app{width:min(100% - 20px,1180px)}.heroContent h1{font-size:42px}.profileCard,.loginCard,.profileSkeleton{border-radius:24px;padding:22px}.profileStats{grid-template-columns:1fr}.avatar{border-radius:24px;width:104px;height:104px}}.inventorySection{padding:36px 0 72px}.sectionHeader{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.sectionHeader h2{letter-spacing:-.05em;margin:0;font-size:42px}.inventoryPanel{background:#080f1ec2;border:1px solid #94a3b82e;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px #00000038}.inventoryPanelHeader{background:#0f172ae0;border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.inventoryPanelHeader div{align-items:baseline;gap:7px;display:flex}.inventoryPanelHeader strong{font-size:20px}.inventoryPanelHeader span{color:#94a3b8;font-size:13px}.scrollHint{letter-spacing:.02em}.inventoryViewport{overscroll-behavior:contain;scrollbar-color:#38bdf88c #0f172a66;scrollbar-width:thin;max-height:570px;padding:18px;overflow-y:auto}.inventoryViewport::-webkit-scrollbar{width:9px}.inventoryViewport::-webkit-scrollbar-track{background:#0f172a73}.inventoryViewport::-webkit-scrollbar-thumb{background:#38bdf88c;border:2px solid #0f172a73;border-radius:999px}.inventoryGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.inventoryCard{background:linear-gradient(180deg, color-mix(in srgb, var(--rarity-color) 8%, transparent), transparent 42%), #0f172ae6;border:1px solid #94a3b82e;border-radius:20px;min-width:0;transition:transform .15s,border-color .15s,background .15s;position:relative;overflow:hidden}.inventoryCard:hover{border-color:color-mix(in srgb, var(--rarity-color) 66%, transparent);box-shadow:0 16px 32px color-mix(in srgb, var(--rarity-color) 12%, transparent);transform:translateY(-2px)}.itemRarityLine{z-index:2;background:var(--rarity-color);height:3px;box-shadow:0 0 16px var(--rarity-color);position:absolute;inset:0 0 auto}.itemImageWrap{background:radial-gradient(circle, color-mix(in srgb, var(--rarity-color) 17%, transparent), transparent 67%), #0206176b;place-items:center;height:128px;display:grid;position:relative}.itemStickers{z-index:3;pointer-events:none;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;bottom:7px;left:8px;right:8px}.itemStickers img{object-fit:contain;filter:drop-shadow(0 3px 5px #000000b3);width:27px;height:27px}.itemImage{object-fit:contain;filter:drop-shadow(0 18px 24px #0006);max-width:122px;max-height:108px}.itemImageFallback{color:color-mix(in srgb, var(--rarity-color) 70%, white);letter-spacing:.08em;font-size:20px;font-weight:900}.itemBody{padding:14px}.itemBody h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0 0 7px;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.itemQualityRow{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;align-items:center;min-width:0;min-height:20px;font-size:12px;display:flex;overflow:hidden}.qualityDot{background:var(--rarity-color);width:7px;height:7px;box-shadow:0 0 9px var(--rarity-color);border-radius:50%;flex:none;margin-right:7px}.itemExterior{color:#cbd5e1;text-overflow:ellipsis;margin-left:4px;overflow:hidden}.floatBlock{border-top:1px solid #94a3b81f;margin-top:13px;padding-top:11px}.floatValueRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.floatValueRow span{color:#64748b;letter-spacing:.16em;font-size:9px;font-weight:900}.floatValueRow strong{text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:hidden}.floatTrack{opacity:.78;background:linear-gradient(90deg,#4ade80 0 7%,#a3e635 7% 15%,#facc15 15% 38%,#fb923c 38% 45%,#f87171 45% 100%);border-radius:999px;height:3px;margin-top:9px;position:relative}.floatMarker{border:2px solid #0f172a;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px}.emptyInventory{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:26px;padding:34px}.emptyInventory h3{margin:0 0 8px;font-size:24px}.emptyInventory p{color:#94a3b8;margin:0}@media (width<=1100px){.inventoryGrid{grid-template-columns:repeat(3,1fr)}}@media (width<=780px){.sectionHeader{flex-direction:column;align-items:flex-start}.inventoryGrid{grid-template-columns:repeat(2,1fr)}.itemImageWrap{height:120px}}@media (width<=520px){.inventoryViewport{max-height:510px;padding:12px}.scrollHint{display:none}.inventoryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.itemImageWrap{height:102px}.itemImage{max-width:100px;max-height:88px}.itemBody{padding:11px}.itemBody h3{font-size:13px}}