.hero{align-items:center;gap:40px;padding-top:48px;padding-bottom:64px;display:grid}@media (min-width:1024px){.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;padding-top:80px;padding-bottom:88px}}.hero-copy{max-width:620px}.eyebrow{color:var(--accent);font-size:14px;font-weight:500;display:inline-block}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:12px 0 0;font-size:clamp(2rem,4.4vw,3.5rem);font-weight:700;line-height:1.04}.hero .lead{max-width:44ch;color:var(--muted);text-wrap:pretty;margin:20px 0 0;font-size:18px;line-height:1.55}.hero .lead code,.steps-list code,.skins-head code{font-family:var(--font-mono);color:var(--text)}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.hero-actions .btn{height:52px;padding:0 24px;font-size:17px}.hero-alert{color:var(--danger);align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex}.hero-alert svg{width:18px;height:18px}.copy-ip{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:14px 0 0;font-size:14px;display:flex}.ip-chip{border-radius:var(--radius);background:var(--surface-1);min-height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--text);transition:box-shadow var(--dur-short), background var(--dur-short);border:0;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:inline-flex}.ip-chip svg{width:16px;height:16px;color:var(--muted)}@media (hover:hover) and (pointer:fine){.ip-chip:hover{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong)}}.live-card{isolation:isolate;aspect-ratio:16/10;background:var(--surface-1);min-height:340px;box-shadow:inset 0 0 0 1px var(--line), 0 24px 64px #00000073;border-radius:10px;flex-direction:column;justify-content:space-between;padding:18px 20px 20px;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.live-card{box-shadow:inset 0 0 0 1px var(--line), 0 24px 64px lab(0% 0 0/.45)}}@media (max-width:559px){.live-card{aspect-ratio:auto;min-height:380px}}.live-card:before{content:"";z-index:-2;background:var(--map,none) center / cover no-repeat;position:absolute;inset:0;transform:scale(1.02)}.live-card:after{content:"";z-index:-1;background:linear-gradient(#0403068c 0%,#04030640 30%,#040306c7 62%,#040306f5 100%);background:linear-gradient(lab(.868622% .546776 -1.04322/.55) 0%,lab(.868622% .546776 -1.04322/.25) 30%,lab(.868622% .546776 -1.04322/.78) 62%,lab(.868622% .546776 -1.04322/.96) 100%);position:absolute;inset:0}.live-card.is-offline:before{background:var(--surface-1)}.live-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-status,.live-mode{letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040306b8;background:lab(.868622% .546776 -1.04322/.72);border-radius:6px;align-items:center;gap:8px;height:30px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f;box-shadow:inset 0 0 0 1px lab(100% 0 0/.12)}.live-mode{color:var(--text);background:color-mix(in oklch, var(--accent) 30%, #07040ccc);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 60%, transparent)}@supports (color:lab(0% 0 0)){.live-mode{background:color-mix(in oklch, var(--accent) 30%, lab(1.47352% 1.37441 -2.62597/.8))}}.live-status .dot{background:var(--ok);border-radius:50%;width:8px;height:8px;position:relative}.live-status .dot:after{content:"";background:var(--ok);animation:live-pulse 1.8s var(--ease-exit) infinite;border-radius:50%;position:absolute;inset:0}.live-status.off .dot{background:var(--faint)}.live-status.off .dot:after{display:none}@keyframes live-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.live-body{gap:4px;display:grid}.live-label{color:var(--muted);font-size:13px}.live-map{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.05}.live-sub{color:var(--muted);margin:2px 0 0;font-size:13px}.live-players{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px;display:grid}.live-bar{background:#ffffff24;background:lab(100% 0 0/.14);border-radius:3px;height:6px;overflow:hidden}.live-bar span{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--dur-long) var(--ease-equip);display:block}.live-count{color:var(--muted);white-space:nowrap;font-size:15px}.live-count strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.live-updated{color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:12px 0 0;font-size:12px;display:flex}.live-card.is-offline .live-map{color:var(--muted)}.sk{background:var(--surface-3);border-radius:6px;animation:1.4s ease-in-out infinite sk;display:block}.sk-pill{width:96px;height:30px}.sk-line{height:14px}.w40{width:40%}.w60{width:60%}.sk-title{width:55%;height:40px;margin:4px 0}.sk-bar{width:100%;height:6px;margin-top:16px}@keyframes sk{50%{opacity:.5}}.skins{border-top:1px solid var(--line);padding-top:64px;padding-bottom:72px}.skins-head h2{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600;line-height:1.2}.skins-head p{color:var(--muted);max-width:56ch;margin:6px 0 0}.showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.showcase li:nth-child(n+5){display:none}@media (min-width:720px){.showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase li:nth-child(n+4){display:none}}@media (min-width:1024px){.showcase{grid-template-columns:repeat(5,minmax(0,1fr))}.showcase li:nth-child(n){display:block}}.tile{border-radius:var(--radius);background:var(--surface-1);height:100%;box-shadow:inset 0 1px 0 #00000059, inset 0 0 0 1px var(--line);animation:tile-in .48s var(--ease-equip) both;animation-delay:calc(var(--i,0) * 50ms);flex-direction:column;margin:0;display:flex}@supports (color:lab(0% 0 0)){.tile{box-shadow:inset 0 1px 0 lab(0% 0 0/.35), inset 0 0 0 1px var(--line)}}.tile-img{aspect-ratio:4/3;place-items:center;padding:12px 14px 0;display:grid}.tile-img img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur-mid) var(--ease-equip)}@media (hover:hover) and (pointer:fine){.tile:hover .tile-img img{transform:scale(1.04)}}.tile figcaption{gap:2px;padding:8px 14px 14px;display:grid}.tile .weapon{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.tile .skin{font-size:15px}@keyframes tile-in{0%{opacity:0;transform:translateY(8px)}}.catalog-line{color:var(--muted);margin:16px 0 0;font-size:14px}.steps{border-top:1px solid var(--line);padding-top:72px;padding-bottom:96px}.steps h2{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600;line-height:1.2}.steps-list{gap:0;margin:24px 0 0;padding:0;list-style:none;display:grid}.steps-list li{border-top:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);gap:4px 16px;padding:20px 0;display:grid}.steps-list li:last-child{border-bottom:1px solid var(--line)}.steps-list .idx{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;padding-top:3px;font-size:13px}.steps-list h3{margin:0;font-size:18px;font-weight:600;line-height:1.35}.steps-list p{color:var(--muted);grid-column:2;max-width:56ch;margin:0}@media (min-width:900px){.steps-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.steps-list li,.steps-list li:last-child{border-bottom:0}}.site-footer{border-top:1px solid var(--line);padding-top:32px}.connect{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.connect code{font-family:var(--font-mono);border-radius:var(--radius);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);-webkit-user-select:all;user-select:all;padding:10px 14px;font-size:15px}.connect .copied{color:var(--ok);font-size:14px}.fine{color:var(--faint);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:32px;padding-top:24px;padding-bottom:28px;font-size:13px;display:flex}.fine a{color:var(--muted)}@media (prefers-reduced-motion:reduce){.tile,.sk,.live-status .dot:after{animation:none}.live-bar span,.tile-img img{transition:none}}.hero-live{align-content:start;gap:14px;display:grid}.hero-records-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.hero-records-head .link-btn{min-height:32px;font-size:13px}.sc{position:relative}.sc-card{background:var(--surface-1);height:112px;animation:sc-in .52s var(--ease-equip);border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e7b64373;box-shadow:inset 0 0 0 1px lab(77.0057% 10.1238 62.6808/.45)}@keyframes sc-in{0%{opacity:0;transform:translateY(8px)}}.sc-bg{object-fit:cover;opacity:.45;width:100%;height:100%;position:absolute;inset:0}.sc-card:after{content:"";background:linear-gradient(90deg, var(--surface-1) 20%, #100e1559);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.sc-card:after{background:linear-gradient(90deg, var(--surface-1) 20%, lab(4.32556% 1.77507 -3.38265/.35))}}.sc-body{z-index:1;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;height:100%;padding:12px 18px;display:grid;position:relative}.sc-map{color:#fac547;color:lab(82.8172% 10.8991 67.3469);grid-column:1/-1}.sc-who{min-width:0;color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.sc-who>span{min-width:0;display:grid}.sc-avatar{object-fit:cover;background:var(--surface-3);border-radius:10px;flex:none;width:56px;height:56px;box-shadow:0 0 0 2px #e7b643b3;box-shadow:0 0 0 2px lab(77.0057% 10.1238 62.6808/.7)}.sc-crown{color:#fac547;color:lab(82.8172% 10.8991 67.3469);font-size:18px;line-height:1}.sc-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:700;line-height:1.1;overflow:hidden}.sc-time{color:#fcd176;color:lab(86.3231% 7.54684 50.6262);font-size:20px}.sc-dots{justify-content:center;gap:2px;margin-top:6px;display:flex}.sc-dot{background:0 0;border:0;width:24px;height:24px;padding:0;position:relative}.sc-dot:before{content:"";background:var(--line-strong);transition:background var(--dur-short), inset var(--dur-short);border-radius:50%;position:absolute;inset:9px}.sc-dot[aria-pressed=true]:before{background:#fac547;background:lab(82.8172% 10.8991 67.3469);inset:8px}.sc-empty{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);border-radius:12px;align-items:center;gap:14px;padding:16px 18px;font-size:14px;display:flex}.sc-empty strong{color:var(--text);font-weight:600}.sc-empty .sc-crown{font-size:28px}@media (prefers-reduced-motion:reduce){.sc-card{animation:none}}