/* MulderPlay spatial console. Artwork stays sharp; only the glass uses blur. */
:root{--ink:#080e13;--mint:#c1f5df;--muted:#a6b9be;--line:#e7fff01b;--surface:#15232a;font-family:MulderPlay,"Segoe UI",system-ui,sans-serif;color:#f0f5f3;background:var(--ink);font-size:clamp(12px,1.04vw,40px)}
#screen{--scene-tone:112 214 209;background:#080e13;padding-inline:max(4.5vw,env(safe-area-inset-left)) max(4.5vw,env(safe-area-inset-right));scrollbar-color:#b9ddd52b transparent}
#screen[data-view=home]{overflow-x:clip}
.console-ambience{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 80% 18%,rgb(var(--scene-tone)/.12),transparent 58%),linear-gradient(145deg,#101b23,#080e13 65%)}
.ambient-light{position:absolute;inset:-50%;background:conic-gradient(from 80deg at 66% 58%,transparent 0deg,rgb(var(--scene-tone)/.06) 32deg,transparent 52deg,transparent 150deg,rgb(var(--scene-tone)/.08) 173deg,transparent 190deg);animation:ambient-turn 65s linear infinite}
.ambient-ring{position:absolute;top:8%;right:-16%;width:75vw;height:75vw;border:1px solid rgb(var(--scene-tone)/.14);border-radius:50%;transform:perspective(90rem) rotateY(-28deg) rotateX(58deg) rotateZ(-18deg);box-shadow:0 0 0 2.4vw rgb(var(--scene-tone)/.012),0 0 8rem rgb(var(--scene-tone)/.025);transition:border-color 1s}
.ring-two{top:16%;right:-11%;width:65vw;height:65vw;opacity:.45;transform:perspective(90rem) rotateY(-28deg) rotateX(58deg) rotateZ(18deg)}
.ambient-floor{position:absolute;inset:45% -50% -85%;background-image:linear-gradient(rgb(var(--scene-tone)/.035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--scene-tone)/.035) 1px,transparent 1px);background-size:5rem 5rem;transform:perspective(40rem) rotateX(65deg);mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 66%)}
.ambient-dust i{position:absolute;left:14%;top:35%;width:2px;height:2px;border-radius:50%;background:#dcfff3;box-shadow:0 0 12px #d4fff2;opacity:.3;animation:dust-rise 18s ease-in-out infinite}
.ambient-dust i:nth-child(2){left:31%;top:64%;animation-delay:-4s}.ambient-dust i:nth-child(3){left:72%;top:22%;animation-delay:-9s}.ambient-dust i:nth-child(4){left:88%;top:70%;animation-delay:-13s}.ambient-dust i:nth-child(5){left:56%;top:49%;animation-delay:-16s}
.top{min-height:6.5rem;gap:2.8rem;position:relative;z-index:5}
.brand{font-size:1.35rem;letter-spacing:-.065em;font-weight:650;gap:.7rem;filter:drop-shadow(0 4px 9px #0005)}
.brand .mark{width:1.8rem;height:1.5rem;stroke-width:3.6}
.nav{gap:1.5rem;margin-left:.5rem}
.nav button{padding:.75rem .25rem;border-radius:0;background:transparent!important;color:#b8c4c7;position:relative;font-size:1rem;letter-spacing:-.025em;transition:color .25s,transform .3s}
.nav button:after{content:'';position:absolute;bottom:.15rem;left:15%;right:15%;height:2px;background:var(--mint);border-radius:2px;box-shadow:0 0 12px #c1f5df66;opacity:0;transform:scaleX(.3);transition:opacity .3s,transform .3s}
.nav button.selected{color:#fff}.nav button.selected:after{opacity:1;transform:scaleX(1)}.nav button:hover{color:#fff;transform:translateY(-2px)}
.top-end{gap:1.05rem}.top-end time{font-size:.8rem;color:#d4dddf;letter-spacing:.04em}
.utility{width:2.55rem;height:2.55rem;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;transition:background .25s,border .25s,transform .25s}
.utility:hover,.utility:focus-visible{background:#e8fff00d;border-color:#dffff429;transform:translateY(-2px)}.utility .icon{width:1.2rem;height:1.2rem}
.top-end>.avatar{width:2.7rem;height:2.7rem;box-shadow:0 0 0 .2rem #080e13,0 0 0 .24rem #e8fff02b,0 .45rem 1rem #0005;background:linear-gradient(145deg,#d7e8e1,#81a59c);color:#172b2b;font-size:.9rem}
.connection-state{font-size:.59rem!important;letter-spacing:.02em;padding:.5rem .3rem!important;color:#b3c7c9!important}
.view{animation:depth-view-in .45s cubic-bezier(.2,.7,.2,1) both}.view-home{display:flex}
.footer{padding:1.1rem 0 1.3rem;color:#a3b7bb;font-size:.59rem}.footer>span{font-size:.48rem;letter-spacing:.15em;color:#6e878f}.controller-legend>span{color:#77919a}
kbd{border-color:#b7dbcf55;color:#deefe8;background:#f2fff805;box-shadow:inset 0 1px 0 #fff1,0 2px 5px #0004}
.scene-depth{z-index:-1;background:transparent;perspective:100rem;isolation:isolate}
.scene-images{position:absolute;inset:-1.6%;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform .65s cubic-bezier(.18,.6,.2,1);will-change:transform}
.scene-depth .scene-images .scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% 46%;opacity:0;transform:scale(1.055);transition:opacity .9s ease,transform 1.6s cubic-bezier(.2,.6,.2,1);animation:none}
.scene-depth .scene-images .scene-image.is-current{opacity:.82;transform:scale(1)}
.scene-depth .scene-shade{background:linear-gradient(90deg,#080e13f2 0%,#080e13bd 31%,#080e1340 67%,#080e1320),linear-gradient(0deg,#080e13 0%,#080e13eb 10%,#080e1350 47%,#080e1377 80%,#080e13d9 100%)}
.scene-depth[data-kind=vector] .scene-images{inset:8% 0 5% 41%;transform:perspective(110rem) rotateY(-15deg) rotateX(4deg) translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transform-origin:60% 50%;filter:drop-shadow(-3rem 3rem 4rem #0009)}
.scene-depth[data-kind=vector] .scene-image{object-fit:contain!important;object-position:center!important;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent)}
.scene-depth[data-kind=vector] .scene-shade{background:linear-gradient(90deg,#080e13 2%,#080e13e6 26%,#080e1340 62%,#080e130d),linear-gradient(0deg,#080e13 0%,#080e13b3 18%,transparent 65%,#080e1399)}
.scene-depth[data-kind=abstract] .scene-images{opacity:0}
.scene-horizon{position:absolute;left:10%;right:-15%;bottom:-37%;height:78%;border:1px solid rgb(var(--scene-tone)/.2);border-radius:50%;transform:perspective(60rem) rotateX(67deg) rotateZ(-8deg);box-shadow:0 0 0 2rem rgb(var(--scene-tone)/.025),0 0 0 5rem rgb(var(--scene-tone)/.012);opacity:.5;pointer-events:none}
.scene-sculpture{position:absolute;right:8%;bottom:19%;width:24vw;height:24vw;perspective:70rem;transform-style:preserve-3d;opacity:.15;mix-blend-mode:screen;pointer-events:none}
.scene-sculpture i{position:absolute;inset:0;border:1px solid rgb(var(--scene-tone)/.65);border-radius:30%;transform:rotateY(65deg) rotateX(30deg) rotateZ(35deg);box-shadow:inset 0 0 2rem rgb(var(--scene-tone)/.06),0 0 2rem rgb(var(--scene-tone)/.04);animation:sculpture-float 17s ease-in-out infinite}
.scene-sculpture i:nth-child(2){inset:12%;animation-delay:-5s}.scene-sculpture i:nth-child(3){inset:24%;animation-delay:-11s}
.scene-depth[data-kind=image] .scene-sculpture{display:none}
.console-home{width:100%;min-height:calc(100dvh - 10rem);display:grid;grid-template-rows:auto minmax(18rem,1fr) auto;gap:1.2rem;padding:.15rem 0 .75rem}
.home-shelf{margin:0 -.6rem;padding:0;min-width:0;position:relative;z-index:3}
.home-shelf .section-title{padding:0 .6rem;margin:.15rem 0 .3rem;gap:1rem}.home-shelf h2{font-size:.61rem;font-weight:500;text-transform:uppercase;letter-spacing:.19em;color:#b0c3c5}
.shelf-end{display:flex;align-items:center;gap:1.75rem}.shelf-end .tiny{font-size:.61rem;color:#b9cbcd}.shelf-end>span{font-size:.51rem;letter-spacing:.12em;color:#758e98;font-variant-numeric:tabular-nums}
.home-rail{gap:1.1rem;align-items:flex-start;margin:0;padding:1.25rem .6rem 1.9rem;scroll-padding-inline:1rem;perspective:120rem;scroll-snap-type:x proximity;overflow-y:hidden}
.tile{transform-style:preserve-3d;isolation:isolate;outline-offset:.5rem;transition:transform .5s cubic-bezier(.2,.8,.2,1),flex-basis .55s cubic-bezier(.2,.8,.2,1)}
.home-rail .tile{flex:0 0 7.1rem;min-width:0;position:relative;transform:none;scroll-snap-align:center;scroll-margin-inline:1rem}
.home-rail .tile.chosen{flex-basis:10.8rem;z-index:2}
.cover{border-radius:.8rem;overflow:visible;border:1px solid #ffffff24;box-shadow:0 .8rem 1.7rem #0007,0 .15rem 0 #e6fff01a inset;transform:perspective(65rem) rotateX(var(--card-rx,2deg)) rotateY(var(--card-ry,-5deg)) translateZ(0);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s;will-change:transform}
.cover:before{content:'';position:absolute;inset:.3rem -.24rem -.3rem .25rem;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,#455054,#182024 40%,#05090d);border:1px solid #d4eae01b;transform:translateZ(-.4rem);box-shadow:.4rem .65rem .8rem #0005;pointer-events:none}
.cover>img{border-radius:inherit;position:relative;z-index:0}
.cover:after{border-radius:inherit;background:linear-gradient(135deg,#ffffff17,transparent 38%,transparent 70%,#dffff20a),radial-gradient(ellipse at var(--shine-x,10%) 0%,#ffffff21,transparent 58%),linear-gradient(0deg,#030b13c9,transparent 26%,transparent 95%,#ffffff1a);z-index:1}
.cover-wordmark,.cover-platform,.tag{z-index:2}.cover-platform{font-size:.6rem;top:.65rem;right:.65rem}.tag{font-size:.5rem;bottom:.75rem;left:.75rem;color:#e4f3ed}.cover-wordmark{font-weight:700}
.tile:hover,.tile:focus-visible{transform:translateY(-.35rem);outline:0}
.tile:hover .cover,.tile:focus-visible .cover,.tile.chosen .cover{border-color:#e1fff1;box-shadow:0 0 0 .16rem #0b151c,0 0 0 .24rem #d6ffef,0 1.3rem 2rem #0009,0 .15rem 0 #fff4 inset}
.tile:focus-visible .cover{box-shadow:0 0 0 .16rem #0b151c,0 0 0 .3rem #f2fff9,0 0 2rem #c1f5df18,0 1.3rem 2rem #0009}
.home-rail .cover{aspect-ratio:1}.home-rail .cover>img{object-position:center 36%}.home-rail .tile .tag{font-size:.43rem;left:.55rem;bottom:.5rem;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-rail .cover-wordmark{font-size:1.25rem;bottom:23%}.home-rail .tile h3{margin:.8rem 0 .15rem;font-size:.73rem;color:#a4b5bb;font-weight:400;transition:color .3s}.home-rail .tile.chosen h3{color:#f0f8f4;font-weight:500}.home-rail .tile p,.home-rail .tile .tag{display:none}.home-rail .tile:not(.chosen) .cover{filter:brightness(.87)}
#home-feature{position:relative;display:flex;align-items:center;padding:0 .3rem 1.1rem;z-index:2;min-height:0}
.hero-copy{max-width:48rem;min-height:0;padding-top:0;animation:hero-depth-in .55s cubic-bezier(.15,.7,.25,1) both}
.hero-copy .eyebrow{color:#d3ecdf;font-size:.59rem;letter-spacing:.24em}.live-dot{box-shadow:0 0 .65rem #b9f3dc88}
.hero-copy h1{font-family:MulderPlay,system-ui,sans-serif;font-size:clamp(3rem,5.6vw,7rem);line-height:1.02;font-weight:600;letter-spacing:-.065em;max-width:10em;margin:1rem 0 1.2rem;text-shadow:0 .35rem 2rem #0006}
.hero-copy>p{font-size:.9rem;line-height:1.75;max-width:31em;color:#c0cdcf;margin:0 0 1rem;text-wrap:pretty}
.hero-meta{font-size:.61rem;color:#a1b8bd;gap:.85rem;margin:1.25rem 0 1.6rem}.hero-meta i{background:#b4cbc266}.hero-meta .mint{color:#c9f6de}
.primary,.secondary{border-radius:3rem;min-height:3.2rem;padding:1rem 1.65rem;font-size:.75rem;transition:transform .25s,background .25s,box-shadow .25s,border-color .25s}
.primary{background:linear-gradient(145deg,#e1faeb,#b9e6d2);color:#122a24;box-shadow:0 .4rem 1rem #0003,inset 0 1px 0 #fff8}
.primary:hover,.primary:focus-visible{background:#effff4;box-shadow:0 .5rem 1.4rem #0004,0 0 2.2rem #c1f5df1c;transform:translateY(-2px)}
.primary:active,.secondary:active{transform:translateY(1px)}.primary>span{margin-left:2.5rem}.secondary{border-color:#d9fff32b;background:linear-gradient(145deg,#ecfff010,#ecfff005);color:#e7f0eb;box-shadow:inset 0 1px 0 #fff1,0 .2rem .7rem #0002}.secondary:hover{background:#ffffff14;border-color:#e4fff255}
.round{width:3.2rem;height:3.2rem;background:#dffff00a;border-color:#defff03d;backdrop-filter:blur(12px);transition:background .3s,transform .3s}.round:hover{background:#dffff01a;transform:translateY(-2px)}
.home-bottom{display:flex;justify-content:space-between;align-items:end;gap:2rem;position:relative;z-index:2}
.home-context{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;padding:0;font-size:.65rem;color:#8ca6af}.home-context b{font-weight:400;color:#d0dfdd}
.home-quick{display:flex;align-items:center;gap:1.1rem}.home-quick button{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;color:#b4c9ca;font-size:.6rem;transition:color .25s,transform .25s}.home-quick button:hover{color:#fff;transform:translateY(-2px)}.home-quick .icon{width:1rem;height:1rem;color:#a9c8c5}
.home-social{display:flex;align-items:center;gap:1rem;border:1px solid #e8fff01c;border-radius:1.1rem;padding:1.05rem 1.2rem;background:linear-gradient(120deg,#dffff010,#dffff004);text-align:left;box-shadow:0 .8rem 2rem #0003,inset 0 1px 0 #f1fff008;backdrop-filter:blur(16px);transition:border-color .3s,transform .3s,background .3s;max-width:28rem}
.home-social:hover{border-color:#d3fff14d;background:#dffff010;transform:translateY(-3px)}.home-social strong{font-size:.65rem;font-weight:500;display:block;line-height:1.5}.home-social small{font-size:.55rem;display:block;color:#95aeb5;margin-top:.3rem;line-height:1.5}.party-symbol{width:2.7rem;height:2.7rem;flex-shrink:0;border:1px solid #d9fff029;background:radial-gradient(ellipse at 30% 20%,#b9ffe51a,#b9ffe503);box-shadow:inset 0 1px 0 #fff2,0 .35rem .8rem #0003;border-radius:50%;display:grid;place-items:center;color:#d4eddf}.party-symbol .icon{width:1.2rem;height:1.2rem}.party-arrow{font-size:.8rem;color:#b1d1ce;margin-left:1rem}
.collection{padding:1.8rem 0 2rem}.page-heading h1,.management h1,.settings h1,.studio h1{font-family:MulderPlay,system-ui,sans-serif;font-weight:500;letter-spacing:-.06em}.page-heading h1{font-size:3.2rem;line-height:1.12;margin:.9rem 0 2rem}.collection-count{color:#d6e7e0;font-weight:400}.collection-count small{color:#8ca5ad}.collection-toolbar{border-color:#d7fff01c;padding-bottom:1.3rem;margin-bottom:2rem}.filter button{border-radius:0;color:#9ab1b8}.filter button.selected{color:#e6fff0}.rail{gap:2.4rem 1.7rem;perspective:100rem;padding:.45rem .3rem 1.5rem}.rail .tile h3{font-size:.8rem;color:#e3ede8;margin-top:1rem}.rail .tile p{font-size:.62rem;color:#91a8af}.rail .cover{aspect-ratio:.82}.rail .tile .cover-wordmark{font-size:1.9rem}
#screen[data-view=detail] .scene-depth .scene-images .is-current{opacity:.5}.detail{grid-template-columns:1.2fr .6fr;gap:10vw;min-height:calc(100dvh - 10rem);padding:1.2rem 0 2rem}.detail h1{font-family:MulderPlay,system-ui,sans-serif;font-size:4.5rem;font-weight:600;letter-spacing:-.06em}.back-link{color:#a5bebf}.summary{color:#c3d2d2;line-height:1.7}.detail-poster{perspective:85rem;transform-style:preserve-3d;position:relative}.detail-poster:after{content:'';position:absolute;bottom:.5rem;left:10%;right:0;height:10%;border-radius:50%;background:radial-gradient(ellipse,#0009,transparent 70%);transform:rotateX(60deg);z-index:-1}.detail-poster .cover{transform:perspective(85rem) rotateY(var(--card-ry,-14deg)) rotateX(var(--card-rx,3deg));border-radius:1rem;box-shadow:-1.5rem 2rem 4rem #0008,0 1px 0 #fff3 inset}.poster-caption{color:#a1b7bd;font-size:.5rem}.description{color:#9eb5bd}.ownership-note{color:#b7d0c6}.detail .back-link{margin-bottom:2rem}
.profiles{min-height:calc(100dvh - 10rem)}.view-profiles:before{display:none}.profiles h1{font-family:MulderPlay,system-ui,sans-serif;font-weight:500;font-size:3.65rem;letter-spacing:-.06em}.profiles>.eyebrow{color:#bddbce;font-size:.59rem;letter-spacing:.4em}.profiles>.note{color:#9cb6be}.profile-list{gap:2.8rem;margin:3rem 0 3.4rem;perspective:90rem}.profile-card{width:8.75rem;transform-style:preserve-3d}.profile-card .avatar{width:7.5rem;height:7.5rem;border-radius:1.25rem;background:linear-gradient(145deg,#d7eee2,#85a49c)!important;color:#163a31!important;border:1px solid #effff752;box-shadow:inset 0 1px 0 #fff9,.3rem .4rem 0 #325249,1rem 1.6rem 2.2rem #0007;transform:perspective(50rem) rotateY(var(--card-ry,-7deg)) rotateX(var(--card-rx,5deg));transition:transform .5s,box-shadow .5s}.profile-card#other .avatar,.profile-card#new .avatar{background:linear-gradient(145deg,#31444d,#15262c)!important;color:#d5e6de!important;border-color:#d6fff02b;box-shadow:inset 0 1px 0 #effff01a,.3rem .4rem 0 #101d22,1rem 1.6rem 2.2rem #0007}.profile-card:hover .avatar,.profile-card:focus-visible .avatar{transform:perspective(50rem) translateY(-.5rem) rotateY(0deg) rotateX(0deg);box-shadow:0 0 0 .2rem #0c181f,0 0 0 .3rem #dffff0,1rem 1.8rem 2.6rem #0008}.profile-card b{margin-top:.3rem;font-size:.85rem;color:#e5f0e9}.profile-card small{font-size:.59rem;color:#91aab4}.gamepad-hint{color:#8da8ae}
.auth{position:relative;padding:1.5rem 0;margin:1rem auto 3rem}.auth h1{font-family:MulderPlay,system-ui,sans-serif;font-weight:500;letter-spacing:-.06em}.note{color:#9bb3bc}.auth label,.field{color:#c2d7d6}input,select,textarea{border-radius:.65rem;background:#111f28d9;border-color:#d9fff024;box-shadow:inset 0 1px 0 #ffffff05}.auth .primary{min-width:12rem}input:focus,textarea:focus,select:focus{outline-color:#e2ffef}
.management,.settings{position:relative}.settings-row{border-color:#d9fff01a}.settings-row b{font-size:.86rem;color:#dfede7}.settings-row p{color:#91abb5}.storage-overview strong{color:#e6f9ef}.progress-track{background:#d5fff012}.progress-track>div{background:linear-gradient(90deg,#6fb5a4,#d0ffe4)}.download-card,.storage-row{border-color:#d5fff01a}.download-heading{color:#d1e3de}.download-sub{color:#92adb5}
.friends-hub h1{font-family:MulderPlay,system-ui,sans-serif;font-weight:500}.friend-card,.game-invite,.community-tools,.community-chat,.community-party,.dev-game-card,.dev-review-card{border-color:#e1fff01c!important;box-shadow:0 .6rem 1.8rem #0002}.friend-avatar{box-shadow:inset 0 1px 0 #ffffff30,0 .3rem .8rem #0003}.community-toolbar button,.community-online-filter button{border-radius:3rem}.community-chat,.community-party{background:#12232bf5!important}.community-message{border-radius:1rem!important}.community-message[data-mine=true]{background:#25493c!important}
dialog{border-radius:1.4rem;background:linear-gradient(145deg,#1c3036f7,#0e1e28fa);border:1px solid #defff02b;box-shadow:0 2rem 7rem #000a,inset 0 1px 0 #effff00d}dialog::backdrop{background:#030a10cc;backdrop-filter:blur(10px)}#toast{border-radius:1rem;background:#152c31f5;border-color:#dbfff02b;box-shadow:0 1rem 3rem #0007;color:#e8f4ef}
#screen[data-suspended=true] .console-ambience *,#screen[data-suspended=true] .scene *{animation-play-state:paused}
@keyframes ambient-turn{to{transform:rotate(360deg)}}
@keyframes dust-rise{0%,100%{transform:translate3d(0,0,0);opacity:.1}50%{transform:translate3d(1.5rem,-3rem,0);opacity:.55}}
@keyframes sculpture-float{50%{transform:rotateY(75deg) rotateX(40deg) rotateZ(43deg) translateZ(1rem)}}
@keyframes depth-view-in{from{opacity:0;transform:translate3d(0,.6rem,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes hero-depth-in{from{opacity:0;transform:translate3d(0,.65rem,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(min-width:2200px){.hero-copy>p{font-size:1rem}.top{min-height:6.25rem}.home-rail .tile{flex-basis:7.3rem}.home-rail .tile.chosen{flex-basis:11rem}}
@media(max-width:1200px){.top{gap:1.7rem;min-height:5.5rem}.brand span{display:none}.nav{gap:1.4rem;margin-left:0}.top-end{gap:.6rem}.home-rail .tile{flex-basis:6.8rem}.home-rail .tile.chosen{flex-basis:10rem}.console-home{min-height:calc(100dvh - 9rem);grid-template-rows:auto minmax(16rem,1fr) auto;gap:1rem}.home-social{padding:.9rem;gap:.8rem}.home-social strong{font-size:.63rem}.home-quick{gap:.9rem}.detail{gap:7vw}.detail h1{font-size:3.8rem}}
@media(max-height:700px) and (orientation:landscape){:root{font-size:clamp(11px,1.2vw,16px)}#screen{padding-inline:max(3.5vw,env(safe-area-inset-left)) max(3.5vw,env(safe-area-inset-right))}.top{min-height:4.2rem;gap:2rem}.brand{font-size:1.2rem}.brand span{display:none}.nav{gap:1.5rem}.nav button{font-size:.85rem}.top-end{gap:.6rem}.top-end time{font-size:.7rem}.utility{width:2.4rem;height:2.4rem}.console-home{min-height:calc(100dvh - 7rem);grid-template-rows:auto minmax(0,1fr) auto;gap:.65rem;padding:0}.home-shelf .section-title{margin:0}.home-shelf h2,.shelf-end .tiny{font-size:.52rem}.home-rail{gap:.85rem;padding:.85rem .6rem 1.1rem}.home-rail .tile{flex-basis:5rem}.home-rail .tile.chosen{flex-basis:7.15rem}.home-rail .tile h3{font-size:.56rem;margin:.5rem 0 0}.home-rail .tile p,.home-rail .tag{display:none}.home-rail .cover-wordmark{font-size:.95rem}.hero-copy{max-width:40rem}.hero-copy h1{font-size:3.2rem;margin:.55rem 0 .65rem}.hero-copy>p{font-size:.75rem;line-height:1.5;max-width:32em;margin:0 0 .4rem}.hero-copy .eyebrow{font-size:.48rem}.hero-meta{font-size:.53rem;margin:.7rem 0 1rem}.primary,.secondary{min-height:2.9rem;padding:.8rem 1.4rem;font-size:.7rem}.hero-copy .primary{min-height:2.9rem;padding:.8rem 1.4rem}.round{width:2.9rem;height:2.9rem}#home-feature{padding:.2rem .2rem .4rem}.home-bottom{gap:1rem;padding:0 0 .2rem}.home-context{gap:.4rem;font-size:.56rem}.home-quick button{font-size:.56rem;padding:.35rem 0;min-height:2rem}.home-social{padding:.7rem .9rem;border-radius:.85rem;gap:.75rem}.home-social strong{font-size:.56rem}.home-social small{font-size:.48rem}.party-symbol{width:2rem;height:2rem}.party-symbol .icon{width:1rem}.party-arrow{margin-left:.3rem}.footer{padding:.65rem 0 .7rem;font-size:.48rem}.footer>span{font-size:.4rem}.controller-legend>span{display:none}.detail{min-height:0;padding:.7rem 0}.detail h1{font-size:3.3rem}.detail .back-link{margin-bottom:1.2rem}.detail-poster{max-width:13rem}.detail .description{line-height:1.6}.profiles{min-height:calc(100dvh - 7rem)}.profiles h1{font-size:2.9rem}.profile-list{margin:1.6rem 0 2rem}.profile-card .avatar{width:6rem;height:6rem}.profile-card{width:7rem}.auth{padding:.5rem 0;margin:0 auto 2rem}.auth h1{margin:1rem 0}.collection{padding:1rem 0}.collection .page-heading h1{font-size:2.6rem}.rail{gap:1.7rem 1.3rem}}
@media(max-height:450px) and (orientation:landscape){.top{min-height:3.7rem}.console-home{min-height:calc(100dvh - 6.2rem);gap:.3rem}.home-rail{padding:.6rem .6rem .8rem}.home-rail .tile{flex-basis:4.3rem}.home-rail .tile.chosen{flex-basis:6rem}.home-rail .tile h3{font-size:.5rem}.home-shelf .section-title{display:none}.hero-copy h1{font-size:2.7rem;margin:.45rem 0}.hero-copy>p{font-size:.7rem;max-width:39em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-meta{margin:.5rem 0 .7rem;font-size:.5rem}.hero-copy .eyebrow{font-size:.45rem}.home-social{display:none}.home-context{flex-direction:row;align-items:center;gap:1.7rem}.home-quick{gap:1.4rem}.home-quick button{font-size:.52rem}.home-quick .icon{width:.9rem;height:.9rem}.footer{padding:.5rem 0}.scene-sculpture{opacity:.08}.rail{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(orientation:portrait) and (max-width:850px){:root{font-size:14px}#screen{padding-inline:max(5vw,env(safe-area-inset-left)) max(5vw,env(safe-area-inset-right))}.top{min-height:5.2rem;flex-wrap:wrap;gap:.7rem;padding-top:.55rem}.brand{font-size:1.2rem}.brand span{display:none}.brand .mark{width:1.65rem}.nav{order:3;width:100%;justify-content:space-between;margin:.1rem 0 .85rem;gap:.5rem}.nav button{font-size:.88rem;padding:.65rem .2rem}.top-end{gap:.45rem}.utility{width:2.3rem;height:2.3rem}.top-end time{font-size:.7rem}.top-end>.avatar{width:2.25rem;height:2.25rem}.connection-state{font-size:.51rem!important;max-width:6.5rem}.console-home{min-height:calc(100dvh - 13rem);grid-template-rows:auto minmax(21rem,1fr) auto;gap:1.1rem}.home-shelf .section-title{margin:.35rem 0 0}.home-shelf h2{font-size:.53rem;letter-spacing:.13em}.shelf-end{gap:.8rem}.shelf-end>span{font-size:.46rem}.shelf-end .tiny{font-size:.53rem}.home-rail{gap:1rem;padding:1.2rem .6rem 1.5rem}.home-rail .tile{flex-basis:6.2rem}.home-rail .tile.chosen{flex-basis:9rem}.home-rail .tile h3{font-size:.6rem}.home-rail .tile p{font-size:.47rem}.home-rail .cover-wordmark{font-size:1.2rem}.scene-depth .scene-images .scene-image{object-position:65% 30%;height:88%;opacity:0}.scene-depth .scene-images .is-current{opacity:.63!important}.scene-depth .scene-shade{background:linear-gradient(0deg,#080e13 3%,#080e13df 16%,#080e1380 54%,#080e1340 73%,#080e13d9),linear-gradient(90deg,#080e1399,transparent 85%)}.scene-depth[data-kind=vector] .scene-images{inset:16% -16% 18% 8%;opacity:.5}.scene-depth[data-kind=vector] .scene-shade{background:linear-gradient(0deg,#080e13,#080e13cc 27%,#080e134d 65%,#080e13aa)}.scene-sculpture{right:-12%;bottom:32%;width:65vw;height:65vw;opacity:.1}#home-feature{padding:.6rem .1rem 1rem;align-items:center}.hero-copy{max-width:100%}.hero-copy h1{font-size:3.3rem;line-height:1.04;margin:.85rem 0 1.05rem;max-width:9em}.hero-copy>p{font-size:.84rem;line-height:1.75;max-width:29em}.hero-copy .eyebrow{font-size:.5rem;letter-spacing:.18em}.hero-meta{font-size:.55rem;gap:.6rem;flex-wrap:wrap;margin:1.15rem 0 1.4rem}.primary,.secondary{min-height:3.25rem;font-size:.78rem;padding:1rem 1.4rem}.round{width:3.25rem;height:3.25rem}.home-bottom{flex-direction:column;align-items:stretch;gap:1.2rem}.home-context{gap:.65rem;font-size:.61rem}.home-quick{justify-content:space-between;gap:.7rem}.home-quick button{font-size:.56rem;min-height:2.5rem}.home-quick .icon{width:1rem}.home-social{max-width:none;padding:1rem 1.1rem;gap:.8rem;border-radius:1rem}.home-social strong{font-size:.65rem}.home-social small{font-size:.55rem}.party-symbol{width:2.6rem;height:2.6rem}.party-arrow{margin-left:auto}.footer{padding:1.2rem 0;font-size:.46rem;gap:.5rem}.footer>span{font-size:.38rem;letter-spacing:.05em}.footer i{margin:0 .4rem}.controller-legend>span{display:none}.controller-legend{gap:.35rem}.collection{padding:1.5rem 0}.page-heading h1{font-size:2.6rem}.collection-toolbar{align-items:start;gap:1.2rem}.rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 1.4rem;padding:.3rem .1rem 1.6rem}.rail .tile h3{font-size:.78rem}.rail .tile p{font-size:.59rem}.rail .cover-wordmark{font-size:1.6rem}.detail{grid-template-columns:1fr;padding:1.6rem 0 2.5rem;min-height:0;gap:2rem}.detail h1{font-size:3.5rem}.detail-poster{display:none}.detail .back-link{margin-bottom:2.7rem}.summary{font-size:.96rem}.description{font-size:.74rem;color:#a9bec4}.profiles{min-height:calc(100dvh - 10rem)}.profiles h1{font-size:2.7rem}.profiles>.eyebrow{font-size:.52rem}.profiles>.note{font-size:.75rem}.profile-list{gap:2.2rem;margin:2.8rem 0 3rem}.profile-card{width:7.4rem}.profile-card .avatar{width:6.2rem;height:6.2rem}.profile-card small{font-size:.55rem}.auth{padding:.5rem 0}.auth h1{font-size:2.6rem}.settings-row{gap:1rem;flex-wrap:wrap}.settings-row select{max-width:100%}.ambient-ring{width:130vw;height:130vw;right:-55%;top:15%}.ambient-floor{inset:50% -100% -60%}}
@media(orientation:portrait) and (max-width:420px){.top-end time{display:none}.connection-state{max-width:5.7rem}.top-end{gap:.35rem}.home-quick{gap:.6rem}.home-quick button{font-size:.53rem;gap:.35rem}.hero-copy h1{font-size:3rem}}
@media(prefers-reduced-motion:reduce){.console-ambience *,.scene *,.hero-copy,.view{animation:none!important}.scene-images,.scene-image,.cover,.tile,.profile-card .avatar{transition:none!important}.scene-images{transform:none!important}.hero-copy,.view{transform:none!important}}
/* Keep console controls readable at phone and television viewing distances. */
.nav button{font-size:max(.95rem,13px)}
.primary,.secondary,.hero-copy .primary{font-size:max(.75rem,13px);min-height:max(3.2rem,44px)}
.hero-copy>p{font-size:max(.85rem,12px)}
.hero-copy .eyebrow{font-size:max(.55rem,9px)}
.hero-meta{font-size:max(.61rem,10px)}
.home-rail .tile h3{font-size:max(.7rem,10px)}
.home-social strong{font-size:max(.65rem,13px)}
.home-social small{font-size:max(.55rem,11px)}
.home-quick button{font-size:max(.6rem,11px);min-height:32px}
.home-context>span{font-size:max(.65rem,11px)}
.rail .tile h3{font-size:max(.8rem,13px)}
.rail .tile p{font-size:max(.6rem,11px)}
@media(max-height:700px) and (orientation:landscape){.top{min-height:max(3.7rem,48px);gap:1.6rem}.nav{gap:1rem;min-width:0}.nav button{font-size:max(.85rem,12px)}.top-end .utility{min-width:32px;min-height:32px}.top-end .icon{min-width:16px;min-height:16px}.top-end>.avatar{min-width:32px;min-height:32px}.top-end time{font-size:max(.7rem,11px)}.connection-state{font-size:10px!important}.hero-copy h1{font-size:max(2.7rem,32px)}.home-quick button{font-size:10px}.round{min-width:44px;min-height:44px}}
@media(max-height:500px) and (max-width:720px) and (orientation:landscape){.top{gap:1rem}.nav{gap:.7rem}.nav button{font-size:11px}.top-end{gap:.3rem}.top-end time{display:none}.connection-state{font-size:9px!important;max-width:6rem}.home-context{gap:1rem}.home-quick{gap:1rem}.home-quick button{font-size:9px}}
#screen[data-resizing=true] .home-rail .tile{transition:none!important}
@media(max-height:500px) and (max-width:720px) and (orientation:landscape){.connection-state{max-width:none;flex-shrink:0}}