/* Arena homepage v3. Scoped so the installed account/admin screens keep their theme. */
.arena-home{--arena-hot:#ff9e24;--arena-ice:#ffe0a3}.arena-hero{padding:28px 0 16px}.arena-hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.arena-hero-top .eyebrow{margin:0;font-size:.8125rem;letter-spacing:.16em}.arena-motion-toggle{color:#bec3cc;background:transparent;border:1px solid #373c46;font-size:.8125rem;min-height:40px;padding:8px 12px;font-weight:500;gap:8px}.arena-motion-toggle:hover{background:#262a32;color:white}.arena-stage{height:clamp(240px,29vw,365px);position:relative;isolation:isolate;perspective:1100px;overflow:hidden;margin:16px 0 30px;border:1px solid #3b3027;border-radius:24px;background:radial-gradient(ellipse at 50% 65%,#49270f 0%,#1f1915 35%,#111317 73%)}.arena-stage::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 80px 25px #111317a6;border-radius:inherit}.arena-grid{position:absolute;inset:48% -50% -100%;background-image:linear-gradient(#b76a243d 1px,transparent 1px),linear-gradient(90deg,#b76a243d 1px,transparent 1px);background-size:64px 64px;transform:rotateX(66deg);transform-origin:50% 0;animation:arena-grid-drift 9s linear infinite;opacity:.6;mask-image:linear-gradient(transparent,#000 30%,transparent 80%)}.arena-halo{position:absolute;width:70%;height:24%;top:52%;left:15%;border-radius:50%;background:#ff8c0033;filter:blur(40px);animation:arena-glow 7s ease-in-out infinite}.arena-logo-float{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;transform-style:preserve-3d;animation:arena-float 8s ease-in-out infinite}.arena-logo-tilt{transform-style:preserve-3d;transform:rotateX(var(--arena-rx,-9deg)) rotateY(var(--arena-ry,-12deg));transition:transform .18s ease-out;text-align:center;width:92%}.arena-wordmark{position:relative;display:grid;place-items:center;transform-style:preserve-3d;font-size:clamp(66px,14vw,184px);font-family:Impact,"Arial Black",system-ui,sans-serif;font-weight:950;letter-spacing:.07em;line-height:1.15;padding-left:.07em;white-space:nowrap}.arena-wordmark>span{grid-area:1/1;backface-visibility:hidden}.arena-depth{color:#9a4c0e;text-shadow:1px 1px 0 #e88a23,-1px -1px 0 #492006}.depth-1{transform:translateZ(-3px)}.depth-2{transform:translateZ(-6px);color:#87410b}.depth-3{transform:translateZ(-9px);color:#763709}.depth-4{transform:translateZ(-12px);color:#69310a}.depth-5{transform:translateZ(-15px);color:#592908}.depth-6{transform:translateZ(-18px);color:#432308;text-shadow:0 20px 26px #000b}.arena-face{color:#ffb747;background:linear-gradient(115deg,#f8d99e 7%,#ffb950 23%,#ff8d17 43%,#ffe4b6 50%,#ffa62b 58%,#cf6810 80%,#ffe4b6);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px #ff951d28);animation:arena-metal 12s ease-in-out infinite}.arena-wordmark-caption{display:block;color:#ffd5a0;font-size:.8125rem;letter-spacing:.42em;padding-left:.42em;margin-top:10px;transform:translateZ(12px)}.arena-stage-bottom{position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;gap:16px;color:#bda78e;font-size:.75rem;letter-spacing:.1em;z-index:3}.arena-particles{position:absolute;inset:0;pointer-events:none}.arena-particles i{position:absolute;bottom:12%;left:10%;width:3px;height:3px;background:#ffd29a;border-radius:50%;opacity:0;animation:arena-spark 7s linear infinite}.arena-particles i:nth-child(2){left:20%;animation-delay:-3s}.arena-particles i:nth-child(3){left:30%;animation-delay:-6s}.arena-particles i:nth-child(4){left:40%;animation-delay:-1s}.arena-particles i:nth-child(5){left:50%;animation-delay:-4s}.arena-particles i:nth-child(6){left:60%;animation-delay:-2s}.arena-particles i:nth-child(7){left:70%;animation-delay:-5s}.arena-particles i:nth-child(8){left:80%;animation-delay:-.5s}.arena-particles i:nth-child(9){left:90%;animation-delay:-2.5s}.arena-particles i:nth-child(10){left:15%;animation-delay:-4.5s}.arena-particles i:nth-child(11){left:65%;animation-delay:-6.5s}.arena-particles i:nth-child(12){left:85%;animation-delay:-3.5s}.arena-intro{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:48px;align-items:center}.arena-intro h1{font-size:clamp(2rem,3.6vw,3.2rem);max-width:700px;line-height:1.12;letter-spacing:-.04em;margin-bottom:16px}.arena-intro h1 span{color:#ffb44d}.arena-intro-copy>p{max-width:560px;color:#afb5c1;font-size:1rem}.arena-intro .actions{margin-bottom:0}.arena-equipment{border-left:1px solid #43403a;padding-left:32px;display:grid;gap:20px}.arena-equipment>div{display:flex;align-items:center;gap:20px}.arena-equipment>div>div{display:grid}.arena-count{font-size:4.6rem;line-height:1;font-weight:800;min-width:60px;letter-spacing:-.06em;color:#ffc16b}.arena-equipment strong{font-size:1.4rem;line-height:1.3}.arena-equipment div>div>span{font-size:.875rem;color:#afb5c1;margin-top:4px}.arena-ps-count .arena-count{font-size:2.8rem;color:#b3b9c4}.arena-ps-count strong{font-size:1rem;color:#d0d5dc}.arena-home .service-grid{perspective:1000px}.arena-home .service-card{background:linear-gradient(150deg,#24252a,#181b20);border-color:#373b43;transition:transform .2s ease-out,border-color .2s,box-shadow .2s;transform:rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));position:relative}.arena-home .service-card:first-child{border-color:#906330;background:linear-gradient(140deg,#35271a,#1c1e23 65%)}.arena-home .service-card:hover{border-color:#d48d36;box-shadow:0 12px 30px #0003}.arena-home .service-number{font-size:1rem}.arena-home .button{position:relative;overflow:hidden;transition:box-shadow .2s,background .2s}.arena-home .button:hover{box-shadow:0 0 25px #ffad3224}.arena-home .button:active{transform:translateY(1px)}.arena-home .gallery a{overflow:hidden;border-radius:18px}.arena-home .gallery img{transition:transform .45s ease}.arena-home .gallery a:hover img{transform:scale(1.035)}.arena-home .contact-strip{background:linear-gradient(115deg,#292015,#1b1e24 65%)}.arena-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.arena-reveal.is-visible{opacity:1;transform:none}.arena-home.motion-paused *,.arena-home.motion-offscreen *{animation-play-state:paused!important}.arena-home.motion-paused .arena-logo-tilt{transform:rotateX(-9deg) rotateY(-12deg)}.arena-home.motion-paused .service-card{transform:none}.arena-home.motion-paused .arena-reveal{opacity:1;transform:none;transition:none}.arena-home.motion-paused .gallery img{transform:none;transition:none}
@keyframes arena-float{0%,100%{transform:translateY(5px) rotateZ(-1deg)}50%{transform:translateY(-8px) rotateZ(1deg)}}@keyframes arena-metal{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes arena-grid-drift{from{background-position:0 0}to{background-position:0 64px}}@keyframes arena-glow{0%,100%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes arena-spark{0%{transform:translate3d(0,0,0);opacity:0}20%{opacity:.65}80%{opacity:.25}100%{transform:translate3d(20px,-210px,0);opacity:0}}
@media(max-width:760px){.arena-intro{grid-template-columns:1fr;gap:28px}.arena-equipment{border-left:0;border-top:1px solid #43403a;padding:22px 0 0;grid-template-columns:1fr 1fr;gap:12px}.arena-equipment>div{gap:12px}.arena-count{font-size:3.8rem;min-width:40px}.arena-ps-count .arena-count{font-size:2.8rem}.arena-hero-top{align-items:center}.arena-hero-top .eyebrow{font-size:.75rem;letter-spacing:.08em}.arena-stage{border-radius:18px;margin-top:14px}.arena-wordmark{font-size:clamp(60px,15vw,110px);letter-spacing:.035em}.arena-wordmark-caption{font-size:.75rem;letter-spacing:.23em}.arena-stage-bottom{left:16px;right:16px;bottom:14px;font-size:.75rem;letter-spacing:0}.arena-stage-bottom span:last-child{display:none}.arena-halo{filter:blur(24px)}.arena-particles i:nth-child(n+7){display:none}.arena-grid{animation:none;background-size:42px 42px}.arena-face{animation:none}.arena-motion-toggle{padding:8px;font-size:.75rem}.arena-intro h1{font-size:2.15rem}.arena-home .section{padding-top:28px}}
@media(max-width:380px){.arena-hero-top{flex-wrap:wrap}.arena-equipment>div{gap:8px}.arena-equipment div>div>span{font-size:.8125rem}.arena-equipment strong{font-size:1.1rem}.arena-ps-count strong{font-size:.875rem}.arena-stage{height:220px}.arena-wordmark-caption{letter-spacing:.15em}}
@media(prefers-reduced-motion:reduce){.arena-home *{animation:none!important;transition:none!important}.arena-home .arena-reveal{opacity:1;transform:none}.arena-home .arena-logo-tilt{transform:rotateX(-9deg) rotateY(-12deg)}.arena-home .service-card{transform:none}.arena-home .gallery img{transform:none}}

/* v5: colorful device icons, using the homepage's existing pause controls. */
.arena-device-icons{display:flex;align-items:center;gap:12px}.arena-home .arena-device-icons .arena-device-icon{display:grid;place-items:center;width:38px;height:34px;border:1px solid currentColor;border-radius:9px;background:#111317cc;animation:arena-device-bob 3.6s ease-in-out infinite}.arena-device-icon svg{width:25px;height:25px;overflow:visible}.device-keyboard{color:#43dcff;box-shadow:0 0 14px #43dcff24}.arena-home .device-mouse{color:#c38aff;box-shadow:0 0 14px #c38aff24;animation-delay:-1.2s!important}.arena-home .device-gaming{color:#ffb340;box-shadow:0 0 14px #ffb34024;animation-delay:-2.4s!important}.arena-stage-bottom{align-items:center}.game-bolt{fill:currentColor;fill-opacity:.2;animation:arena-device-glow 2.4s ease-in-out infinite}.mouse-scroll{animation:arena-device-glow 2s ease-in-out infinite}@keyframes arena-device-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-3deg)}}@keyframes arena-device-glow{0%,100%{opacity:.5}50%{opacity:1}}@media(max-width:760px){.arena-device-icons{gap:10px}.arena-home .arena-device-icons .arena-device-icon{display:grid;width:34px;height:30px}.arena-device-icon svg{width:23px;height:23px}}