:root {
  --bg: #050507;
  --bg-soft: #0a0a0e;
  --panel: #0e0e13;
  --panel-glass: rgba(14, 14, 19, 0.76);
  --text: #f5f2ee;
  --muted: #8d8b92;
  --line: rgba(255, 255, 255, 0.12);
  --line-hot: rgba(255, 46, 61, 0.42);
  --red: #ed1c2f;
  --red-hot: #ff3347;
  --lime: #baff29;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --display: "Arial Narrow", "Roboto Condensed", Impact, var(--sans);
  --radius: 24px;
  --page: min(1440px, calc(100% - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-color: var(--red) var(--bg); }
body { margin: 0; min-width: 320px; color: var(--text); background: var(--bg); font-family: var(--sans); overflow-x: hidden; }
body.intro-active { overflow: hidden; }
button, a { color: inherit; -webkit-tap-highlight-color: transparent; }
a { text-decoration: none; }
button { border: 0; font: inherit; cursor: pointer; }
img, video { max-width: 100%; }
::selection { color: #fff; background: var(--red); }

.noise { position: fixed; inset: 0; z-index: 200; opacity: .035; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.cursor-glow { position: fixed; z-index: -1; width: 520px; height: 520px; border-radius: 50%; translate: -50% -50%; background: radial-gradient(circle, rgba(237, 28, 47, .11), transparent 68%); pointer-events: none; transition: opacity .3s ease; }
.scroll-progress { position: fixed; top: 0; left: 0; z-index: 250; width: 0; height: 2px; background: linear-gradient(90deg, var(--red), #ff7b86); box-shadow: 0 0 20px var(--red); }
.mono, .eyebrow, .section-index, .screen-top, .intro-status, .intro-overline, .intro-foot { font-family: var(--mono); letter-spacing: .12em; text-transform: uppercase; }
em { color: var(--red-hot); font-style: normal; }

/* cinematic entry */
.intro { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; overflow: hidden; background: #030304; transition: clip-path 1.2s cubic-bezier(.78, 0, .18, 1), opacity .5s ease; clip-path: inset(0 0 0 0); }
.intro.exiting { clip-path: inset(0 0 100% 0); pointer-events: none; }
.intro.hidden { display: none; }
.intro::before { content: ""; position: absolute; inset: -40%; background: conic-gradient(from 180deg, transparent 0 40%, rgba(237, 28, 47, .17) 46%, transparent 52% 100%); animation: introRotate 12s linear infinite; }
.intro::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at center, transparent 0 14%, rgba(3, 3, 4, .34) 44%, #030304 74%), repeating-linear-gradient(0deg, transparent 0 4px, rgba(255,255,255,.018) 4px 5px); pointer-events: none; }
.intro-particles { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .75; }
.intro-scan { position: absolute; z-index: 2; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--red-hot), transparent); box-shadow: 0 0 30px var(--red); animation: scan 4s ease-in-out infinite; }
.intro-core { position: relative; z-index: 3; width: min(620px, calc(100% - 36px)); display: grid; justify-items: center; text-align: center; }
.intro-status { width: 100%; display: flex; justify-content: center; gap: 12px; align-items: center; margin-bottom: 26px; color: #777780; font-size: 10px; }
.intro-status i, .map-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px var(--lime); animation: blink 1.5s ease-in-out infinite; }
.intro-status b { color: var(--red-hot); }
.wolf-gate { position: relative; width: clamp(170px, 24vw, 260px); aspect-ratio: 1; display: grid; place-items: center; margin: 0; padding: 0; border-radius: 50%; color: #fff; background: transparent; }
.wolf-gate img { position: relative; z-index: 2; width: 58%; aspect-ratio: 1; object-fit: cover; border-radius: 26%; filter: saturate(1.2) contrast(1.08); animation: wolfPulse 3s ease-in-out infinite; }
.wolf-ring { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; }
.ring-one { inset: 5%; border-color: rgba(237,28,47,.45); border-style: dashed; animation: introRotate 10s linear infinite; }
.ring-two { inset: 18%; border-color: rgba(255,255,255,.16); animation: introRotate 8s linear infinite reverse; }
.ring-three { inset: -10%; border-color: rgba(237,28,47,.1); box-shadow: inset 0 0 70px rgba(237,28,47,.08), 0 0 100px rgba(237,28,47,.07); }
.gate-glitch { position: absolute; z-index: 1; color: rgba(255,255,255,.04); font: 900 72px/1 var(--display); letter-spacing: -.06em; transform: rotate(-24deg); }
.intro-overline { margin: 20px 0 8px; color: #86838a; font-size: 10px; }
.intro-title { margin: 0; font: 900 clamp(54px, 9vw, 96px)/.82 var(--display); letter-spacing: -.075em; }
.intro-title em { margin-left: .08em; }
.enter-button { min-width: min(350px, 100%); display: flex; justify-content: space-between; align-items: center; margin-top: 30px; padding: 18px 20px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #fff; background: rgba(255,255,255,.045); backdrop-filter: blur(15px); font-weight: 750; transition: .3s ease; }
.enter-button:hover { border-color: var(--red); background: var(--red); transform: scale(1.03); box-shadow: 0 18px 70px rgba(237,28,47,.24); }
.enter-button i { font-style: normal; }
.intro-foot { width: 100%; display: flex; justify-content: space-between; gap: 10px; margin-top: 42px; color: #55545b; font-size: 8px; }

/* navigation */
.topbar { position: fixed; top: 16px; left: 50%; z-index: 100; width: min(1320px, calc(100% - 32px)); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 22px; padding: 9px 10px 9px 12px; border: 1px solid rgba(255,255,255,.11); border-radius: 18px; background: rgba(6,6,9,.68); backdrop-filter: blur(22px) saturate(1.25); transform: translateX(-50%); transition: .35s ease; }
.topbar.scrolled { top: 8px; background: rgba(6,6,9,.9); box-shadow: 0 16px 55px rgba(0,0,0,.38); }
.brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; }
.brand img { width: 38px; height: 38px; border-radius: 11px; object-fit: cover; }
.brand span { font-size: 17px; font-weight: 950; letter-spacing: -.04em; }
.brand em { margin-left: 3px; }
.topbar nav { display: flex; align-items: center; gap: 4px; }
.topbar nav a, .nav-arena, .nav-shield, .nav-wolf { padding: 11px 13px; border-radius: 10px; color: #aaa8af; background:transparent; font-size: 12px; font-weight: 700; transition: .2s ease; }
.topbar nav a:hover { color: #fff; background: rgba(255,255,255,.06); }
.nav-arena { color:#fff; border:1px solid rgba(237,28,47,.4); background:rgba(237,28,47,.1); }
.nav-arena:hover { color:#fff; background:var(--red); box-shadow:0 0 26px rgba(237,28,47,.24); }
.nav-shield { color:var(--lime); border:1px solid rgba(186,255,41,.25); background:rgba(186,255,41,.06); }
.nav-shield:hover { color:#080a06; background:var(--lime); box-shadow:0 0 26px rgba(186,255,41,.2); }
.nav-wolf { color:#63e6ff; border:1px solid rgba(99,230,255,.26); background:rgba(99,230,255,.06); }
.nav-wolf:hover { color:#05090b; background:#63e6ff; box-shadow:0 0 26px rgba(99,230,255,.22); }
body.site-hide-arena .nav-arena,body.site-hide-arena .button-arena{display:none!important}
body.site-hide-shield .nav-shield,body.site-hide-shield .button-shield{display:none!important}
body.site-hide-wolf .nav-wolf,body.site-hide-wolf .button-wolf,body.site-hide-wolf .wolf-play-signal{display:none!important}
body.site-hide-wolf .hero-wolf:hover{transform:rotate(-8deg);box-shadow:0 0 110px rgba(237,28,47,.22)}
body.site-hide-changelog #updates{display:none!important}
.nav-contact { justify-self: end; display: inline-flex; align-items: center; gap: 18px; padding: 11px 14px; border-radius: 11px; background: var(--red); font-size: 12px; font-weight: 850; }
.nav-contact i, .button-primary i, .cta-button i { font-style: normal; }
.menu-toggle { display: none; justify-self: end; width: 40px; height: 40px; border-radius: 10px; background: rgba(255,255,255,.06); }
.menu-toggle span { display: block; width: 18px; height: 1px; margin: 5px auto; background: #fff; }

.section-shell { width: var(--page); margin: 0 auto; }
.reveal { opacity: 0; transform: translateY(32px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity: 1; transform: none; }

/* hero */
.hero { position: relative; min-height: 100svh; display: grid; align-content: center; overflow: hidden; padding: 148px max(24px, calc((100vw - 1440px)/2)) 96px; background: radial-gradient(circle at 72% 48%, rgba(237,28,47,.15), transparent 25%), linear-gradient(180deg,#050507,#08080b 78%,#050507); }
.hero-grid { position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size: 7.14vw 7.14vw; mask-image: linear-gradient(90deg,#000,transparent 75%); }
.hero-grid::after { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 0 48%,rgba(237,28,47,.2) 49%,transparent 50%); }
.hero-copy { position: relative; z-index: 3; width: min(930px, 74%); }
.eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; color: #85838a; font-size: 10px; }
.eyebrow span { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--red-hot); }
.hero h1 { margin: 0; font: 900 clamp(76px, 11.7vw, 184px)/.76 var(--display); letter-spacing: -.082em; text-transform: uppercase; }
.hero h1 > span { display: block; }
.hero h1 > span:last-child { padding-left: clamp(20px, 7vw, 110px); }
.hero-copy > p { width: min(650px, 88%); margin: 34px 0 0 clamp(20px,7vw,110px); color: #b9b6bd; font-size: clamp(16px,1.45vw,21px); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap:wrap; gap: 10px; margin: 28px 0 0 clamp(20px,7vw,110px); }
.button-primary, .button-ghost, .button-arena, .button-shield, .button-wolf, .cta-button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 32px; padding: 0 20px; border-radius: 14px; font-weight: 850; font-size: 13px; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.button-primary { background: var(--red); }
.button-primary:hover, .cta-button:hover { transform: translateY(-3px); box-shadow: 0 18px 45px rgba(237,28,47,.25); }
.button-ghost { border: 1px solid var(--line); color: #ccc9cf; background: rgba(255,255,255,.035); }
.button-ghost:hover { background: rgba(255,255,255,.08); }
.button-arena { border:1px solid rgba(237,28,47,.48); color:#fff; background:linear-gradient(110deg,rgba(237,28,47,.22),rgba(237,28,47,.06)); }
.button-arena:hover { transform:translateY(-3px); background:var(--red); box-shadow:0 18px 45px rgba(237,28,47,.24); }
.button-shield { border:1px solid rgba(186,255,41,.32); color:var(--lime); background:linear-gradient(110deg,rgba(186,255,41,.11),rgba(186,255,41,.025)); }
.button-shield:hover { color:#080a06; transform:translateY(-3px); background:var(--lime); box-shadow:0 18px 45px rgba(186,255,41,.19); }
.button-wolf { border:1px solid rgba(99,230,255,.32); color:#63e6ff; background:linear-gradient(110deg,rgba(99,230,255,.1),rgba(99,230,255,.02)); }
.button-wolf:hover { color:#05090b; transform:translateY(-3px); background:#63e6ff; box-shadow:0 18px 45px rgba(99,230,255,.2); }
.play-icon { display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:50%; font-size:8px; }
.hero-orbit { position: absolute; z-index: 2; top: 50%; right: -3vw; width: min(49vw,720px); aspect-ratio: 1; transform: translateY(-50%); }
.orbit { position:absolute; border:1px solid rgba(255,255,255,.09); border-radius:50%; }
.orbit::before { content:""; position:absolute; top:50%; left:-4px; width:8px; height:8px; border-radius:50%; background:var(--red); box-shadow:0 0 18px var(--red); }
.orbit-a { inset:0; animation:introRotate 18s linear infinite; }
.orbit-b { inset:12%; border-style:dashed; animation:introRotate 25s linear infinite reverse; }
.orbit-c { inset:25%; border-color:rgba(237,28,47,.25); animation:introRotate 14s linear infinite; }
.hero-wolf { position:absolute; inset:29%; display:grid; place-items:center; padding:0; border-radius:33%; color:#fff; background:#050507; box-shadow:0 0 110px rgba(237,28,47,.22); transform:rotate(-8deg); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease; animation:wolfFloat 5s ease-in-out infinite; }
.hero-wolf::after { content:""; position:absolute; inset:0; border:1px solid rgba(237,28,47,.36); border-radius:26%; opacity:0; transition:.3s ease; }
.hero-wolf:hover { transform:rotate(-4deg) scale(1.06); box-shadow:0 0 150px rgba(237,28,47,.38); }
.hero-wolf:hover::after,.hero-wolf:focus-visible::after{inset:-9%;opacity:1}.hero-wolf:focus-visible{outline:2px solid var(--red);outline-offset:10px}
.hero-wolf img { width:100%; height:100%; object-fit:cover; border-radius:26%; opacity:.96; }
.wolf-play-signal { position:absolute; z-index:3; left:50%; bottom:-42px; display:flex; align-items:center; gap:8px; width:max-content; padding:9px 12px; border:1px solid rgba(237,28,47,.5); border-radius:999px; color:#fff; background:rgba(5,5,7,.88); box-shadow:0 8px 30px rgba(0,0,0,.4); font:8px var(--mono); letter-spacing:.12em; transform:translateX(-50%) rotate(8deg); }
.wolf-play-signal i{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:var(--red);font-size:7px;font-style:normal;box-shadow:0 0 14px rgba(237,28,47,.8)}
.site-announcement{position:sticky;top:82px;z-index:24;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:var(--page);margin:14px auto -62px;padding:13px 15px;border:1px solid rgba(99,230,255,.3);border-radius:13px;background:rgba(7,12,16,.92);box-shadow:0 18px 48px rgba(0,0,0,.38);backdrop-filter:blur(20px)}.site-announcement[hidden]{display:none}.site-announcement span{color:#63e6ff;font:8px var(--mono);letter-spacing:.14em}.site-announcement p{margin:0;color:#e9e7e8;font-size:13px}.site-announcement button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;color:#fff;background:transparent}
.hero-meta { position:absolute; z-index:3; right:max(24px,calc((100vw - 1440px)/2)); bottom:76px; width:min(580px,42%); display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.hero-meta div { display:grid; gap:7px; padding:16px 12px; border-right:1px solid var(--line); }
.hero-meta span { color:#67666c; font:9px var(--mono); text-transform:uppercase; }
.hero-meta strong { font-size:11px; }
.hero-marquee { position:absolute; left:0; right:0; bottom:0; overflow:hidden; border-top:1px solid var(--line); color:rgba(255,255,255,.12); font:800 22px/44px var(--mono); white-space:nowrap; }
.hero-marquee div { width:max-content; animation:marquee 24s linear infinite; }

/* statement */
.manifest { padding: 150px 0 80px; }
.section-index { display:flex; align-items:center; gap:18px; margin-bottom:46px; color:#6b6a70; font-size:10px; }
.section-index span { color:var(--red); }
.section-index::after { content:""; flex:1; height:1px; background:var(--line); }
.manifest-copy { width:min(1130px,92%); margin-left:auto; }
.manifest-copy .lead { margin:0 0 14px; color:var(--red); font:12px var(--mono); text-transform:uppercase; }
.manifest-copy h2, .showcase-head h2, .modules-head h2, .developer-copy h2, .cta h2 { margin:0; font:900 clamp(48px,7.2vw,108px)/.92 var(--display); letter-spacing:-.06em; text-transform:uppercase; }
.manifest-stats { display:grid; grid-template-columns:repeat(3,1fr); width:min(1040px,85%); margin:80px 0 0 auto; border-top:1px solid var(--line); }
.manifest-stats article { padding:26px 18px; border-right:1px solid var(--line); }
.manifest-stats strong { display:block; margin-bottom:6px; font:900 clamp(48px,6vw,88px)/1 var(--display); }
.manifest-stats strong::after { content:"+"; color:var(--red); font-size:.4em; vertical-align:top; }
.manifest-stats span { color:var(--muted); font-size:12px; }

/* architecture */
.system-map { margin-top:80px; padding:clamp(24px,4vw,56px); border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 50%),#09090d; overflow:hidden; }
.map-head { display:flex; justify-content:space-between; align-items:start; gap:30px; }
.map-head .mono { color:var(--red); font-size:9px; }
.map-head h2 { margin:16px 0 0; font:900 clamp(40px,5vw,72px)/.94 var(--display); letter-spacing:-.05em; text-transform:uppercase; }
.map-live { display:flex; align-items:center; gap:9px; color:#85848b; font:9px var(--mono); }
.map-canvas { position:relative; min-height:580px; margin-top:38px; border:1px solid rgba(255,255,255,.07); border-radius:18px; background-image:radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1px); background-size:28px 28px; overflow:hidden; }
.map-lines { position:absolute; inset:0; pointer-events:none; }
.map-lines::before,.map-lines::after,.map-lines span { content:""; position:absolute; left:50%; top:50%; height:1px; width:44%; transform-origin:left; background:linear-gradient(90deg,var(--red),rgba(237,28,47,.03)); }
.map-lines::before { transform:rotate(-145deg); }.map-lines::after { transform:rotate(-35deg); }.map-lines span:nth-child(1){transform:rotate(145deg)}.map-lines span:nth-child(2){transform:rotate(35deg)}.map-lines span:nth-child(3){transform:rotate(180deg)}.map-lines span:nth-child(4){transform:rotate(0)}
.node { position:absolute; width:190px; min-height:108px; display:grid; align-content:center; gap:7px; padding:18px; border:1px solid var(--line); border-radius:16px; background:rgba(10,10,14,.9); box-shadow:0 18px 50px rgba(0,0,0,.3); }
.node span { color:var(--red); font:10px var(--mono); }.node b{font-size:16px}.node small{color:#77757d}
.node-core { left:50%; top:50%; width:210px; min-height:190px; justify-items:center; text-align:center; border-color:var(--line-hot); transform:translate(-50%,-50%); box-shadow:0 0 80px rgba(237,28,47,.12); }
.node-core img { width:74px; border-radius:18px; }.node-admin{left:5%;top:12%}.node-clients{right:5%;top:12%}.node-mobile{left:8%;bottom:10%}.node-cloud{right:8%;bottom:10%}

/* media gallery */
.showcase { padding:160px 0 70px; }
.showcase-head,.modules-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:52px; }
.showcase-head p,.modules-head p { width:min(420px,100%); margin:0; color:var(--muted); line-height:1.6; }
.reel { position:relative; height:min(72vw,760px); min-height:460px; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:#0b0b0f; }
.reel video { width:100%; height:100%; object-fit:cover; opacity:.72; filter:saturate(1.15) contrast(1.07); }
.reel::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,5,7,.02),rgba(5,5,7,.76)),linear-gradient(90deg,rgba(237,28,47,.13),transparent 45%); pointer-events:none; }
.reel-overlay { position:absolute; z-index:2; left:22px; right:22px; top:22px; display:flex; justify-content:space-between; align-items:center; color:#ddd; font:9px var(--mono); letter-spacing:.12em; }
.reel-sound { padding:9px 12px; border:1px solid var(--line); border-radius:999px; color:#fff; background:rgba(5,5,7,.5); font-size:9px; text-transform:uppercase; }
.reel-title { position:absolute; z-index:2; left:clamp(22px,5vw,72px); bottom:clamp(26px,5vw,70px); display:grid; }
.reel-title b { font:900 clamp(70px,14vw,210px)/.68 var(--display); letter-spacing:-.08em; }.reel-title em{font:900 clamp(32px,6vw,90px)/1 var(--display);letter-spacing:-.04em}
.gallery-controls { display:flex; justify-content:space-between; align-items:center; margin:26px 0 16px; }
.gallery-controls button { width:48px; height:48px; margin-right:7px; border:1px solid var(--line); border-radius:50%; background:transparent; transition:.2s ease; }.gallery-controls button:hover{border-color:var(--red);background:var(--red)}
.gallery-controls span { font:11px var(--mono); }.gallery-controls b{color:var(--red)}
.gallery-track { display:flex; gap:16px; overflow-x:auto; padding-bottom:22px; scroll-snap-type:x mandatory; scrollbar-width:none; }.gallery-track::-webkit-scrollbar{display:none}
.gallery-card { flex:0 0 min(720px,82vw); min-height:620px; padding:18px; border:1px solid var(--line); border-radius:22px; background:var(--panel); scroll-snap-align:start; overflow:hidden; }
.screen-top { display:flex; justify-content:space-between; padding-bottom:15px; color:#79777e; font-size:9px; }.screen-top b{color:var(--red)}
.gallery-card h3 { margin:26px 0 8px; font:900 clamp(32px,4vw,54px)/1 var(--display); letter-spacing:-.04em; text-transform:uppercase; }.gallery-card p{max-width:520px;margin:0;color:var(--muted);line-height:1.5}
.ui-window,.client-lock,.owner-map { position:relative; height:410px; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:#09090d; overflow:hidden; }
.ui-nav { height:62px; display:flex; align-items:center; gap:18px; padding:0 18px; border-bottom:1px solid var(--line); color:#77757c; font-size:11px; }.ui-nav i{width:13px;height:13px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--red)}.ui-nav strong{margin-right:auto;color:#fff}
.ui-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:18px; }.ui-grid i{height:88px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,rgba(237,28,47,.14),transparent 50%)}
.ui-chart { position:absolute; left:18px; right:18px; bottom:18px; height:105px; display:flex; align-items:end; gap:10px; padding:14px; border:1px solid var(--line); border-radius:10px; }.ui-chart span{flex:1;background:linear-gradient(var(--red),rgba(237,28,47,.15));border-radius:4px 4px 0 0}.ui-chart span:nth-child(1){height:34%}.ui-chart span:nth-child(2){height:55%}.ui-chart span:nth-child(3){height:46%}.ui-chart span:nth-child(4){height:78%}.ui-chart span:nth-child(5){height:68%}.ui-chart span:nth-child(6){height:92%}
.client-lock { display:grid; place-items:center; align-content:center; gap:12px; background:radial-gradient(circle,rgba(237,28,47,.18),transparent 42%),#050507; }.client-lock img{width:100px;border-radius:24px}.client-lock b{font:11px var(--mono);letter-spacing:.14em}.client-lock strong{font:900 clamp(48px,8vw,92px)/1 var(--display)}.client-lock span{color:var(--red);font:9px var(--mono)}
.phone-shell { width:220px; height:410px; margin:0 auto; padding:18px 13px; border:2px solid rgba(255,255,255,.14); border-radius:36px; background:#07070a; box-shadow:0 30px 80px rgba(0,0,0,.5); }.phone-notch{width:80px;height:18px;margin:-12px auto 18px;border-radius:0 0 12px 12px;background:#141419}.phone-brand{display:flex;align-items:center;gap:9px}.phone-brand img{width:38px;border-radius:10px}.phone-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.phone-cards i{height:92px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(237,28,47,.2),rgba(255,255,255,.025))}
.owner-map { display:grid;place-items:center;background-image:radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1px);background-size:24px 24px}.owner-map>span{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--red)}.owner-map>span:nth-child(1){left:15%;top:20%}.owner-map>span:nth-child(2){right:18%;top:24%}.owner-map>span:nth-child(3){left:24%;bottom:20%}.owner-map>span:nth-child(4){right:15%;bottom:18%}.owner-map>div{display:grid;justify-items:center;gap:8px;padding:22px;border:1px solid var(--line-hot);border-radius:50%;background:#08080c;box-shadow:0 0 70px rgba(237,28,47,.18)}.owner-map img{width:76px;border-radius:18px}.owner-map b{font:10px var(--mono)}

/* bento modules */
.modules { padding:160px 0 80px; }
.bento { display:grid; grid-template-columns:1.25fr .75fr .75fr; gap:14px; }
.bento article { position:relative; min-height:320px; padding:26px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 45%),#0a0a0e; overflow:hidden; transform-style:preserve-3d; transition:border-color .25s ease; }
.bento article:hover { border-color:rgba(237,28,47,.44); }.bento-large{grid-row:span 2;min-height:654px!important}.bento-wide{grid-column:span 2;display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px}
.bento-no { position:absolute; top:20px; right:22px; color:#44434a; font:10px var(--mono); }.bento .mono{color:var(--red);font-size:9px}.bento h3{max-width:460px;margin:22px 0 14px;font:900 clamp(30px,3.2vw,52px)/1 var(--display);letter-spacing:-.04em;text-transform:uppercase}.bento p{max-width:470px;margin:0;color:var(--muted);line-height:1.55}
.computer-rack { position:absolute; left:26px; right:26px; bottom:28px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.computer-rack i{height:96px;border:1px solid var(--line);border-radius:12px;background:#08080b}.computer-rack i::before{content:"";display:block;width:8px;height:8px;margin:14px;border-radius:50%;background:#3d3c43}.computer-rack i.online{border-color:rgba(186,255,41,.24);background:linear-gradient(145deg,rgba(186,255,41,.09),#08080b)}.computer-rack i.online::before{background:var(--lime);box-shadow:0 0 12px var(--lime)}
.spark { height:80px;display:flex;align-items:end;gap:6px;margin-top:34px}.spark i{flex:1;background:var(--red);border-radius:4px 4px 0 0}.spark i:nth-child(1){height:22%}.spark i:nth-child(2){height:40%}.spark i:nth-child(3){height:32%}.spark i:nth-child(4){height:65%}.spark i:nth-child(5){height:49%}.spark i:nth-child(6){height:76%}.spark i:nth-child(7){height:100%}
.store-tags { display:flex;flex-wrap:wrap;gap:7px;margin-top:32px}.store-tags span,.flow span{padding:9px 11px;border:1px solid var(--line);border-radius:999px;color:#bbb8c0;font:9px var(--mono)}.key-visual{margin-top:40px;padding:18px;border:1px dashed rgba(237,28,47,.4);border-radius:12px;color:#ddd;font:11px var(--mono)}
.flow { display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow i{color:var(--red);font-style:normal}

/* developer & CTA */
.demo-access{padding-top:150px}.demo-layout{display:grid;grid-template-columns:1fr .85fr;gap:clamp(35px,6vw,90px);align-items:start;margin-top:48px}.demo-copy{position:sticky;top:130px}.demo-copy>.mono{color:#63e6ff;font-size:9px}.demo-copy h2{margin:22px 0 28px;font:900 clamp(50px,6.4vw,92px)/.92 var(--display);letter-spacing:-.06em;text-transform:uppercase}.demo-copy h2 em{color:#63e6ff}.demo-copy>p{max-width:650px;color:#aaa8af;font-size:18px;line-height:1.65}.demo-points{display:grid;gap:9px;margin-top:30px}.demo-points span{padding:13px 15px;border:1px solid var(--line);border-radius:11px;color:#bbb8bf;font:9px var(--mono);letter-spacing:.06em}.demo-form{display:grid;gap:14px;padding:28px;border:1px solid rgba(99,230,255,.28);border-radius:24px;background:linear-gradient(145deg,rgba(99,230,255,.07),rgba(255,255,255,.025));box-shadow:0 32px 100px rgba(0,0,0,.4)}.demo-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.demo-form-head span{color:#63e6ff;font:8px var(--mono);letter-spacing:.14em}.demo-form-head strong{font:900 22px var(--display)}.demo-form label{display:grid;gap:7px;color:#b1aeb5;font-size:12px;font-weight:800}.demo-form input{width:100%;height:50px;padding:0 14px;border:1px solid var(--line);border-radius:12px;outline:0;color:#fff;background:#09090d;font:inherit}.demo-form input:focus{border-color:#63e6ff;box-shadow:0 0 0 3px rgba(99,230,255,.12)}.demo-consent{display:flex!important;align-items:flex-start;gap:10px;line-height:1.45}.demo-consent input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}.demo-form>button{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 18px;border:0;border-radius:13px;color:#061015;background:#63e6ff;font-weight:900}.demo-form>button i{font-style:normal}.demo-form>button:disabled{opacity:.55}.demo-status{min-height:20px;margin:0;color:#8deeff;font-size:12px}.demo-status.error{color:#ff8792}.demo-result{scroll-margin-top:110px;margin-top:46px;padding:30px;border:1px solid rgba(186,255,41,.25);border-radius:24px;background:linear-gradient(135deg,rgba(186,255,41,.055),rgba(255,255,255,.018))}.demo-result[hidden]{display:none}.demo-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.demo-result-head h3{margin:7px 0 4px;font:900 clamp(30px,4vw,52px)/1 var(--display);text-transform:uppercase}.demo-result-head p{margin:0;color:#8e8b93}.demo-result-head>b{padding:10px 13px;border:1px solid rgba(186,255,41,.3);border-radius:999px;color:var(--lime);font:8px var(--mono);white-space:nowrap}.demo-key-grid,.demo-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.demo-key-grid article,.demo-download-grid article{padding:19px;border:1px solid var(--line);border-radius:16px;background:rgba(5,5,8,.55)}.demo-key-grid span,.demo-download-grid>article>span{color:#77747c;font:8px var(--mono);letter-spacing:.1em}.demo-key-grid code{display:block;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px;color:#fff;background:#050507;font:800 12px/1.5 var(--mono);overflow-wrap:anywhere;user-select:all}.demo-key-grid button{min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:#fff;background:rgba(255,255,255,.05);font-size:11px}.demo-download-grid h4{margin:10px 0 8px;font:800 27px var(--display)}.demo-download-grid p{min-height:48px;margin:0 0 16px;color:#918e96;font-size:13px}.demo-download-grid article>div{display:flex;flex-wrap:wrap;gap:8px}.demo-download-grid a{display:inline-flex;align-items:center;min-height:43px;padding:0 13px;border-radius:10px;color:#071013;background:#63e6ff;font-size:11px;font-weight:900}.demo-download-grid a.demo-auto{border:1px solid var(--line);color:#fff;background:rgba(255,255,255,.05)}.demo-download-grid a.disabled{opacity:.4;pointer-events:none}.demo-note{margin:20px 0 0;color:#77747c;font-size:11px}
.demo-form-stack{display:grid;gap:16px}.demo-form[hidden],.demo-step-form[hidden]{display:none}.demo-step-form{display:grid;gap:14px}.demo-step-form button{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 18px;border:0;border-radius:13px;color:#061015;background:#63e6ff;font-weight:900}.demo-step-form button i{font-style:normal}.demo-step-form button:disabled{opacity:.55}.demo-gate-copy{margin:0 0 5px;color:#aaa8af;font-size:13px;line-height:1.55}.demo-email-verified{display:grid;gap:5px;padding:12px 14px;border:1px solid rgba(186,255,41,.25);border-radius:11px;background:rgba(186,255,41,.05)}.demo-email-verified span{color:var(--lime);font:8px var(--mono);letter-spacing:.1em}.demo-email-verified strong{font-size:13px;overflow-wrap:anywhere}
.updates{padding-top:150px}.updates-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:50px;margin:44px 0 70px}.updates-head h2{margin:14px 0 0;font:900 clamp(48px,7vw,96px)/.92 var(--display);letter-spacing:-.06em;text-transform:uppercase}.updates-head h2 em{color:var(--red)}.updates-head>p{margin:0;color:#9c99a1;font-size:17px;line-height:1.65}.release-timeline{position:relative;display:grid}.release-timeline::before{content:"";position:absolute;left:138px;top:0;bottom:0;width:1px;background:linear-gradient(var(--red),var(--line) 45%,transparent)}.release-entry{position:relative;display:grid;grid-template-columns:110px 1fr;gap:58px;padding:0 0 64px}.release-entry::before{content:"";position:absolute;left:132px;top:9px;width:11px;height:11px;border:2px solid #08080b;border-radius:50%;background:#5b5960;box-shadow:0 0 0 1px var(--line)}.release-entry.featured::before{background:var(--red);box-shadow:0 0 18px rgba(237,28,47,.8)}.release-mark{display:grid;align-content:start;gap:7px;text-align:right}.release-mark strong{color:#fff;font:900 28px var(--display)}.release-mark span{color:#66646c;font:8px var(--mono);letter-spacing:.12em}.release-copy{padding:26px 30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}.release-entry.featured .release-copy{border-color:rgba(237,28,47,.34);background:linear-gradient(135deg,rgba(237,28,47,.11),rgba(255,255,255,.018))}.release-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}.release-title span{color:#74717a;font:8px var(--mono)}.release-title h3{flex:1 1 350px;margin:0;color:#f8f6f5;font:800 clamp(25px,3vw,38px)/1.05 var(--display);letter-spacing:-.03em}.release-title b{padding:7px 10px;border-radius:999px;color:#ffc8cd;background:rgba(237,28,47,.16);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.release-copy ul{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}.release-copy li{position:relative;padding-left:20px;color:#a5a2a9;line-height:1.55}.release-copy li::before{content:"+";position:absolute;left:0;color:var(--red);font-weight:900}
.developer { min-height:800px; display:grid; grid-template-columns:.65fr 1.35fr; align-items:center; gap:clamp(30px,5vw,80px); padding-top:130px; }
.developer-portrait { position:relative; aspect-ratio:1; display:grid; place-items:center; }.portrait-ring{position:absolute;inset:3%;border:1px solid var(--line);border-radius:50%;animation:introRotate 18s linear infinite}.portrait-ring::before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 20px var(--red)}.portrait-logo{width:62%;aspect-ratio:1;border-radius:30%;overflow:hidden;transform:rotate(-7deg);box-shadow:0 40px 100px rgba(0,0,0,.48),0 0 90px rgba(237,28,47,.15)}.portrait-logo img{width:100%;height:100%;object-fit:cover}.portrait-code{position:absolute;right:8%;bottom:14%;padding:10px 13px;border:1px solid var(--line);border-radius:99px;background:#09090d;font:10px var(--mono)}
.developer-copy>.mono{color:var(--red);font-size:9px}.developer-copy h2{margin:20px 0 24px}.developer-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.72fr);align-items:end;gap:clamp(24px,3vw,48px);margin:20px 0 28px}.developer-heading h2{margin:0;font-size:clamp(52px,6vw,92px)}.developer-slogan{position:relative;padding:22px 0 13px 24px;border-left:1px solid rgba(237,28,47,.55);background:linear-gradient(90deg,rgba(237,28,47,.07),transparent 72%)}.developer-slogan::before{content:"";position:absolute;left:-4px;top:0;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--red)}.developer-slogan>span{color:#68666e;font:8px var(--mono);letter-spacing:.16em}.developer-slogan p{margin:15px 0 0;color:#f4f2f2;font:900 clamp(25px,2.4vw,42px)/1.03 var(--display);letter-spacing:-.035em;text-transform:uppercase}.developer-slogan em{color:var(--red)}.developer-copy>p{max-width:650px;color:#aaa8af;font-size:18px;line-height:1.65}.developer-meta{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.developer-meta span{padding:9px 11px;border:1px solid var(--line);border-radius:999px;color:#817f87;font:9px var(--mono);text-transform:uppercase}
.cta { position:relative; min-height:720px; display:grid; place-items:center; align-content:center; margin-top:110px; padding:80px 24px; border:1px solid var(--line); border-radius:var(--radius); text-align:center; overflow:hidden; background:radial-gradient(circle at center,rgba(237,28,47,.18),transparent 44%),#09090d; }
.cta-glow{position:absolute;width:540px;height:540px;border:1px solid rgba(237,28,47,.18);border-radius:50%;box-shadow:0 0 0 80px rgba(237,28,47,.025),0 0 0 160px rgba(237,28,47,.018);animation:wolfPulse 4s ease-in-out infinite}.cta>.mono{position:relative;color:var(--red);font-size:9px}.cta h2{position:relative;margin:24px 0}.cta p{position:relative;max-width:620px;margin:0;color:#aaa8af;line-height:1.6}.cta-button{position:relative;margin-top:30px;background:#fff;color:#08080b}.cta-button:hover{color:#fff;background:var(--red)}
.footer { width:var(--page); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; padding:42px 0; }.footer-brand{display:flex;align-items:center;gap:10px;width:max-content}.footer-brand img{width:38px;border-radius:10px}.footer-brand b{font-size:15px}.footer-brand em{margin-left:3px}.footer-credit{display:grid;gap:5px;text-align:center;color:#77757d;font-size:10px}.footer-credit a{color:#fff;margin-left:4px}.back-top{justify-self:end;color:#8b8990;font-size:11px}

/* BORZ ARENA */
[hidden] { display:none!important; }
body.arena-active { overflow:hidden; }
.arena-modal { width:min(1480px,calc(100% - 24px)); max-width:none; height:min(900px,calc(100dvh - 24px)); max-height:none; padding:0; border:1px solid rgba(255,255,255,.16); border-radius:26px; color:#fff; background:#050507; box-shadow:0 50px 180px #000; overflow:hidden; }
.arena-modal[open] { animation:arenaPop .42s cubic-bezier(.16,.8,.2,1); }
.arena-modal::backdrop { background:rgba(0,0,0,.88); backdrop-filter:blur(16px); }
.arena-shell { position:relative; height:100%; overflow:hidden; background:radial-gradient(circle at 14% 54%,rgba(237,28,47,.18),transparent 27%),radial-gradient(circle at 82% 10%,rgba(237,28,47,.11),transparent 22%),#07070a; }
.arena-grid-bg { position:absolute; inset:0; opacity:.22; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(90deg,#000,transparent 82%); }
.arena-top { position:absolute; z-index:10; top:0; left:0; right:0; height:72px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 22px; border-bottom:1px solid var(--line); background:rgba(5,5,7,.7); backdrop-filter:blur(18px); }
.arena-brand { display:flex; align-items:center; gap:11px; width:max-content; }.arena-brand img{width:38px;height:38px;border-radius:11px}.arena-brand span{font-size:16px;font-weight:950;letter-spacing:-.04em}.arena-brand em{margin-left:3px}
.arena-live { display:flex;align-items:center;gap:9px;color:#77757f;font:8px var(--mono);letter-spacing:.14em}.arena-live i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime);animation:blink 1.5s ease-in-out infinite}
.arena-close { justify-self:end; width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:#fff;background:rgba(255,255,255,.045);font-size:25px;line-height:1;transition:.2s ease}.arena-close:hover{border-color:var(--red);background:var(--red);transform:rotate(90deg)}
.arena-screen { position:relative; z-index:2; height:100%; padding:96px clamp(24px,5vw,78px) 32px; overflow:auto; }

.arena-welcome { display:grid; grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr); align-items:center; gap:clamp(46px,8vw,140px); }
.arena-wolf-core { position:relative; width:min(39vw,500px); aspect-ratio:1; display:grid; place-items:center; justify-self:center; padding:0; border-radius:50%; color:#fff; background:transparent; }
.arena-wolf-core::before { content:""; position:absolute; inset:12%; border-radius:50%; background:radial-gradient(circle,rgba(237,28,47,.23),transparent 68%); filter:blur(10px); animation:wolfPulse 3s ease-in-out infinite; }
.arena-wolf-core img { position:relative; z-index:2; width:55%; aspect-ratio:1; object-fit:cover; border-radius:28%; box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 80px rgba(237,28,47,.21); transform:rotate(-7deg); transition:.35s ease; }
.arena-wolf-core>i { position:absolute; z-index:4; right:10%; bottom:17%; display:grid; width:70px;height:70px;place-items:center;border-radius:50%;color:#fff;background:var(--red);box-shadow:0 0 45px rgba(237,28,47,.55);font:800 9px var(--mono);font-style:normal;letter-spacing:.12em;animation:arenaPulse 2s ease-in-out infinite}.arena-wolf-core:hover img{transform:rotate(-2deg) scale(1.06)}
.arena-ring { position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.arena-ring::before{content:"";position:absolute;top:-5px;left:50%;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--red)}.arena-ring.ring-a{inset:3%;animation:introRotate 17s linear infinite}.arena-ring.ring-b{inset:17%;border-style:dashed;border-color:rgba(237,28,47,.28);animation:introRotate 12s linear infinite reverse}
.arena-intro-copy { max-width:720px; }.arena-intro-copy>.mono{color:var(--red);font-size:9px}.arena-intro-copy h2{margin:18px 0 24px;font:900 clamp(70px,9vw,138px)/.78 var(--display);letter-spacing:-.075em}.arena-intro-copy>p{max-width:670px;margin:0;color:#aaa8af;font-size:clamp(16px,1.45vw,20px);line-height:1.6}
.arena-rules { display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.arena-rules div{display:grid;gap:8px;padding:18px 14px;border-right:1px solid var(--line)}.arena-rules div:last-child{border:0}.arena-rules b{color:var(--red);font:9px var(--mono)}.arena-rules span{color:#c7c4ca;font-size:11px;line-height:1.35}
.arena-start { min-width:240px;min-height:58px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 20px;border-radius:14px;color:#fff;background:var(--red);font-weight:900;box-shadow:0 18px 50px rgba(237,28,47,.18);transition:.25s ease}.arena-start:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(237,28,47,.34)}.arena-start i{font-style:normal}.arena-intro-copy>small{display:block;margin-top:16px;color:#69676f;font:9px var(--mono)}.arena-intro-copy>small b{color:#fff}

.arena-game { padding-left:clamp(18px,3vw,44px);padding-right:clamp(18px,3vw,44px); }
.arena-hud { display:grid;grid-template-columns:1.3fr repeat(3,1fr);border:1px solid var(--line);border-radius:18px;background:rgba(10,10,14,.86);overflow:hidden}.arena-hud>div{min-height:82px;display:grid;align-content:center;padding:12px 20px;border-right:1px solid var(--line)}.arena-hud>div:last-child{border:0}.arena-timer{grid-template-columns:auto auto 1fr;align-items:center!important;gap:12px}.arena-timer span,.arena-stat span{color:#6f6d75;font:8px var(--mono);letter-spacing:.12em}.arena-timer strong{color:var(--red);font:900 44px/1 var(--display)}.arena-timer small{align-self:end;margin-bottom:7px;color:#55545b;font:8px var(--mono)}.arena-stat{gap:5px}.arena-stat strong{font:900 clamp(21px,2.6vw,34px)/1 var(--display);letter-spacing:-.025em}.arena-stat.flash strong{animation:hudFlash .32s ease}
.arena-dashboard { min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-top:14px}.arena-club-panel,.arena-event-panel{padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 50%),rgba(8,8,12,.88);overflow:hidden}.arena-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.arena-panel-head .mono{color:var(--red);font-size:8px}.arena-panel-head h3{margin:7px 0 0;font:900 clamp(25px,3vw,40px)/1 var(--display);text-transform:uppercase}.arena-panel-head>b{display:flex;align-items:center;gap:7px;color:#74727a;font:8px var(--mono)}.arena-panel-head>b>i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.arena-combo.hot{color:#fff!important;text-shadow:0 0 16px var(--red)}
.arena-pc-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:26px}.arena-pc{position:relative;min-height:122px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#09090d;overflow:hidden;transition:.25s ease}.arena-pc::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:#333}.arena-pc>div{display:flex;align-items:center;justify-content:space-between}.arena-pc span{color:#8e8c93;font:9px var(--mono)}.arena-pc i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.arena-pc strong{display:block;margin-top:27px;font:900 16px var(--display)}.arena-pc small{color:#57565d;font:7px var(--mono)}.arena-pc.busy{border-color:rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(255,255,255,.07),#09090d)}.arena-pc.busy::after{background:#d7d7da}.arena-pc.alert{border-color:rgba(237,28,47,.65);background:linear-gradient(145deg,rgba(237,28,47,.17),#09090d);animation:pcAlert .85s ease-in-out infinite}.arena-pc.alert::after,.arena-pc.alert i{background:var(--red);box-shadow:0 0 12px var(--red)}.arena-pc.offline{opacity:.48}.arena-pc.offline i{background:#555;box-shadow:none}.arena-pc.offline::after{background:#3b3a40}
.arena-loss { display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:15px 17px;border:1px dashed rgba(186,255,41,.2);border-radius:13px;color:#7c7a82;font-size:11px}.arena-loss strong{color:var(--lime);font:900 20px var(--display)}
.arena-events { display:grid;gap:10px;margin-top:20px}.arena-events:empty::before{content:"Сканируем клуб…";display:grid;min-height:310px;place-items:center;border:1px dashed var(--line);border-radius:14px;color:#535159;font:9px var(--mono);letter-spacing:.12em}.arena-event{position:relative;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:#0c0c11;overflow:hidden;animation:eventEnter .3s ease}.arena-event-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px}.arena-event-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:rgba(237,28,47,.14);font-size:18px}.arena-event-title{display:grid;gap:2px}.arena-event-title span{color:var(--red);font:7px var(--mono);letter-spacing:.1em}.arena-event-title strong{font-size:13px}.arena-event-title small{color:#67656d;font:8px var(--mono)}.arena-event-points{color:var(--lime);font:9px var(--mono)}.arena-event p{margin:11px 0;color:#8d8b92;font-size:11px;line-height:1.4}.arena-event button{width:100%;padding:11px 13px;border-radius:10px;color:#fff;background:rgba(255,255,255,.07);font-size:11px;font-weight:850;transition:.2s ease}.arena-event button:hover{background:var(--red)}.event-life{height:2px;margin-top:11px;background:#232228;overflow:hidden}.event-life i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--red),#ff8993);transform-origin:left;transition:transform .2s linear}
.arena-game-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:13px}.arena-game-foot p{margin:0;color:#77757d;font:9px var(--mono)}.arena-game-foot p.success{color:var(--lime)}.arena-game-foot p.danger{color:var(--red-hot)}.arena-game-foot button{padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:#89878e;background:transparent;font-size:10px}.arena-game-foot button:hover{color:#fff;border-color:#fff}

.arena-result { display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(50px,8vw,130px)}.result-emblem{position:relative;width:min(35vw,410px);aspect-ratio:1;display:grid;place-items:center;justify-self:center}.result-emblem>span{position:absolute;inset:0;border:1px solid rgba(237,28,47,.3);border-radius:50%;box-shadow:0 0 0 50px rgba(237,28,47,.025),0 0 100px rgba(237,28,47,.17);animation:introRotate 17s linear infinite}.result-emblem>span::before,.result-emblem>span::after{content:"";position:absolute;inset:13%;border:1px dashed var(--line);border-radius:50%}.result-emblem>span::after{inset:29%;border-color:rgba(237,28,47,.4)}.result-emblem img{position:relative;z-index:2;width:57%;border-radius:28%;transform:rotate(-6deg);box-shadow:0 30px 100px #000}.result-emblem i{position:absolute;z-index:3;bottom:8%;padding:11px 16px;border-radius:999px;color:#fff;background:var(--red);font:900 9px var(--mono);font-style:normal;letter-spacing:.16em}.result-copy>.mono{color:var(--red);font-size:9px}.result-copy h2{margin:20px 0;font:900 clamp(60px,7.2vw,108px)/.83 var(--display);letter-spacing:-.06em;text-transform:uppercase}.result-copy>p{max-width:640px;margin:0;color:#aaa8af;font-size:17px;line-height:1.55}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats div{display:grid;gap:7px;padding:17px 12px;border-right:1px solid var(--line)}.result-stats div:last-child{border:0}.result-stats span{color:#65636b;font:8px var(--mono)}.result-stats strong{font:900 clamp(21px,2.6vw,34px)/1 var(--display)}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.result-actions .arena-start{min-width:190px}.arena-share,.result-actions>a{min-height:58px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--line);border-radius:14px;color:#c5c2c8;background:rgba(255,255,255,.035);font-size:11px;font-weight:800}.arena-share:hover,.result-actions>a:hover{border-color:var(--red);color:#fff}.arena-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.arena-confetti i{position:absolute;top:-20px;width:7px;height:15px;background:var(--red);animation:confettiFall var(--fall,2.8s) linear var(--delay,0s) forwards}.arena-confetti i:nth-child(3n){background:#fff}.arena-confetti i:nth-child(4n){background:var(--lime)}

/* BORZ SHIELD */
.shield-shell { background:radial-gradient(circle at 18% 48%,rgba(186,255,41,.09),transparent 28%),radial-gradient(circle at 80% 18%,rgba(237,28,47,.12),transparent 24%),#060809; }
.shield-top .arena-brand em { color:var(--lime); }
.shield-welcome { display:grid;grid-template-columns:minmax(320px,.88fr) minmax(430px,1.12fr);align-items:center;gap:clamp(50px,8vw,130px); }
.shield-wolf-core { position:relative;width:min(38vw,490px);aspect-ratio:1;display:grid;place-items:center;justify-self:center;padding:0;color:#fff;background:transparent; }
.shield-wolf-core::before { content:"";position:absolute;inset:7%;clip-path:polygon(25% 6%,75% 6%,97% 50%,75% 94%,25% 94%,3% 50%);background:linear-gradient(145deg,rgba(186,255,41,.12),rgba(237,28,47,.09));box-shadow:inset 0 0 80px rgba(186,255,41,.06);animation:shieldBreathe 3s ease-in-out infinite; }
.shield-wolf-core img { position:relative;z-index:3;width:52%;aspect-ratio:1;object-fit:cover;border-radius:28%;box-shadow:0 35px 110px #000,0 0 75px rgba(186,255,41,.13);transition:.35s ease; }
.shield-wolf-core>i { position:absolute;z-index:5;right:7%;bottom:15%;display:grid;width:76px;height:76px;place-items:center;border:1px solid rgba(186,255,41,.5);border-radius:50%;color:#0b0d08;background:var(--lime);box-shadow:0 0 45px rgba(186,255,41,.32);font:900 8px var(--mono);font-style:normal;letter-spacing:.12em;animation:arenaPulse 2s ease-in-out infinite}.shield-wolf-core:hover img{transform:scale(1.06)}
.shield-hex { position:absolute;inset:1%;clip-path:polygon(25% 6%,75% 6%,97% 50%,75% 94%,25% 94%,3% 50%);border:1px solid rgba(186,255,41,.24);background:linear-gradient(60deg,transparent 49.8%,rgba(186,255,41,.18) 50%,transparent 50.2%);animation:introRotate 22s linear infinite}.shield-hex.hex-b{inset:18%;border-color:rgba(255,255,255,.11);animation:introRotate 16s linear infinite reverse}.shield-scan{position:absolute;z-index:4;inset:20%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 78%,rgba(186,255,41,.32) 96%,transparent);animation:introRotate 3s linear infinite;mask-image:radial-gradient(circle,transparent 0 45%,#000 47%)}
.shield-intro-copy { max-width:700px; }.shield-intro-copy>.mono{color:var(--lime);font-size:9px}.shield-intro-copy h2{margin:18px 0 24px;font:900 clamp(68px,8.6vw,132px)/.8 var(--display);letter-spacing:-.075em}.shield-intro-copy h2 em{color:var(--lime)}.shield-intro-copy>p{max-width:650px;margin:0;color:#aaaeb0;font-size:clamp(16px,1.4vw,20px);line-height:1.6}
.shield-rules{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.shield-rules div{display:grid;gap:8px;padding:18px 14px;border-right:1px solid var(--line)}.shield-rules div:last-child{border:0}.shield-rules b{color:var(--lime);font:9px var(--mono)}.shield-rules span{color:#c5c9c4;font-size:11px;line-height:1.35}
.shield-start{min-width:260px;min-height:58px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 20px;border-radius:14px;color:#080a07;background:var(--lime);font-weight:950;box-shadow:0 18px 50px rgba(186,255,41,.12);transition:.25s ease}.shield-start:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(186,255,41,.28)}.shield-start i{font-style:normal}.shield-intro-copy>small{display:block;margin-top:16px;color:#6c716a;font:9px var(--mono)}.shield-intro-copy>small b{color:#fff}

.shield-game{padding-left:clamp(18px,3vw,44px);padding-right:clamp(18px,3vw,44px)}.shield-hud{display:grid;grid-template-columns:1.3fr repeat(3,1fr);border:1px solid var(--line);border-radius:18px;background:rgba(8,11,10,.88);overflow:hidden}.shield-hud>div{min-height:82px;display:grid;align-content:center;padding:12px 20px;border-right:1px solid var(--line)}.shield-hud>div:last-child{border:0}.shield-timer{grid-template-columns:auto auto 1fr;align-items:center!important;gap:12px}.shield-timer span,.shield-stat span{color:#71766f;font:8px var(--mono);letter-spacing:.12em}.shield-timer strong{color:var(--lime);font:900 44px/1 var(--display)}.shield-timer small{align-self:end;margin-bottom:7px;color:#565b54;font:8px var(--mono)}.shield-stat{gap:5px}.shield-stat strong{font:900 clamp(21px,2.6vw,34px)/1 var(--display)}.shield-stat.flash strong{animation:shieldHudFlash .32s ease}
.shield-dashboard{min-height:525px;display:grid;grid-template-columns:1.12fr .88fr;gap:14px;margin-top:14px}.shield-network-panel,.shield-threat-panel{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(186,255,41,.025),transparent 50%),rgba(7,10,9,.9);overflow:hidden}.shield-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.shield-panel-head .mono{color:var(--lime);font-size:8px}.shield-panel-head h3{margin:7px 0 0;font:900 clamp(25px,3vw,40px)/1 var(--display);text-transform:uppercase}.shield-panel-head>b{display:flex;align-items:center;gap:7px;color:#787d76;font:8px var(--mono)}.shield-panel-head>b>i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.shield-panel-head>b.danger{color:var(--red-hot)}.shield-panel-head>b.danger>i{background:var(--red);box-shadow:0 0 12px var(--red)}.shield-combo.hot{color:var(--lime)!important;text-shadow:0 0 16px rgba(186,255,41,.5)}
.shield-map{position:relative;height:365px;margin-top:14px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:radial-gradient(circle at center,rgba(186,255,41,.07),transparent 42%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;overflow:hidden}.shield-radar{position:absolute;inset:3%;border:1px solid rgba(186,255,41,.08);border-radius:50%;background:conic-gradient(from 0deg,transparent 0 84%,rgba(186,255,41,.14) 96%,transparent);animation:introRotate 5s linear infinite}.shield-radar::before,.shield-radar::after{content:"";position:absolute;inset:19%;border:1px solid rgba(255,255,255,.05);border-radius:50%}.shield-radar::after{inset:38%}
.shield-links{position:absolute;inset:0}.shield-links i{position:absolute;left:50%;top:50%;width:41%;height:1px;background:linear-gradient(90deg,rgba(186,255,41,.35),rgba(255,255,255,.04));transform-origin:left}.shield-links i:nth-child(1){transform:rotate(0deg)}.shield-links i:nth-child(2){transform:rotate(45deg)}.shield-links i:nth-child(3){transform:rotate(90deg)}.shield-links i:nth-child(4){transform:rotate(135deg)}.shield-links i:nth-child(5){transform:rotate(180deg)}.shield-links i:nth-child(6){transform:rotate(225deg)}.shield-links i:nth-child(7){transform:rotate(270deg)}.shield-links i:nth-child(8){transform:rotate(315deg)}
.shield-core-node{position:absolute;z-index:3;left:50%;top:50%;width:126px;height:126px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid rgba(186,255,41,.35);clip-path:polygon(25% 5%,75% 5%,98% 50%,75% 95%,25% 95%,2% 50%);background:#08100b;transform:translate(-50%,-50%);transition:.3s ease}.shield-core-node>span{position:absolute;inset:0;background:radial-gradient(circle,rgba(186,255,41,.14),transparent 68%)}.shield-core-node img{position:relative;width:48px;border-radius:13px}.shield-core-node b{position:relative;font:9px var(--mono)}.shield-core-node small{position:relative;color:var(--lime);font:6px var(--mono)}.shield-core-node.active{filter:drop-shadow(0 0 28px rgba(186,255,41,.55));animation:shieldCoreActive .8s ease-in-out infinite}.shield-core-node.danger{border-color:var(--red);filter:drop-shadow(0 0 24px rgba(237,28,47,.4))}.shield-core-node.danger small{color:var(--red)}
.shield-nodes{position:absolute;inset:0}.shield-node{position:absolute;z-index:4;width:78px;min-height:58px;display:grid;align-content:center;justify-items:center;gap:3px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#090d0b;transition:.25s ease}.shield-node:nth-child(1){left:5%;top:8%}.shield-node:nth-child(2){left:42%;top:4%}.shield-node:nth-child(3){right:5%;top:8%}.shield-node:nth-child(4){right:3%;top:43%}.shield-node:nth-child(5){right:6%;bottom:7%}.shield-node:nth-child(6){left:42%;bottom:3%}.shield-node:nth-child(7){left:5%;bottom:7%}.shield-node:nth-child(8){left:3%;top:43%}.shield-node span{color:#868b84;font:8px var(--mono)}.shield-node i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px var(--lime)}.shield-node small{color:#555b53;font:6px var(--mono)}.shield-node.threat{border-color:rgba(237,28,47,.75);background:rgba(40,8,12,.9);animation:nodeThreat .7s ease-in-out infinite}.shield-node.threat i{background:var(--red);box-shadow:0 0 13px var(--red)}.shield-node.offline{opacity:.42}.shield-node.protected{border-color:rgba(186,255,41,.55);box-shadow:inset 0 0 22px rgba(186,255,41,.08)}
.wolf-shield{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:12px;padding:12px 14px;border:1px solid rgba(186,255,41,.22);border-radius:13px;color:#7c8378;background:rgba(186,255,41,.035);text-align:left;transition:.25s ease}.wolf-shield>span{display:flex;align-items:center;gap:9px}.wolf-shield>span b{font-size:20px}.wolf-shield>span i{font:8px var(--mono);font-style:normal;letter-spacing:.12em}.wolf-shield>strong{font:900 18px var(--display)}.wolf-shield>em{grid-column:1/-1;height:3px;background:#20251f;overflow:hidden}.wolf-shield>em i{display:block;width:0;height:100%;background:var(--lime);transition:width .3s ease}.wolf-shield.ready{color:#090b08;border-color:var(--lime);background:var(--lime);box-shadow:0 0 35px rgba(186,255,41,.2);animation:shieldReady 1s ease-in-out infinite}.wolf-shield.ready>em{background:rgba(0,0,0,.2)}.wolf-shield.ready>em i{background:#0a0c09}.wolf-shield:disabled{cursor:not-allowed}
.shield-threats{display:grid;gap:9px;margin-top:18px}.shield-threats:empty::before{content:"Угрозы не обнаружены";display:grid;min-height:320px;place-items:center;border:1px dashed var(--line);border-radius:14px;color:#535952;font:9px var(--mono);letter-spacing:.12em}.shield-threat{position:relative;padding:14px;border:1px solid rgba(237,28,47,.22);border-radius:14px;background:linear-gradient(110deg,rgba(237,28,47,.075),#0a0d0b);overflow:hidden;animation:eventEnter .3s ease}.shield-threat-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.shield-threat-icon{display:grid;width:39px;height:39px;place-items:center;border-radius:10px;color:#fff;background:rgba(237,28,47,.17);font-size:18px}.shield-threat-title{display:grid;gap:2px}.shield-threat-title span{color:var(--red);font:7px var(--mono);letter-spacing:.1em}.shield-threat-title strong{font-size:13px}.shield-threat-title small{color:#696e67;font:8px var(--mono)}.shield-threat-damage{color:var(--red-hot);font:8px var(--mono)}.shield-threat button{width:100%;margin-top:10px;padding:10px;border-radius:9px;color:#0b0d09;background:var(--lime);font-size:10px;font-weight:900}.shield-threat button:hover{filter:brightness(1.12)}.threat-life{height:2px;margin-top:10px;background:#222622;overflow:hidden}.threat-life i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--lime),var(--red));transform-origin:left;transition:transform .2s linear}.shield-data{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:13px 15px;border:1px dashed rgba(186,255,41,.17);border-radius:11px;color:#757a73;font-size:10px}.shield-data strong{color:var(--lime);font:900 18px var(--display)}
.shield-game-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}.shield-game-foot p{margin:0;color:#7a8077;font:9px var(--mono)}.shield-game-foot p.success{color:var(--lime)}.shield-game-foot p.danger{color:var(--red-hot)}.shield-game-foot button{padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:#898f87;background:transparent;font-size:10px}.shield-game-foot button:hover{color:#fff;border-color:#fff}
.shield-result{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(50px,8vw,130px)}.shield-result-emblem>span{border-color:rgba(186,255,41,.3);box-shadow:0 0 0 50px rgba(186,255,41,.018),0 0 100px rgba(186,255,41,.12)}.shield-result-emblem i{color:#080a07;background:var(--lime)}.shield-result .result-copy>.mono{color:var(--lime)}.shield-result .result-copy h2 em{color:var(--lime)}.shield-result .result-stats strong{font-size:clamp(19px,2.3vw,31px)}

/* BORZ WOLF */
.wolf-shell { background:radial-gradient(circle at 18% 48%,rgba(99,230,255,.12),transparent 29%),radial-gradient(circle at 83% 17%,rgba(237,28,47,.13),transparent 25%),#05080b; }
.wolf-top .arena-brand em { color:#63e6ff; }
.wolf-top .arena-live i { background:#63e6ff;box-shadow:0 0 15px #63e6ff; }
.wolf-welcome { display:grid;grid-template-columns:minmax(320px,.88fr) minmax(430px,1.12fr);align-items:center;gap:clamp(50px,8vw,130px); }
.wolf-game-core { position:relative;width:min(38vw,490px);aspect-ratio:1;display:grid;place-items:center;justify-self:center;padding:0;color:#fff;background:transparent; }
.wolf-game-core::before { content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(99,230,255,.17),transparent 67%);filter:blur(8px);animation:wolfPulse 3s ease-in-out infinite; }
.wolf-game-core img { position:relative;z-index:3;width:52%;aspect-ratio:1;object-fit:cover;border-radius:28%;box-shadow:0 35px 110px #000,0 0 80px rgba(99,230,255,.18);transition:.35s ease; }
.wolf-game-core>i { position:absolute;z-index:5;right:6%;bottom:14%;display:grid;width:76px;height:76px;place-items:center;border:1px solid rgba(99,230,255,.55);border-radius:50%;color:#061014;background:#63e6ff;box-shadow:0 0 45px rgba(99,230,255,.35);font:900 8px var(--mono);font-style:normal;letter-spacing:.12em;animation:wolfHuntPulse 2s ease-in-out infinite}.wolf-game-core:hover img{transform:scale(1.06) rotate(-3deg)}
.wolf-track { position:absolute;border:1px solid rgba(99,230,255,.22);border-radius:50%; }.wolf-track::before,.wolf-track::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#63e6ff;box-shadow:0 0 16px #63e6ff}.wolf-track::before{left:50%;top:-4px}.wolf-track::after{right:7%;bottom:18%;background:var(--red);box-shadow:0 0 16px var(--red)}.wolf-track.track-a{inset:1%;animation:introRotate 18s linear infinite}.wolf-track.track-b{inset:19%;border-style:dashed;border-color:rgba(255,255,255,.12);animation:introRotate 13s linear infinite reverse}
.wolf-crosshair{position:absolute;inset:8%;background:linear-gradient(transparent calc(50% - .5px),rgba(99,230,255,.12) 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),rgba(99,230,255,.12) 50%,transparent calc(50% + .5px));mask-image:radial-gradient(circle,transparent 0 25%,#000 26% 76%,transparent 77%)}
.wolf-intro-copy { max-width:700px; }.wolf-intro-copy>.mono{color:#63e6ff;font-size:9px}.wolf-intro-copy h2{margin:18px 0 24px;font:900 clamp(68px,8.6vw,132px)/.8 var(--display);letter-spacing:-.075em}.wolf-intro-copy h2 em{color:#63e6ff}.wolf-intro-copy>p{max-width:650px;margin:0;color:#a9afb3;font-size:clamp(16px,1.4vw,20px);line-height:1.6}
.wolf-rules{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.wolf-rules div{display:grid;gap:8px;padding:18px 14px;border-right:1px solid var(--line)}.wolf-rules div:last-child{border:0}.wolf-rules b{color:#63e6ff;font:9px var(--mono)}.wolf-rules span{color:#c5c9cc;font-size:11px;line-height:1.35}
.wolf-start{min-width:250px;min-height:58px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 20px;border-radius:14px;color:#061014;background:#63e6ff;font-weight:950;box-shadow:0 18px 50px rgba(99,230,255,.14);transition:.25s ease}.wolf-start:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(99,230,255,.3)}.wolf-start i{font-style:normal}.wolf-intro-copy>small{display:block;margin-top:16px;color:#687176;font:9px var(--mono)}.wolf-intro-copy>small b{color:#fff}

.wolf-game{padding-left:clamp(18px,3vw,44px);padding-right:clamp(18px,3vw,44px)}
.wolf-hud{display:grid;grid-template-columns:1.3fr repeat(3,1fr);border:1px solid var(--line);border-radius:18px;background:rgba(6,12,15,.9);overflow:hidden}.wolf-hud>div{min-height:78px;display:grid;align-content:center;padding:11px 20px;border-right:1px solid var(--line)}.wolf-hud>div:last-child{border:0}.wolf-timer{grid-template-columns:auto auto 1fr;align-items:center!important;gap:12px}.wolf-timer span,.wolf-stat span{color:#6a7478;font:8px var(--mono);letter-spacing:.12em}.wolf-timer strong{color:#63e6ff;font:900 42px/1 var(--display)}.wolf-timer small{align-self:end;margin-bottom:7px;color:#535d61;font:8px var(--mono)}.wolf-stat{gap:5px}.wolf-stat strong{font:900 clamp(21px,2.6vw,33px)/1 var(--display);letter-spacing:-.025em}.wolf-stat.flash strong{animation:wolfHudFlash .32s ease}
.wolf-stage-wrap{margin-top:12px;padding:15px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(99,230,255,.035),transparent 45%),rgba(5,9,12,.93)}
.wolf-stage-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4px 12px}.wolf-stage-top .mono{color:#63e6ff;font-size:7px}.wolf-stage-top h3{margin:5px 0 0;font:900 clamp(20px,2.4vw,32px)/1 var(--display);text-transform:uppercase}.wolf-stage-state{display:flex;align-items:center;gap:10px;color:#737d81;font:7px var(--mono);letter-spacing:.1em}.wolf-stage-state>i{width:6px;height:6px;border-radius:50%;background:#63e6ff;box-shadow:0 0 12px #63e6ff}.wolf-stage-state>b{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:#60696d}.wolf-stage-state>b.active{color:#061014;border-color:#63e6ff;background:#63e6ff;box-shadow:0 0 20px rgba(99,230,255,.25)}
.wolf-canvas-shell{position:relative;width:100%;overflow:hidden;border:1px solid rgba(99,230,255,.15);border-radius:14px;background:#030609;box-shadow:inset 0 0 70px rgba(99,230,255,.025)}.wolf-canvas-shell canvas{display:block;width:100%;height:min(53vh,560px);touch-action:none}.wolf-legend{position:absolute;left:12px;bottom:10px;display:flex;gap:12px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#656f73;background:rgba(3,6,9,.72);font:6px var(--mono)}.wolf-legend span{display:flex;align-items:center;gap:5px}.wolf-legend i{width:6px;height:6px;border-radius:50%}.core-dot{background:var(--lime);box-shadow:0 0 8px var(--lime)}.threat-dot{background:var(--red);box-shadow:0 0 8px var(--red)}.power-dot{background:#63e6ff;box-shadow:0 0 8px #63e6ff}
.wolf-control-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:10px}.wolf-control-row>p{margin:0;color:#768085;font:8px var(--mono)}.wolf-control-row>p.success{color:var(--lime)}.wolf-control-row>p.danger{color:var(--red-hot)}.wolf-dpad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,34px);gap:4px}.wolf-dpad button{display:grid;place-items:center;border:1px solid rgba(99,230,255,.2);border-radius:9px;color:#9bedff;background:rgba(99,230,255,.055);font-size:18px;touch-action:none;user-select:none;transition:.15s ease}.wolf-dpad button:active,.wolf-dpad button.pressed{color:#061014;background:#63e6ff;transform:scale(.93)}.wolf-dpad .dpad-up{grid-column:2}.wolf-dpad .dpad-left{grid-column:1;grid-row:2}.wolf-dpad .dpad-center{grid-column:2;grid-row:2;color:#384247}.wolf-dpad .dpad-right{grid-column:3;grid-row:2}.wolf-dpad .dpad-down{grid-column:2;grid-row:3}.wolf-end{justify-self:end;padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:#899398;background:transparent;font-size:9px}.wolf-end:hover{color:#fff;border-color:#fff}
.wolf-result{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(50px,8vw,130px)}.wolf-result-emblem>span{border-color:rgba(99,230,255,.3);box-shadow:0 0 0 50px rgba(99,230,255,.02),0 0 100px rgba(99,230,255,.14)}.wolf-result-emblem i{color:#061014;background:#63e6ff}.wolf-result .result-copy>.mono{color:#63e6ff}.wolf-result .result-copy h2 em{color:#63e6ff}.wolf-result .result-stats strong{font-size:clamp(19px,2.3vw,31px)}

.video-modal { width:min(1100px,calc(100% - 28px)); padding:0; border:1px solid var(--line); border-radius:22px; color:#fff; background:#060608; box-shadow:0 40px 140px #000; overflow:hidden; }.video-modal::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(12px)}.video-modal video{display:block;width:100%;max-height:72vh;background:#000}.video-modal>div{display:flex;justify-content:space-between;gap:20px;padding:17px 20px;font:10px var(--mono)}.modal-close{position:absolute;z-index:2;top:12px;right:12px;width:42px;height:42px;border-radius:50%;color:#fff;background:rgba(0,0,0,.66);font-size:26px}

@keyframes introRotate { to { transform: rotate(360deg); } }
@keyframes scan { 0%,100%{top:8%;opacity:0} 20%,80%{opacity:1} 50%{top:92%} }
@keyframes blink { 50%{opacity:.35;transform:scale(.75)} }
@keyframes wolfPulse { 50%{transform:scale(1.035);filter:drop-shadow(0 0 24px rgba(237,28,47,.38))} }
@keyframes marquee { to { transform:translateX(-50%); } }
@keyframes wolfFloat { 0%,100%{translate:0 0}50%{translate:0 -9px} }
@keyframes arenaPop { from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)} }
@keyframes arenaPulse { 0%,100%{transform:scale(1);box-shadow:0 0 35px rgba(237,28,47,.4)}50%{transform:scale(1.08);box-shadow:0 0 65px rgba(237,28,47,.7)} }
@keyframes eventEnter { from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none} }
@keyframes pcAlert { 50%{box-shadow:inset 0 0 28px rgba(237,28,47,.13)} }
@keyframes hudFlash { 50%{color:var(--lime);transform:scale(1.06)} }
@keyframes confettiFall { to{transform:translate3d(var(--drift,30px),105vh,0) rotate(720deg)} }
@keyframes shieldBreathe { 50%{filter:drop-shadow(0 0 35px rgba(186,255,41,.24));transform:scale(1.025)} }
@keyframes shieldHudFlash { 50%{color:var(--lime);transform:scale(1.06)} }
@keyframes shieldCoreActive { 50%{filter:drop-shadow(0 0 48px rgba(186,255,41,.7));transform:translate(-50%,-50%) scale(1.035)} }
@keyframes nodeThreat { 50%{box-shadow:0 0 24px rgba(237,28,47,.2);transform:scale(1.035)} }
@keyframes shieldReady { 50%{box-shadow:0 0 55px rgba(186,255,41,.38);transform:scale(1.01)} }
@keyframes wolfHuntPulse { 0%,100%{transform:scale(1);box-shadow:0 0 34px rgba(99,230,255,.28)}50%{transform:scale(1.08);box-shadow:0 0 66px rgba(99,230,255,.65)} }
@keyframes wolfHudFlash { 50%{color:#63e6ff;transform:scale(1.06)} }

@media (max-width: 1000px) {
  :root { --page:min(100% - 30px,1440px); }
  .topbar{grid-template-columns:1fr auto}.topbar nav{position:absolute;top:62px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(6,6,9,.96)}.topbar.menu-open nav{display:flex}.topbar nav a,.topbar nav button{padding:14px}.nav-contact{display:none}.menu-toggle{display:block}
  .hero-copy{width:100%}.hero-orbit{opacity:.34;right:-18vw;width:78vw}.hero-meta{position:relative;right:auto;bottom:auto;width:100%;margin-top:60px}.hero-copy>p,.hero-actions{margin-left:0}.hero h1>span:last-child{padding-left:0}
  .manifest-copy,.manifest-stats{width:100%;margin-left:0}.showcase-head,.modules-head{align-items:flex-start;flex-direction:column}
  .map-canvas{min-height:700px}.node-core{top:50%}.node-admin{left:4%;top:7%}.node-clients{right:4%;top:7%}.node-mobile{left:4%;bottom:7%}.node-cloud{right:4%;bottom:7%}
  .bento{grid-template-columns:1fr 1fr}.bento-large{grid-row:auto;grid-column:span 2;min-height:560px!important}.bento-wide{grid-column:span 2}
  .demo-layout{grid-template-columns:1fr}.demo-copy{position:relative;top:auto}
  .updates-head{grid-template-columns:1fr;align-items:start}.release-timeline::before{left:108px}.release-entry{grid-template-columns:80px 1fr;gap:58px}.release-entry::before{left:102px}
  .developer{grid-template-columns:1fr}.developer-portrait{width:min(620px,85vw);margin:0 auto}
  .arena-welcome{grid-template-columns:1fr;align-content:start;gap:22px;padding-top:100px}.arena-wolf-core{width:min(310px,60vw)}.arena-intro-copy{max-width:760px;margin:0 auto}.arena-intro-copy h2{font-size:clamp(66px,14vw,110px)}
  .arena-dashboard{grid-template-columns:1fr}.arena-pc-grid{grid-template-columns:repeat(4,1fr)}.arena-result{grid-template-columns:1fr;align-content:start;gap:28px}.result-emblem{width:240px}.result-copy{width:100%}.result-copy h2{font-size:clamp(58px,11vw,92px)}
  .shield-welcome{grid-template-columns:1fr;align-content:start;gap:22px;padding-top:100px}.shield-wolf-core{width:min(300px,58vw)}.shield-intro-copy{max-width:760px;margin:0 auto}.shield-intro-copy h2{font-size:clamp(64px,13vw,106px)}.shield-dashboard{grid-template-columns:1fr}.shield-map{height:400px}.shield-result{grid-template-columns:1fr;align-content:start;gap:28px}
  .wolf-welcome{grid-template-columns:1fr;align-content:start;gap:22px;padding-top:100px}.wolf-game-core{width:min(300px,58vw)}.wolf-intro-copy{max-width:760px;margin:0 auto}.wolf-intro-copy h2{font-size:clamp(64px,13vw,106px)}.wolf-result{grid-template-columns:1fr;align-content:start;gap:28px}
}

@media (max-width: 680px) {
  :root { --page:calc(100% - 20px); --radius:18px; }
  .cursor-glow{display:none}.intro-foot{font-size:6px}.intro-status{margin-bottom:12px}.wolf-gate{width:180px}.intro-title{font-size:58px}.enter-button{margin-top:22px}
  .topbar{top:8px;width:calc(100% - 16px)}.brand img{width:34px;height:34px}
  .site-announcement{top:70px;grid-template-columns:1fr auto;gap:6px 12px;margin-bottom:-56px}.site-announcement span{grid-column:1/-1}.site-announcement p{font-size:12px}
  .hero{min-height:900px;padding:130px 14px 80px}.hero h1{font-size:clamp(60px,20vw,108px)}.hero-copy>p{width:100%;font-size:15px}.hero-actions{flex-direction:column}.hero-actions>*{width:100%}.hero-orbit{top:70%;right:-30vw;width:105vw}.hero-meta{grid-template-columns:1fr;margin-top:260px}.hero-meta div{border-right:0;border-bottom:1px solid var(--line)}
  .manifest{padding-top:100px}.manifest-copy h2,.showcase-head h2,.modules-head h2,.developer-copy h2,.cta h2{font-size:clamp(44px,15vw,72px)}.manifest-stats{grid-template-columns:1fr}.manifest-stats article{border-right:0;border-bottom:1px solid var(--line)}
  .system-map{padding:18px}.map-head{flex-direction:column}.map-canvas{min-height:780px}.node{width:148px;min-height:96px;padding:13px}.node-core{width:160px;min-height:160px}.node-admin{left:3%;top:4%}.node-clients{right:3%;top:24%}.node-mobile{left:3%;bottom:25%}.node-cloud{right:3%;bottom:5%}
  .showcase,.modules{padding-top:105px}.reel{min-height:540px}.reel-title b{font-size:28vw}.gallery-card{flex-basis:90vw;min-height:570px}.ui-window,.client-lock,.owner-map{height:360px}
  .bento{grid-template-columns:1fr}.bento article,.bento-large,.bento-wide{grid-column:auto;min-height:360px!important}.bento-large{min-height:610px!important}.bento-wide{display:block}.flow{margin-top:35px}.computer-rack{grid-template-columns:repeat(2,1fr)}.computer-rack i{height:80px}
  .demo-access{padding-top:105px}.demo-copy h2{font-size:clamp(44px,15vw,68px)}.demo-copy>p{font-size:15px}.demo-form{padding:20px 16px}.demo-result{padding:20px 14px}.demo-result-head{flex-direction:column}.demo-key-grid,.demo-download-grid{grid-template-columns:1fr}.demo-download-grid p{min-height:0}
  .updates{padding-top:105px}.updates-head{gap:22px;margin:34px 0 46px}.updates-head h2{font-size:clamp(44px,15vw,68px)}.updates-head>p{font-size:15px}.release-timeline::before{left:6px}.release-entry{grid-template-columns:1fr;gap:14px;padding-left:23px;padding-bottom:38px}.release-entry::before{left:0;top:8px}.release-mark{text-align:left}.release-mark strong{font-size:24px}.release-copy{padding:20px 18px}.release-title h3{font-size:27px}.release-copy li{font-size:14px}
  .developer{padding-top:90px}.developer-portrait{width:100%}.developer-heading{grid-template-columns:1fr;gap:24px}.developer-slogan{max-width:420px}.developer-copy>p{font-size:16px}.cta{min-height:610px;margin-top:70px}
  .footer{grid-template-columns:1fr;justify-items:start}.footer-credit{text-align:left}.back-top{justify-self:start}
  .video-modal>div{flex-direction:column}
  .arena-modal{width:100%;height:100dvh;border:0;border-radius:0}.arena-top{height:62px;grid-template-columns:1fr auto;padding:0 10px}.arena-live{display:none}.arena-brand img{width:34px;height:34px}.arena-close{width:37px;height:37px}.arena-screen{padding:78px 10px 18px}.arena-welcome{gap:10px}.arena-wolf-core{width:230px}.arena-wolf-core>i{width:53px;height:53px;right:5%;bottom:12%;font-size:7px}.arena-intro-copy>.mono{font-size:7px}.arena-intro-copy h2{margin:10px 0 16px;font-size:58px}.arena-intro-copy>p{font-size:14px}.arena-rules{grid-template-columns:1fr;margin:20px 0 18px}.arena-rules div{grid-template-columns:30px 1fr;align-items:center;padding:10px;border-right:0;border-bottom:1px solid var(--line)}.arena-rules div:last-child{border:0}.arena-start{width:100%;min-width:0}.arena-intro-copy>small{text-align:center}
  .arena-game{padding-left:8px;padding-right:8px}.arena-hud{grid-template-columns:1fr 1fr}.arena-hud>div{min-height:64px;padding:9px 12px;border-bottom:1px solid var(--line)}.arena-hud>div:nth-child(2){border-right:0}.arena-timer strong{font-size:32px}.arena-dashboard{min-height:0}.arena-club-panel,.arena-event-panel{padding:14px}.arena-panel-head h3{font-size:25px}.arena-pc-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:16px}.arena-pc{min-height:88px;padding:8px}.arena-pc strong{margin-top:18px;font-size:12px}.arena-pc small{font-size:6px}.arena-pc span{font-size:7px}.arena-event p{display:none}.arena-event button{margin-top:10px}.arena-game-foot{align-items:flex-start;flex-direction:column}.arena-events:empty::before{min-height:180px}
  .arena-result{gap:12px}.result-emblem{width:180px}.result-emblem i{bottom:2%;font-size:7px}.result-copy>.mono{font-size:7px}.result-copy h2{margin:12px 0;font-size:52px}.result-copy>p{font-size:14px}.result-stats{grid-template-columns:1fr 1fr;margin:18px 0}.result-stats div:nth-child(2){border-right:0}.result-actions>*{width:100%}.arena-share,.result-actions>a{min-height:50px}
  .shield-welcome{gap:10px}.shield-wolf-core{width:225px}.shield-wolf-core>i{width:54px;height:54px;right:3%;bottom:11%;font-size:6px}.shield-intro-copy>.mono{font-size:7px}.shield-intro-copy h2{margin:10px 0 16px;font-size:54px}.shield-intro-copy>p{font-size:14px}.shield-rules{grid-template-columns:1fr;margin:20px 0 18px}.shield-rules div{grid-template-columns:30px 1fr;align-items:center;padding:10px;border-right:0;border-bottom:1px solid var(--line)}.shield-rules div:last-child{border:0}.shield-start{width:100%;min-width:0}.shield-intro-copy>small{text-align:center}
  .shield-game{padding-left:8px;padding-right:8px}.shield-hud{grid-template-columns:1fr 1fr}.shield-hud>div{min-height:64px;padding:9px 12px;border-bottom:1px solid var(--line)}.shield-hud>div:nth-child(2){border-right:0}.shield-timer strong{font-size:32px}.shield-dashboard{min-height:0}.shield-network-panel,.shield-threat-panel{padding:13px}.shield-panel-head h3{font-size:25px}.shield-map{height:315px}.shield-node{width:61px;min-height:49px;padding:6px}.shield-node span{font-size:7px}.shield-node small{font-size:5px}.shield-core-node{width:98px;height:98px}.shield-core-node img{width:37px}.shield-core-node b{font-size:7px}.shield-threats:empty::before{min-height:190px}.shield-game-foot{align-items:flex-start;flex-direction:column}.shield-result{gap:12px}.shield-result .result-emblem{width:180px}
  .wolf-welcome{gap:10px}.wolf-game-core{width:225px}.wolf-game-core>i{width:54px;height:54px;right:3%;bottom:11%;font-size:6px}.wolf-intro-copy>.mono{font-size:7px}.wolf-intro-copy h2{margin:10px 0 16px;font-size:54px}.wolf-intro-copy>p{font-size:14px}.wolf-rules{grid-template-columns:1fr;margin:20px 0 18px}.wolf-rules div{grid-template-columns:70px 1fr;align-items:center;padding:10px;border-right:0;border-bottom:1px solid var(--line)}.wolf-rules div:last-child{border:0}.wolf-start{width:100%;min-width:0}.wolf-intro-copy>small{text-align:center}
  .wolf-game{padding-left:8px;padding-right:8px}.wolf-hud{grid-template-columns:1fr 1fr}.wolf-hud>div{min-height:61px;padding:8px 11px;border-bottom:1px solid var(--line)}.wolf-hud>div:nth-child(2){border-right:0}.wolf-timer strong{font-size:31px}.wolf-stage-wrap{padding:8px;margin-top:8px}.wolf-stage-top{padding-bottom:8px}.wolf-stage-top h3{font-size:20px}.wolf-stage-state{display:grid;grid-template-columns:auto auto}.wolf-stage-state>b{grid-column:1/-1;padding:5px 7px;text-align:center}.wolf-canvas-shell canvas{height:min(39vh,330px)}.wolf-legend{left:6px;bottom:5px;gap:7px;padding:5px;font-size:5px}.wolf-control-row{grid-template-columns:1fr auto;gap:8px}.wolf-control-row>p{font-size:7px}.wolf-dpad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,32px)}.wolf-end{grid-column:1/-1;justify-self:stretch}.wolf-result{gap:12px}.wolf-result .result-emblem{width:180px}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}
}