.arp-section{padding-top:90px;background:#101012}.arp-heading{padding-bottom:45px}.arp-heading>p:last-child{max-width:510px;color:#c2b9b0;font-size:14px;margin-top:20px}.arp-arena{position:relative;isolation:isolate;overflow:hidden;background:#151313}.arp-environment{position:absolute;inset:0;z-index:-4;animation:arp-world .55s ease both}.arp-environment img{width:100%;height:100%;object-fit:cover;object-position:40% 50%}.arp-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#11111415 20%,#11111438 43%,#111114e0 65%,#111114f2),linear-gradient(0deg,#101012 1%,transparent 45%,#101012a0)}.arp-haze{position:absolute;inset:35% 0 0;z-index:-2;background:radial-gradient(ellipse at 30% 60%,#ffa54a27,transparent 55%);animation:arp-haze 10s ease-in-out infinite alternate;pointer-events:none}.arp-layout{display:grid;grid-template-columns:1.1fr 1fr;column-gap:55px;align-items:center;padding-top:45px}.arp-stage{position:relative;height:660px;min-width:0;isolation:isolate}.arp-character{position:absolute;inset:0 2% 20px;transform:translate(var(--px,0px),var(--py,0px));transition:transform .2s;z-index:2}.arp-character>img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;animation:arp-enter .6s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 20px 25px #0007)}.arp-floor{position:absolute;bottom:12px;left:18%;width:68%;height:42px;background:radial-gradient(ellipse,#000c,transparent 70%);border-bottom:1px solid #ff8e4480;border-radius:50%;z-index:1}.arp-coordinate{position:absolute;bottom:-8px;left:0;font-size:8px;letter-spacing:2px;color:#e0bf9f}.arp-neighbors{position:absolute;inset:20% -3% 20%;display:flex;justify-content:space-between;align-items:center;z-index:0;pointer-events:none}.arp-neighbors img{width:26%;height:65%;object-fit:cover;opacity:.16;filter:grayscale(.5) blur(2px);border:1px solid #ffac6b80;border-radius:14px;transform:perspective(700px) rotateY(20deg) translateY(-10px);animation:arp-float 7s ease-in-out infinite alternate}.arp-neighbors img:last-child{transform:perspective(700px) rotateY(-20deg) translateY(10px);animation-delay:-3s}.arp-pulses{position:absolute;inset:auto -5% 4%;width:110%;height:150px;stroke:#ff9d4840;stroke-width:1;z-index:0}.arp-travel{stroke:#ffbc76;stroke-dasharray:12 800;animation:arp-signal 5s linear infinite}.arp-info{position:relative;z-index:3;padding:30px 0;animation:arp-copy .5s .1s both}.arp-class{font-size:11px;letter-spacing:3px;color:#ff9859}.arp-class span{color:#d3bba7;font-size:9px;letter-spacing:1.4px}.arp-info h3{font-size:clamp(34px,3.1vw,48px);line-height:1.07;margin-top:20px;letter-spacing:-.04em}.arp-info h3 em{font-size:1.1em}.arp-intro{font-size:13px;color:#d6c9bd;max-width:400px;margin-top:22px!important}.arp-info dl{margin:23px 0}.arp-info dl>div{display:grid;grid-template-columns:74px 1fr;gap:17px;padding:12px 0;border-bottom:1px solid #ffffff22}.arp-info dt{color:#e9bd96;font-size:8px;letter-spacing:1px;text-transform:uppercase;padding-top:3px}.arp-info dd{margin:0;font-size:12px;line-height:1.7;color:#e2d9d1}.arp-info .ar-button{border:0;font-size:12px}.arp-roster{grid-column:1/-1;position:relative;z-index:4;padding:35px 0 30px}.arp-roster-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;font-size:9px;letter-spacing:2px;color:#dec1a8}.arp-roster-heading>div{display:flex;gap:10px}.arp-roster-heading button{color:#eee2d8;font-size:11px;min-height:44px;padding:10px 16px;border:1px solid #ffffff30;background:#171314b8;border-radius:30px}.arp-roster-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.arp-slot{position:relative;min-width:0;border:1px solid #ffffff20;border-radius:10px;padding:10px;background:#111114a8}.arp-slot>img{display:block;width:100%;height:106px;object-fit:contain;opacity:.4}.arp-slot>span{display:block;font-size:11px;margin-top:12px;min-height:32px;color:#c9bdb3}.arp-slot>small{font-size:7px;letter-spacing:1px;color:#b6a798}.arp-slot-active{border-color:#ff943d;box-shadow:0 0 28px #ff7a1617;background:#b64c0920}.arp-slot-active>img{opacity:1}.arp-slot-active>span{color:#fff0e5}.arp-slot-active>small{color:#ffc396}.arp-pilot-note{font-size:9px;color:#b7a99c;margin-top:20px!important}.arp-loading{position:absolute;inset:20%;display:grid;place-items:center;color:#f0c5a4;font-size:13px;text-align:center}.arp-section[data-moving=no] *{animation-play-state:paused!important}.arp-section[data-moving=no] .arp-character>img,.arp-section[data-moving=no] .arp-info,.arp-section[data-moving=no] .arp-environment{animation:none!important}.arp-section[data-moving=no] .arp-character{transform:none;transition:none}@keyframes arp-world{from{opacity:0}to{opacity:1}}@keyframes arp-enter{from{opacity:0;transform:translateX(-40px) scale(.94)}to{opacity:1;transform:none}}@keyframes arp-copy{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes arp-haze{to{opacity:.4;transform:translateX(18px)}}@keyframes arp-float{to{translate:0 7px}}@keyframes arp-signal{to{stroke-dashoffset:-812}}
@media(max-width:1023px){.arp-layout{grid-template-columns:1fr;padding-top:15px;gap:10px}.arp-roster{order:1;padding:20px 0 10px}.arp-stage{order:2;height:clamp(360px,62vw,500px);margin-top:12px}.arp-info{order:3;width:100%;max-width:620px;margin:auto;padding-top:20px}.arp-roster-items{display:flex;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#ac6d3c transparent}.arp-slot{flex:0 0 104px}.arp-slot>img{height:82px}.arp-slot>span{font-size:10px}.arp-environment{bottom:0}.arp-environment img{object-position:27% 0;object-fit:cover}.arp-shade{background:linear-gradient(0deg,#101012 0%,#101012ed 32%,#10101233 72%,#101012d0)}.arp-character{inset:0 10% 20px}.arp-neighbors{left:5%;right:5%;max-width:550px;margin:auto}.arp-pilot-note{font-size:8px}.arp-info h3{font-size:40px}.arp-info .ar-button{margin-bottom:40px}.arp-floor{left:26%;width:48%}.arp-coordinate{left:50%;transform:translateX(-50%);white-space:nowrap}.arp-pulses{left:0;width:100%}}
@media(max-width:600px){.arp-section{padding-top:65px}.arp-heading{padding-bottom:25px}.arp-heading>p:last-child{font-size:12px}.arp-roster-heading{align-items:start;flex-direction:column;gap:12px}.arp-roster-heading>div{width:100%;justify-content:space-between}.arp-roster-heading button{font-size:10px}.arp-info h3{font-size:33px}.arp-info dl>div{grid-template-columns:65px 1fr;gap:12px}.arp-info dd{font-size:12px}.arp-info .ar-button{width:100%}.arp-character{inset:0 4% 20px}.arp-neighbors{inset:20% -2% 20%}.arp-neighbors img{width:28%}.arp-class{font-size:10px}.arp-class span{font-size:8px}.arp-stage{height:420px}}
@media(prefers-reduced-motion:reduce){.arp-section *{animation:none!important;transition:none!important}.arp-character{transform:none!important}}
.arp-layout>*{min-width:0}.arp-roster-items{max-width:100%}.arp-pilot-note{white-space:normal;overflow-wrap:anywhere}@media(max-width:1023px){.arp-layout{grid-template-columns:minmax(0,1fr)}.arp-roster{width:100%}}
.arp-stage{touch-action:pan-y}.arp-slot{cursor:pointer;text-align:left;font:inherit;transition:border-color .2s,background .2s,transform .2s}.arp-slot:hover{border-color:#ff943d80;transform:translateY(-3px)}.arp-slot:focus-visible,.arp-roster button:focus-visible,.arp-info:focus-visible{outline:2px solid #ffc18a;outline-offset:4px}.arp-slot>img{opacity:.65}.arp-slot-active>img{opacity:1}.arp-slot>small{display:block;min-height:12px}.arp-neighbors{inset:8% -8% 10%}.arp-neighbors img{width:40%;height:82%;object-fit:contain;opacity:.24;border:0;border-radius:0;filter:brightness(.55) blur(1px)}.arp-world-out{animation:none;z-index:-5}.arp-character-out{z-index:1;pointer-events:none}.arp-character-out>img{animation:arp-exit .55s ease both}.arp-travel{animation-iteration-count:1}.arp-roster-heading button{min-width:44px}.arp-info{min-height:555px}.arp-section[data-moving=no] .arp-character-out{display:none}@keyframes arp-exit{to{opacity:0;transform:translateX(35px) scale(.85)}}@media(max-width:1023px){.arp-info{min-height:0}.arp-neighbors{inset:10% -6% 12%}.arp-neighbors img{width:38%}.arp-environment img{object-position:25% 0}.arp-slot{scroll-snap-align:center}.arp-roster-items{scroll-snap-type:x proximity;touch-action:pan-x pan-y}.arp-roster-heading>div{flex-wrap:wrap}.arp-character{inset:0 10% 20px}}@media(prefers-reduced-motion:reduce){.arp-slot:hover{transform:none}}