[data-room=archive]{--room-light:173,196,238;--room-dark:#080e1d}[data-room=worlds]{--room-light:140,220,205;--room-dark:#071715}[data-room=encounters]{--room-light:230,183,136;--room-dark:#1b100d}.machine-experience{min-height:100vh;background:linear-gradient(180deg,var(--room-dark) 0,#080b13 1150px);transition:background .4s}.machine-experience .site-header{background:var(--room-dark);border-color:rgba(var(--room-light),.17)}.room-picker{margin:24px 0 0}.room-picker-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;color:#9ba9ba;margin-bottom:12px}.room-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.room-option{display:flex;align-items:center;text-align:left;position:relative;isolation:isolate;min-height:88px;border:1px solid #8994ab36;background:#0b111bc9;padding:0;overflow:hidden;transition:border-color .25s,background .25s}.room-option>img{width:70px;height:88px;object-fit:cover;opacity:.5;mask-image:linear-gradient(90deg,#000 60%,transparent);transition:opacity .25s}.room-option-copy{flex:1;padding:12px 14px 12px 4px}.room-option small{display:block;font-size:8px;letter-spacing:.14em;color:#91a0b8}.room-option strong{display:block;font-size:16px;font-weight:400;letter-spacing:.12em;margin:7px 0}.room-option-copy>span{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#94a2b8}.room-option b{font-size:9px;font-weight:400}.room-option[aria-pressed=true]{border-color:rgba(var(--room-light),.8);background:rgba(var(--room-light),.1);box-shadow:inset 0 -2px rgb(var(--room-light))}.room-option:hover img,.room-option[aria-pressed=true] img{opacity:1}.room-option[aria-pressed=true] b,.room-option[aria-pressed=true] strong{color:rgb(var(--room-light))}.room-option:hover{border-color:rgba(var(--room-light),.7)}.room-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.machine-experience .room-hero{min-height:490px;position:relative;isolation:isolate;margin:16px -35px 0;padding:24px 35px;gap:20px;border:1px solid rgba(var(--room-light),.14);animation:room-enter .48s ease-out both}.room-hero .hero-copy{position:relative;z-index:2}.room-hero .eyebrow{color:rgb(var(--room-light));font-size:9px}.room-hero .eyebrow>span{background:rgb(var(--room-light))}.machine-experience .room-hero h1{font-size:52px;line-height:1.4;letter-spacing:.13em;margin:23px 0 17px}.room-story{color:rgb(var(--room-light));font-family:Georgia,Yu Mincho,serif;font-size:17px;letter-spacing:.05em;line-height:1.8;margin:0 0 15px}.room-hero .lead{max-width:315px;color:#bac4d2;line-height:2;font-size:12px}.room-hero .draw-actions{margin-top:26px}.machine-experience .room-hero .primary{background:rgb(var(--room-light));border-color:rgb(var(--room-light));color:#111822}.room-hero .primary:hover:not(:disabled){filter:brightness(1.1)}.room-hero .quiet{color:#b0b8c5;font-size:9px}.room-hero .hero-cards{height:390px}.room-hero .hero-center{width:221px;box-shadow:0 0 70px rgba(var(--room-light),.16)}.room-hero .hero-side{width:175px;opacity:.84}.room-hero .hero-side.left{transform:translateX(-115px) rotate(-12deg)}.room-hero .hero-side.right{transform:translateX(115px) rotate(12deg)}.room-hero .hero-caption{color:rgb(var(--room-light));bottom:-5px;letter-spacing:.1em}.room-hero .orbit{display:none}.room-scenery{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.room-backdrop{position:absolute;inset:0 0 0 auto;width:78%;height:100%;object-fit:cover;opacity:.4;filter:saturate(.7);mask-image:linear-gradient(90deg,transparent,#000 46%)}.room-scenery-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--room-dark) 0,transparent 85%),linear-gradient(0deg,var(--room-dark),transparent 34%,transparent 80%,rgba(0,0,0,.2))}.room-architecture{position:absolute;width:510px;height:510px;left:54%;top:50%;transform:translate(-15%,-50%);opacity:.6}.room-architecture i{position:absolute;inset:4%;border:1px solid rgba(var(--room-light),.45);box-shadow:0 0 30px rgba(var(--room-light),.07)}.room-architecture i:nth-child(2){inset:14%;opacity:.6}.room-architecture i:nth-child(3){inset:24%;opacity:.5}[data-room=archive] .room-architecture i{border-radius:50%}[data-room=archive] .room-architecture i:nth-child(2){border-style:dashed;transform:rotate(-25deg)}[data-room=archive] .room-architecture i:nth-child(3){border-radius:0;transform:rotate(45deg)}[data-room=worlds] .room-architecture{width:420px;height:600px;transform:translate(-5%,-47%) perspective(700px) rotateY(-14deg)}[data-room=worlds] .room-architecture i{border-width:1px 2px;background:linear-gradient(180deg,rgba(var(--room-light),.025),transparent)}[data-room=worlds] .room-backdrop{opacity:.6;object-position:50% 48%}[data-room=encounters] .room-architecture i{border-radius:50% 50% 0 0}[data-room=encounters] .room-backdrop{opacity:.32;filter:sepia(.3) saturate(.6)}.room-floor{position:absolute;inset:65% -20% -60%;background:repeating-linear-gradient(90deg,transparent 0 13%,rgba(var(--room-light),.11) 13.1% 13.2%,transparent 13.3% 26.5%),repeating-linear-gradient(0deg,transparent 0 20%,rgba(var(--room-light),.07) 20.2% 20.3%,transparent 20.4% 40%);transform:perspective(280px) rotateX(58deg);opacity:.6}[data-room=archive] .room-floor{display:none}.room-coordinate{position:absolute;right:18px;bottom:14px;font:7px monospace;letter-spacing:.18em;color:rgba(var(--room-light),.65)}.machine-experience .room-lineup{margin:0;padding:18px 0 24px;border:0;font-size:11px}.room-lineup summary{color:#bdc7d7}.room-lineup summary>span{float:right;color:#8997ac;font-size:10px}.gacha-stage.machine-stage{background:var(--room-dark)}.machine-stage .room-scenery{z-index:-3}.machine-stage .room-backdrop{width:100%;opacity:.3;mask-image:none}.machine-stage .room-scenery-shade{background:radial-gradient(ellipse at center,transparent 0,var(--room-dark) 77%)}.machine-stage .room-architecture{left:50%;transform:translate(-50%,-50%);width:min(700px,90vw);height:min(700px,90vh);opacity:.34}.machine-stage[data-room=worlds] .room-architecture{width:min(530px,92vw);height:90vh}.machine-stage .room-coordinate{display:none}.machine-stage .gacha-top small{color:rgb(var(--room-light));line-height:1.7;letter-spacing:.1em}.machine-stage:not(.phase-cards){--glow:var(--room-light)}.machine-stage:not(.phase-cards) .gacha-stars i{background:rgb(var(--room-light));box-shadow:0 0 7px rgba(var(--room-light),.6)}.machine-stage .seal-button{color:rgb(var(--room-light))}.machine-stage .seal-cross,.machine-stage .seal-orbit{border-color:rgba(var(--room-light),.5)}.machine-stage .seal-core{text-shadow:0 0 30px rgba(var(--room-light),.5)}.machine-stage .summon-label{color:rgb(var(--room-light))}.machine-stage[data-room=worlds] .seal-orbit{border-radius:0;animation:room-door-breathe 3s ease-in-out infinite}.machine-stage[data-room=worlds] .orbit-one{inset:3% 17%;border-top-color:rgb(var(--room-light))}.machine-stage[data-room=worlds] .orbit-two{inset:12% 25%;border-style:solid;animation-delay:.3s}.machine-stage[data-room=worlds] .orbit-three{inset:21% 33%;animation-delay:.6s}.machine-stage[data-room=worlds] .seal-cross{width:1px;height:68%;transform:none;background:rgb(var(--room-light));border:0;box-shadow:0 0 25px rgba(var(--room-light),.6)}.machine-stage[data-room=worlds] .seal-core{opacity:0}.machine-stage[data-room=encounters] .seal-orbit{border-radius:50% 50% 0 0;animation:room-door-breathe 3s ease-in-out infinite}.machine-stage[data-room=encounters] .orbit-one{inset:5% 16%}.machine-stage[data-room=encounters] .orbit-two{inset:14% 24%;border-style:solid;animation-delay:.3s}.machine-stage[data-room=encounters] .orbit-three{inset:23% 32%;animation-delay:.6s}.machine-stage[data-room=encounters] .seal-cross{transform:none;width:1px;height:43%;top:31%;border:0;background:rgba(var(--room-light),.5)}.machine-stage[data-room=encounters] .seal-core{font-size:70px}.machine-stage[data-room=encounters] .seal-coordinate,.machine-stage[data-room=worlds] .seal-coordinate{bottom:-4%;font-size:8px}.machine-stage[data-room=worlds].phase-opening .seal-button{animation:room-gate-open 1.05s ease-in forwards}.machine-stage[data-room=encounters].phase-opening .seal-button{animation:room-gallery-open 1.05s ease-in forwards}.machine-stage.phase-opening:after{background:radial-gradient(ellipse,rgba(var(--room-light),.25),transparent 65%)}.machine-stage.phase-cards .room-scenery{opacity:.3;transition:opacity .7s}.machine-stage.phase-cards .room-architecture{opacity:.2}@keyframes room-enter{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes room-door-breathe{0%,to{box-shadow:0 0 10px rgba(var(--room-light),.06)}50%{box-shadow:0 0 35px rgba(var(--room-light),.25);border-color:rgb(var(--room-light))}}@keyframes room-gate-open{to{transform:perspective(700px) translateZ(430px);opacity:0}}@keyframes room-gallery-open{to{transform:perspective(700px) rotateY(-70deg) scale(1.5);opacity:0}}@media(max-width:1000px) and (min-width:761px){.machine-experience .room-hero{margin-left:0;margin-right:0;padding:25px}.room-hero .hero-center{width:180px}.room-hero .hero-side{width:145px}.room-hero .hero-side.left{transform:translateX(-82px) rotate(-12deg)}.room-hero .hero-side.right{transform:translateX(82px) rotate(12deg)}}@media(max-width:760px){.room-picker{margin-top:18px}.room-picker-label{font-size:8px;margin-bottom:9px}.room-options{gap:6px}.room-option{min-height:91px;display:block}.room-option>img{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.23;mask-image:linear-gradient(0deg,transparent,#000)}.room-option[aria-pressed=true]>img{opacity:.36}.room-option-copy{display:block;padding:12px 8px}.room-option small{font-size:6px;letter-spacing:.04em;white-space:nowrap}.room-option strong{font-size:12px;letter-spacing:.02em;margin:9px 0}.room-option b,.room-option-copy>span{font-size:8px}.machine-experience .room-hero{grid-template-columns:1fr;min-height:0;margin:12px -10px 0;padding:12px 18px 20px;gap:8px}.room-hero .hero-cards{order:-1;height:218px;margin:0}.room-hero .hero-center{width:128px;transform:rotate(3deg)}.room-hero .hero-side{width:106px}.room-hero .hero-side.left{transform:translateX(-74px) rotate(-12deg)}.room-hero .hero-side.right{transform:translateX(74px) rotate(12deg)}.room-hero .hero-caption{bottom:0;font-size:8px}.machine-experience .room-hero h1{font-size:29px;margin:9px 0 6px;line-height:1.35}.room-story{font-size:12px;line-height:1.7;margin:0 0 9px}.room-hero .eyebrow{font-size:7px}.room-hero .lead{font-size:10px;line-height:1.8;max-width:none}.room-hero .draw-actions{margin-top:13px}.room-hero .primary{width:100%;min-height:46px;padding:12px;font-size:11px}.room-hero .quiet{font-size:8px;margin-top:10px;letter-spacing:.03em}.room-hero .room-backdrop{width:100%;height:65%;opacity:.45;mask-image:linear-gradient(0deg,transparent,#000 45%)}.room-hero .room-scenery-shade{background:linear-gradient(0deg,var(--room-dark) 10%,transparent 80%)}.room-hero .room-architecture{width:320px;height:320px;left:50%;top:135px;transform:translate(-50%,-50%)}[data-room=worlds] .room-hero .room-architecture{width:260px;height:370px}.room-hero .room-coordinate{display:none}.room-lineup summary{font-size:10px;line-height:1.8}.room-lineup summary>span{float:none;display:block;font-size:9px;margin-top:4px}.machine-stage .gacha-top small{max-width:150px;font-size:7px}.machine-stage .summon-copy h1{font-size:17px;padding:0 20px;line-height:1.8}}@media(max-width:350px){.room-option-copy{padding:10px 5px}.room-option strong{font-size:11px}.room-option small{font-size:5.5px}.room-hero .hero-cards{height:195px}.room-hero .hero-center{width:113px}.room-hero .hero-side{width:93px}.room-hero .hero-side.left{transform:translateX(-65px) rotate(-12deg)}.room-hero .hero-side.right{transform:translateX(65px) rotate(12deg)}}@media(prefers-reduced-motion:reduce){.machine-experience *,.machine-stage *,.machine-stage:after{animation:none!important;transition:none!important}}@media(max-width:760px) and (orientation:portrait){.room-hero .hero-cards{--room-preview-height:clamp(136px,calc(100svh - 620px),218px);height:var(--room-preview-height)}.room-hero .hero-center{width:calc((var(--room-preview-height) - 27px) * .7)}.room-hero .hero-side{width:calc((var(--room-preview-height) - 27px) * .58)}.room-hero .hero-side.left{transform:translateX(calc(var(--room-preview-height) * -.34)) rotate(-12deg)}.room-hero .hero-side.right{transform:translateX(calc(var(--room-preview-height) * .34)) rotate(12deg)}.machine-experience .preview-note{padding-top:10px}}@media(max-width:350px) and (orientation:portrait){.room-picker{margin-top:12px}.room-hero .hero-cards{--room-preview-height:130px}}