/* The portal: transform-only orbital motion and a short, honest intro timer. */
.arena-theme .entry{background:radial-gradient(ellipse at 50% 42%,#0a111bcc,#02040af2 77%),url('hero-v2.webp') center/cover;isolation:isolate;overflow-y:auto;padding:58px 18px;transition:opacity .8s ease,visibility .8s ease}
.arena-theme .entry:before{inset:-15%;background:radial-gradient(ellipse at 29% 43%,#1687ad40,transparent 37%),radial-gradient(ellipse at 71% 45%,#ea173940,transparent 37%);animation:portalMist 11s ease-in-out infinite alternate}
.arena-theme .entry:after{background-size:85px 85px;opacity:.16}
.arena-theme .entry-vignette{box-shadow:inset 0 0 110px 20px #0008}
.entry-frame{position:absolute;inset:28px;z-index:4;pointer-events:none;display:flex;justify-content:space-between;border-top:1px solid #a4c4d422;border-bottom:1px solid #a4c4d422;color:#8197ac;font:8px var(--mono);letter-spacing:.2em;padding:14px 0}
.entry-frame span:nth-child(3),.entry-frame span:nth-child(4){position:absolute;bottom:14px}.entry-frame span:nth-child(4){right:0}
.entry-ghost{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);font:400 clamp(150px,30vw,520px)/1 var(--display);letter-spacing:.07em;color:transparent;-webkit-text-stroke:1px #aacfff0b;pointer-events:none}
.arena-theme .entry-content{width:min(100%,680px);z-index:6;transition:transform .75s cubic-bezier(.7,0,.3,1),opacity .55s;display:flex;align-items:center;flex-direction:column}
.arena-theme .entry-code{opacity:1;animation:none;color:#a3b9ca;font:9px var(--mono);letter-spacing:.24em;display:flex;align-items:center;gap:10px}
.entry-code i{width:5px;height:5px;background:#6de3ff;box-shadow:0 0 12px #67dbff;transform:rotate(45deg)}
.arena-theme .entry-logo-wrap{width:clamp(180px,29vh,285px);height:clamp(180px,29vh,285px);margin:35px auto 30px;animation:none;display:grid;place-items:center;flex-shrink:0}
.arena-theme .entry-logo-wrap img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 12px 25px #0009);opacity:0;transform:scale(.87);animation:portalLogo 1.5s .15s ease-out forwards}
.arena-theme .entry.ready .entry-logo-wrap img{filter:drop-shadow(0 12px 25px #0009)}
.arena-theme .entry-logo-wrap:before{inset:3%;background:radial-gradient(ellipse,#98133355,transparent 70%);filter:none;opacity:1;animation:portalBreathe 5s ease-in-out infinite alternate}
.arena-theme .entry-logo-wrap:after{inset:8%;box-shadow:0 0 55px #4bbdff0d,inset 0 0 25px #f1284120;border:1px solid #cbdcea12}
.arena-theme .entry-orbit,.arena-theme .entry.ready .entry-orbit{inset:-6%;opacity:1;border:1px solid #98caff22;border-left:2px solid #65ddff;border-right:2px solid #ff3659;box-shadow:0 0 32px #217aa51c;animation:spin 18s linear infinite;animation-play-state:running}
.arena-theme .entry-orbit:before{inset:6%;border:1px dashed #cee9ff38}.arena-theme .entry-orbit:after{inset:-7%;border:1px solid #b2cdee12}
.entry-ring{position:absolute;pointer-events:none;inset:-14%;border-radius:50%}
.entry-ring-outer{background:repeating-conic-gradient(from 0deg,#a9d3eb60 0deg 1deg,transparent 1deg 12deg);mask-image:radial-gradient(transparent 67%,#000 68% 70%,transparent 71%);animation:spin 70s linear infinite reverse}
.entry-ring-inner{inset:-2%;border:3px solid transparent;border-top-color:#ff385999;border-bottom-color:#6cd9ff99;animation:spin 26s linear infinite reverse}
.entry-satellite{position:absolute;inset:-6%;animation:spin 12s linear infinite;pointer-events:none}
.entry-satellite:before,.entry-satellite:after{content:"";position:absolute;top:50%;left:-4px;width:7px;height:7px;border-radius:50%;background:#adf5ff;box-shadow:0 0 14px 3px #42caff88}.entry-satellite:after{left:auto;right:-4px;background:#ffbac9;box-shadow:0 0 14px 3px #fa164777}
.entry-core-label{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);font:8px var(--mono);letter-spacing:.2em;background:#090e17;padding:5px 13px;color:#bdcfe2;border:1px solid #b6c9e12a;z-index:2}
.arena-theme .entry-title{display:block;animation:none;opacity:1;transform:none;letter-spacing:.04em;margin-top:2px}
.arena-theme .entry-title:before,.arena-theme .entry-title:after{display:none}
.arena-theme .entry-title b{display:block;font:400 clamp(37px,5.7vh,59px)/1 var(--display);letter-spacing:.065em;background:linear-gradient(#fff,#acbed3);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.arena-theme .entry-title span{display:block;writing-mode:horizontal-tb;font:400 clamp(28px,4.2vh,43px)/1.2 var(--display);letter-spacing:.15em;color:#ff4165;margin-top:4px;text-shadow:0 0 28px #ff285644}
.entry-subtitle{font-size:11px;color:#a0adbc;letter-spacing:.025em;margin-top:12px}
.entry-readout{width:min(340px,88%);display:flex;justify-content:space-between;margin:26px 0 8px;color:#7f95ac;font:8px var(--mono);letter-spacing:.09em}.entry-readout b{color:#9ddcef;font-weight:400}
.arena-theme .entry-load{width:min(340px,88%);height:3px;margin:0 0 22px;opacity:1;animation:none;background:#a4bfd21c}
.arena-theme .entry-load i{animation:none!important;transform:scaleX(var(--entry-progress,0));transform-origin:left;background:linear-gradient(90deg,#55d9ff,#b7efff 43%,#ff4266);box-shadow:none}
.arena-theme .entry-button{opacity:.45;transform:none;animation:none!important;pointer-events:none;isolation:isolate;min-height:60px;max-width:100%;padding:0 26px;gap:22px;font:700 10px var(--mono);letter-spacing:.04em;border:1px solid #ff466970;background:linear-gradient(110deg,#6b122a,#261221);box-shadow:none;transition:opacity .3s,background .25s,transform .25s;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.arena-theme .entry-button.ready{opacity:1;pointer-events:auto;background:linear-gradient(110deg,#b81339,#f62c55 65%,#cc1742);box-shadow:inset 0 1px #ffb8c677}
.arena-theme .entry-button:before{display:none}.arena-theme .entry-button:after{content:"";position:absolute;inset:-20% auto -20% -40%;width:25%;transform:skew(-25deg);background:linear-gradient(90deg,transparent,#ffffff38,transparent);animation:portalShine 5s 2.7s ease-in-out infinite;pointer-events:none}
.arena-theme .entry-button:hover{transform:translateY(-2px);background:#f43c63;box-shadow:none}.arena-theme .entry-button:focus-visible{outline:2px solid #c2f2ff;outline-offset:-5px}.arena-theme .entry-button b{font-size:23px;font-weight:400}
.arena-theme .entry-hint{opacity:1;animation:none;margin-top:16px;font:8px var(--mono);letter-spacing:.08em;color:#7d8da3}.entry-hint kbd{font:inherit;color:#bbcad9;border:1px solid #9baeca44;padding:3px 5px;margin:0 3px}
.arena-theme .entry.leaving .entry-content{transform:scale(1.14);opacity:0;filter:none}.arena-theme .entry.leaving{pointer-events:none}.arena-theme .entry-scan{display:none}
body.arena-theme.entry-locked #smokeCanvas{z-index:5001;opacity:.35;pointer-events:none}
@keyframes portalLogo{to{opacity:1;transform:scale(1)}}
@keyframes portalBreathe{to{transform:scale(1.12);opacity:.5}}
@keyframes portalMist{to{transform:translate3d(4%,2%,0) scale(1.08);opacity:.6}}
@keyframes portalShine{0%,55%{left:-40%}90%,100%{left:130%}}
@media(max-width:600px){.arena-theme .entry{padding:55px 14px 46px}.entry-frame{inset:16px;font-size:6px;letter-spacing:.08em}.entry-frame span:nth-child(2){max-width:140px;text-align:right}.arena-theme .entry-code{font-size:8px;letter-spacing:.13em}.arena-theme .entry-logo-wrap{width:min(56vw,220px);height:min(56vw,220px);margin-top:35px;margin-bottom:32px}.arena-theme .entry-button{padding:0 15px;gap:13px;font-size:9px;min-height:56px}.arena-theme .entry-title b{font-size:43px}.arena-theme .entry-title span{font-size:33px}.entry-subtitle{font-size:10px}}
@media(max-height:660px) and (min-width:601px){.arena-theme .entry{padding:24px 18px}.entry-frame{inset:14px}.arena-theme .entry-logo-wrap{width:150px;height:150px;margin:25px auto 22px}.arena-theme .entry-title b{font-size:35px}.arena-theme .entry-title span{font-size:27px}.entry-readout{margin-top:14px}.arena-theme .entry-load{margin-bottom:13px}.arena-theme .entry-button{min-height:48px}.arena-theme .entry-hint{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.arena-theme .entry *, .arena-theme .entry:before{animation:none!important}.arena-theme .entry-logo-wrap img{opacity:1;transform:none}.arena-theme .entry.leaving,.arena-theme .entry-content{transition:opacity .1s}.arena-theme .entry.leaving .entry-content{transform:none}.arena-theme .entry-logo-wrap{animation:none!important}}
@media(min-width:681px){.arena-theme .entry{background-image:radial-gradient(ellipse at 45% 42%,#060c15b8,#02040ad9 80%),url('hero-v2.png');background-position:right center}}
.arena-theme .entry:before{position:fixed;inset:0}
@media(min-height:720px){.arena-theme .entry{overflow:hidden}}
@media(max-height:719px){.arena-theme .entry:before{animation:none;transform:none}.entry-frame{display:none}.arena-theme .entry{place-items:start center}.entry-ghost{display:none}}