:root{--ink:#0A0E14;--panel:#0C1119;--panel2:#10161F;--line:#1E2635;--line2:#2A3546;--amber:#E8B23A;--amber-d:#B5852A;--coral:#D85A30;--red:#E11D2A;--green:#1D9E75;--blue:#3E7BC4;--cat:#6E86C4;--t1:#F2F4F7;--t2:#8A94A6;--t3:#5A6472;--sans:"Space Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}body{font-family:var(--sans);background:var(--ink);color:var(--t1);overflow-x:hidden}.app-bg{position:relative;min-height:100vh}.app-bg:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.06;background-image:linear-gradient(#1E2635 .5px,transparent .5px),linear-gradient(90deg,#1E2635 .5px,transparent .5px);background-size:44px 44px}.app-bg>*{position:relative;z-index:1}.mono{font-family:var(--mono)}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;pointer-events:none;background-image:linear-gradient(#1E2635 .5px,transparent .5px),linear-gradient(90deg,#1E2635 .5px,transparent .5px);background-size:38px 38px}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}nav{position:sticky;top:0;z-index:60;background:#0a0e14d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:.5px solid var(--line)}.nav-in{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}.mark{font-family:var(--mono);font-weight:500;letter-spacing:3px;font-size:14px;cursor:pointer}.mark .dot{color:var(--amber)}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--t2);text-decoration:none;cursor:pointer}.nav-links a:hover{color:var(--amber)}.lang{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--t2);border:.5px solid var(--line2);padding:5px 9px;border-radius:5px;cursor:pointer;background:transparent}@media (max-width:640px){.nav-links a{display:none}}.hero{position:relative;overflow:hidden;border-bottom:.5px solid var(--line)}#hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-in{position:relative;z-index:2;padding:88px 0 72px;pointer-events:none}.corner{position:absolute;width:34px;height:34px;opacity:.5;z-index:3}.c-tl{top:20px;left:20px;border-top:1px solid var(--amber);border-left:1px solid var(--amber)}.c-br{bottom:20px;right:20px;border-bottom:1px solid var(--amber);border-right:1px solid var(--amber)}.hud-tag{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--t3);z-index:3}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);vertical-align:middle;margin-left:2px;animation:blink2 2s ease-in-out infinite;box-shadow:0 0 6px 1px #e8b23a99}@keyframes blink2{0%,to{opacity:1}50%{opacity:.2}}.kick{font-family:var(--mono);font-size:11px;letter-spacing:3px;color:var(--amber)}h1.big{font-size:clamp(38px,7vw,64px);font-weight:700;letter-spacing:-1.5px;line-height:1.02;margin-top:14px}.sub{font-size:clamp(14px,1.6vw,16px);color:var(--t2);margin-top:16px;max-width:460px;line-height:1.6}.cta-row{display:flex;gap:12px;margin-top:28px;pointer-events:auto;flex-wrap:wrap}.btn{font-size:14px;font-weight:500;padding:11px 22px;border-radius:6px;cursor:pointer;border:none;font-family:var(--sans);transition:transform .15s,box-shadow .15s}.btn-primary{background:var(--amber);color:var(--ink)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e8b23a47}.btn-ghost{border:.5px solid var(--line2);color:#c4ccd6;background:transparent}.btn-ghost:hover{border-color:var(--amber);color:var(--amber)}.stats{display:flex;gap:34px;margin-top:44px;flex-wrap:wrap}.stat .v{font-size:clamp(24px,3.4vw,30px);font-weight:500}.stat .v.a{color:var(--amber)}.stat .v small{font-size:12px;color:var(--t2);margin-left:3px}.stat .l{font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--t3);margin-top:3px}.sec{padding:64px 0}.sec-kick{font-family:var(--mono);font-size:11px;letter-spacing:3px;color:var(--amber)}.sec-title{font-size:clamp(26px,4vw,38px);font-weight:500;letter-spacing:-.5px;margin-top:8px}.sec-sub{font-size:15px;color:var(--t2);margin-top:10px;max-width:560px;line-height:1.6}.map-shell{position:relative;margin-top:28px;border:.5px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);display:flex;height:660px}.map-stage{flex:1;position:relative;min-width:0}#net{width:100%;height:100%;display:block}.filters{position:absolute;top:14px;left:14px;right:14px;z-index:5;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.chip{font-family:var(--mono);font-size:10px;letter-spacing:.5px;color:var(--t2);background:#0c1119e6;border:.5px solid var(--line2);padding:6px 11px;border-radius:20px;cursor:pointer;pointer-events:auto;transition:all .15s;white-space:nowrap}.chip:hover{border-color:var(--amber);color:var(--amber)}.chip.on{background:var(--amber);color:var(--ink);border-color:var(--amber)}.hud-mini{position:absolute;bottom:12px;left:14px;font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--t3);z-index:5;pointer-events:none}.legend{position:absolute;bottom:12px;right:14px;z-index:5;display:flex;gap:12px;pointer-events:none;font-family:var(--mono);font-size:9px;letter-spacing:.5px;color:var(--t3);flex-wrap:wrap;justify-content:flex-end;max-width:62%}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;background:#0a0e148c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:pointer;transition:opacity .3s}.veil.gone{opacity:0;pointer-events:none}.veil .badge2{font-family:var(--mono);font-size:13px;letter-spacing:2px;color:var(--amber);background:#0a0e14e6;border:.5px solid var(--amber);padding:12px 22px;border-radius:8px;display:flex;align-items:center;gap:9px}.veil .badge2 .pulse{width:8px;height:8px;border-radius:50%;background:var(--amber);animation:blink2 1.4s infinite}.zoomctl{position:absolute;right:14px;bottom:44px;z-index:7;display:flex;flex-direction:column;border:.5px solid var(--line2);border-radius:8px;overflow:hidden;background:#0c1119eb}.zoomctl button{width:34px;height:34px;background:transparent;border:none;color:var(--t1);cursor:pointer;font-size:18px;font-family:var(--sans);display:flex;align-items:center;justify-content:center;transition:background .15s}.zoomctl button:hover{background:var(--line);color:var(--amber)}.zoomctl button:first-child{border-bottom:.5px solid var(--line2)}.panel{width:340px;flex-shrink:0;background:var(--panel2);border-left:.5px solid var(--line);padding:22px;overflow-y:auto;transform:translate(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);position:absolute;right:0;top:0;bottom:0;z-index:10}.panel.open{transform:translate(0)}.panel-x{position:absolute;top:16px;right:18px;color:var(--t3);cursor:pointer;font-family:var(--mono);font-size:16px}.panel-x:hover{color:var(--amber)}.p-cat{font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--amber)}.p-name{font-size:24px;font-weight:500;margin-top:6px}.p-badges{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.badge{font-family:var(--mono);font-size:10px;padding:3px 8px;border-radius:4px;letter-spacing:.3px}.b-first{color:var(--amber);border:.5px solid #5A4A1E;background:#1a1608}.b-tag{color:var(--t2);border:.5px solid var(--line2)}.p-stats{display:flex;gap:16px;margin-top:18px;padding-bottom:16px;border-bottom:.5px solid var(--line)}.p-stats .v{font-size:18px;font-weight:500}.p-stats .v.a{color:var(--amber)}.p-stats .v small{font-size:10px;color:var(--t2)}.p-stats .l{font-family:var(--mono);font-size:9px;color:var(--t3);margin-top:2px}.p-h{font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--t2);margin-top:18px}.weight{display:flex;gap:3px;margin-top:8px;height:44px}.weight div{border-radius:3px;display:flex;align-items:flex-end;padding:5px;overflow:hidden}.weight div span{font-size:9px;color:#0a0e14;font-weight:500;white-space:nowrap}.prod{font-size:13px;color:var(--t1);padding:7px 0;border-bottom:.5px solid #16202E}.prod:last-child{border-bottom:none}.prod small{color:var(--t3);font-size:11px}.p-note{font-size:12px;color:var(--t2);margin-top:14px;line-height:1.55}.p-empty{color:var(--t3);font-family:var(--mono);font-size:11px;text-align:center;margin-top:80px;line-height:1.8}.firsts{display:flex;gap:16px;overflow-x:auto;overflow-y:visible;margin-top:28px;padding:8px 2px 16px;scroll-snap-type:x mandatory}.fcard{flex:0 0 300px;scroll-snap-align:start;background:var(--panel);border:.5px solid var(--line);border-radius:12px;padding:20px;position:relative;transition:border-color .2s,transform .2s}.fcard:hover{border-color:var(--amber);transform:translateY(-2px)}.fcard .fb{font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--amber);border:.5px solid #5A4A1E;background:#1a1608;display:inline-block;padding:3px 8px;border-radius:4px}.fcard .fd{font-family:var(--mono);font-size:10px;color:var(--t3);margin-top:14px;letter-spacing:1px}.fcard .ft{font-size:19px;font-weight:500;margin-top:6px;line-height:1.2}.fcard .fx{font-size:13px;color:var(--t2);margin-top:10px;line-height:1.55}.fcard .fco{font-family:var(--mono);font-size:11px;color:var(--amber);margin-top:14px}.src-head{padding:64px 0 0}.src-live{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--amber);border:.5px solid #5A4A1E;background:#1a1608;padding:6px 12px;border-radius:20px;margin-top:16px}.src-live i{width:7px;height:7px;border-radius:50%;background:var(--amber);display:inline-block;animation:blink2 2s infinite}.src-group{margin-top:40px}.src-group h3{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--amber);padding-bottom:10px;border-bottom:.5px solid var(--line);margin-bottom:6px}.src-item{display:flex;gap:12px;padding:12px 0;border-bottom:.5px solid #16202E;align-items:baseline}.src-item .nm{font-size:14px;color:var(--t1);flex-shrink:0;min-width:280px}.src-item a{font-family:var(--mono);font-size:12px;color:var(--blue);text-decoration:none;word-break:break-all}.src-item a:hover{color:var(--amber);text-decoration:underline}@media (max-width:640px){.src-item{flex-direction:column;gap:3px}.src-item .nm{min-width:0}}.nav-right{display:flex;align-items:center;gap:20px}.player{display:flex;align-items:center;gap:5px;background:#121821b3;border:.5px solid var(--line2);border-radius:24px;padding:5px 8px}.player .eq{display:flex;align-items:flex-end;gap:2px;height:16px;margin:0 6px 0 4px}.player .eq b{width:2.5px;background:var(--amber);border-radius:1px;height:4px}.player.playing .eq b{animation:eq .9s ease-in-out infinite}.player.playing .eq b:nth-child(2){animation-delay:.15s}.player.playing .eq b:nth-child(3){animation-delay:.3s}.player.playing .eq b:nth-child(4){animation-delay:.45s}@keyframes eq{0%,to{height:4px}50%{height:15px}}.player button{width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.player button:hover{background:var(--line);color:var(--amber)}.player button.main{background:var(--amber);color:var(--ink);width:30px;height:30px}.player button.main:hover{background:#f2c255}.player svg{width:15px;height:15px;fill:currentColor}.player .main svg{width:16px;height:16px}@media (max-width:640px){.nav-links{display:none}.player{gap:3px;padding:4px 6px}}footer{border-top:.5px solid var(--line);padding:40px 0;margin-top:40px}.foot-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--t3)}.foot-in a{color:var(--t2);text-decoration:none;cursor:pointer}.foot-in a:hover{color:var(--amber)}.foot-social{display:flex;gap:14px;align-items:center}.foot-social a{display:flex;align-items:center;gap:6px}.foot-social svg{width:15px;height:15px;fill:currentColor}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:4px}