:root{color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#f5f7fa;background:#080c17;font-size:clamp(12px,1.02vw,32px);--mint:#b9f3dc;--muted:#99a6ba;--line:#ffffff17;--surface:#141c2c}*{box-sizing:border-box}body{margin:0;overflow:hidden;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #e5fff2;outline-offset:5px}button:active{transform:scale(.98)}[hidden]{display:none!important}#screen{height:100dvh;width:100%;overflow:auto;position:relative;isolation:isolate;display:flex;flex-direction:column;padding:0 max(4.5vw,env(safe-area-inset-right)) 0 max(4.5vw,env(safe-area-inset-left));background:radial-gradient(ellipse at 75% 15%,#23384f77,transparent 60%),#080c17;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}.top{display:flex;align-items:center;gap:3rem;min-height:6.6rem;flex-shrink:0;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:.65rem;padding:0;font-size:1.45rem;font-weight:720;letter-spacing:-.055em}.mark{width:1.9rem;height:1.6rem;stroke:var(--mint);stroke-width:4;fill:none}.nav{display:flex;gap:.45rem;margin-left:1.5rem}.nav button{font-size:1.1rem;letter-spacing:-.025em;color:#a3adbd;padding:.7rem 1.2rem;border-radius:3rem;transition:color .2s,background .2s}.nav button:hover{color:white}.nav button.selected{background:#ffffff0f;color:#fff}.top-end{margin-left:auto;display:flex;align-items:center;gap:1.5rem}.top-end time{font-size:.9rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}.utility{position:relative;padding:.4rem;color:#c9d0dc}.icon{width:1.4rem;height:1.4rem;vertical-align:middle}.download-dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--mint);position:absolute;right:.25rem;top:.1rem}.avatar{width:2.65rem;height:2.65rem;border-radius:50%;background:linear-gradient(145deg,#d0b6eb,#7373a3);border:1px solid #ffffff30;color:#211d38;display:inline-grid;place-items:center;font-weight:750;font-size:1rem}.welcome-label{margin-left:auto;font-size:.65rem;letter-spacing:.23em;color:#8196a7}.view{position:relative;z-index:1;flex:1;animation:view-in .35s ease both}.view-home{display:flex;min-height:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.3rem 0 1.2rem;position:relative;z-index:4;color:#8c9aae;font-size:.65rem;flex-shrink:0}.footer>span{letter-spacing:.13em;font-size:.55rem}.footer i{font-style:normal;margin:0 .8rem;color:#506175}.controller-legend{display:flex;align-items:center;gap:.55rem}.controller-legend>span{margin-left:1.3rem;color:#5f7187}kbd{font:inherit;display:inline-grid;place-items:center;border-radius:50%;border:1px solid #a8b4c150;width:1.15rem;height:1.15rem;color:#c7d4dc;font-size:.6rem;margin-left:.45rem}kbd:first-child{margin-left:0}.scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#0c1222}.scene>img{position:absolute;right:0;top:0;width:75%;height:100%;object-fit:cover;object-position:60% 46%;opacity:.65;transition:opacity .45s;animation:scene-in .65s ease}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080c17 8%,#080c17df 25%,#080c1755 65%,#080c1722),linear-gradient(0deg,#080c17 1%,#080c17d0 20%,transparent 63%,#080c17b0)}.scene-orbit{position:absolute;right:-20vw;top:18vh;width:70vw;height:70vw;border:1px solid #d7ede80b;border-radius:50%;box-shadow:0 0 0 4vw #ffffff02,0 0 0 8vw #ffffff01}.console-home{display:flex;flex:1;flex-direction:column;width:100%;min-height:35rem}.home-context{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#8999ae;padding:.25rem 0}.home-context button{color:#a4b4c4;font-size:.7rem}.home-context button span{margin-left:.6rem}.hero-copy{padding-top:4.7vh;max-width:45rem;min-height:26vh}.eyebrow{text-transform:uppercase;font-size:.62rem;letter-spacing:.22em;color:var(--mint);font-weight:600;display:flex;align-items:center;gap:.65rem}.live-dot{width:.35rem;height:.35rem;background:var(--mint);border-radius:50%;box-shadow:0 0 15px #b9f3dc66}h1,h2,h3,p{margin-top:0}.hero-copy h1{font-weight:550;font-size:clamp(2.5rem,4.25vw,7rem);line-height:1.04;letter-spacing:-.055em;margin:.9rem 0 1rem;max-width:12em}.hero-copy>p{color:#b8c3d2;font-size:.98rem;max-width:30em;line-height:1.65;margin:0 0 1rem}.hero-meta{display:flex;align-items:center;gap:.9rem;color:#99a8bd;font-size:.65rem;line-height:1.8;margin:1.3rem 0}.hero-meta i{width:3px;height:3px;border-radius:50%;background:#657488}.mint{color:var(--mint)}.actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.primary,.secondary{border-radius:.4rem;padding:1rem 1.6rem;display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;font-weight:650;font-size:.8rem;line-height:1.2;min-height:2.9rem;transition:background .2s,box-shadow .2s}.primary{background:#e6f8ed;color:#142720;box-shadow:0 4px 20px #0002}.primary:hover{background:white;box-shadow:0 0 2rem #d0ffe31a}.primary>span{margin-left:1.5rem}.secondary{background:#ffffff09;border:1px solid #ffffff22;color:#dbe5ed}.secondary:hover{background:#ffffff15}.round{width:3rem;height:3rem;border:1px solid #ffffff40;border-radius:50%;background:#ffffff08;font-size:1.25rem;line-height:1}.home-shelf{margin-top:auto;padding-top:3vh}.section-title{display:flex;align-items:center;justify-content:space-between;margin:.8rem 0 1rem}.section-title h2{font-weight:500;font-size:.85rem;letter-spacing:-.015em;margin:0}.tiny{font-size:.67rem;color:var(--muted);line-height:1.65}.home-rail{display:flex;gap:1.1rem;overflow-x:auto;padding:.6rem .5rem 1rem;margin:0 -.5rem;scroll-snap-type:x proximity;scrollbar-width:none}.home-rail::-webkit-scrollbar{display:none}.tile{display:block;text-align:left;padding:0;position:relative;min-width:0;transition:transform .22s ease;scroll-snap-align:start}.home-rail .tile{flex:0 0 10.6rem}.cover{aspect-ratio:.8;border-radius:.45rem;background:var(--cover,#233e52);overflow:hidden;position:relative;box-shadow:0 .8rem 2rem #0004;transform:translateZ(0);border:1px solid #ffffff17;transition:box-shadow .22s,border-color .22s}.cover>img{width:100%;height:100%;object-fit:cover;display:block}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07101fdd,transparent 30%,transparent 94%,#0002);pointer-events:none}.tile:hover,.tile:focus-visible{transform:translateY(-.25rem);outline:0}.tile:focus-visible .cover,.tile:hover .cover,.tile.chosen .cover{border-color:#e0ffed;box-shadow:0 0 0 2px #080c17,0 0 0 4px #dffff2,0 .8rem 2rem #0005}.cover-platform{position:absolute;top:.55rem;right:.6rem;font-weight:800;font-size:.58rem;letter-spacing:-.1em;color:#e9fff4cc}.cover-platform>span{color:#ffffff44}.cover-wordmark{position:absolute;left:10%;right:10%;bottom:22%;font-size:1.65rem;line-height:1;font-weight:850;letter-spacing:-.055em;text-shadow:0 2px 20px #000a}.tag{position:absolute;bottom:.7rem;left:.7rem;right:.3rem;font-size:.5rem;z-index:1;letter-spacing:.03em;color:#dde9e7}.tile h3{font-size:.72rem;font-weight:550;line-height:1.3;margin:.7rem 0 .18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile p{color:#7e90a5;font-size:.6rem;margin:0;line-height:1.5}.collection{padding:2.8rem 0 1rem}.page-heading{display:flex;align-items:end;justify-content:space-between}.page-heading h1,.management h1{font-size:3.1rem;font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:.7rem 0 2.4rem}.collection-count{font-size:2rem;color:#cdd5e0;text-align:right;font-weight:300;margin-bottom:2.4rem}.collection-count small{display:block;font-size:.5rem;letter-spacing:.22em;color:#697c91;margin-top:.4rem}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:1.9rem;padding-bottom:1.15rem;gap:1rem}.collection-toolbar p{margin:0}.filter{display:flex;gap:1.5rem}.filter button{color:#8698ac;padding:.5rem 0;font-size:.8rem}.filter button.selected{color:#e1f7e9;border-bottom:1px solid var(--mint)}.rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2rem 1.2rem;padding:.4rem}.rail .cover{aspect-ratio:.76}.profiles{min-height:calc(100dvh - 12rem);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.view-profiles:before{content:'';position:fixed;inset:-30vw -10vw;background:radial-gradient(ellipse at 50% 40%,#32495933,transparent 48%);border:1px solid #ffffff05;border-radius:50%;z-index:-1;animation:drift 20s ease-in-out infinite}.profiles h1{font-size:3.6rem;font-weight:400;letter-spacing:-.05em;margin:1.2rem 0 .8rem}.profiles>.eyebrow{font-size:.55rem;letter-spacing:.35em;color:#a2d7c8}.note{font-size:.76rem;color:#91a2b8;line-height:1.8}.profile-list{display:flex;gap:2.6rem;justify-content:center;flex-wrap:wrap;margin:3.5rem 0 3rem}.profile-card{width:8.5rem;padding:0}.profile-card .avatar{border-radius:1.1rem;width:7.5rem;height:7.5rem;font-size:2.5rem;margin:auto auto 1.2rem;border:1px solid #d5cde333;transition:transform .22s,box-shadow .22s}.profile-card:hover .avatar,.profile-card:focus-visible .avatar{transform:translateY(-.3rem);box-shadow:0 0 0 3px #0a1221,0 0 0 5px #d5fbed,0 1rem 4rem #9cdbce13}.profile-card b{display:block;font-size:.85rem;font-weight:500;margin-bottom:.45rem}.profile-card small{color:#657d95;font-size:.6rem}.gamepad-hint{font-size:.65rem;color:#708ba0;letter-spacing:.04em}.auth{max-width:28rem;margin:1rem auto 3rem}.auth h1{font-size:2.9rem;font-weight:450;letter-spacing:-.055em;line-height:1.1;margin:2rem 0 1rem}.auth label,.field{display:block;font-size:.75rem;color:#b9c5d3;margin:1rem 0}input,select,textarea{display:block;width:100%;margin-top:.5rem;padding:.85rem 1rem;border:1px solid #ffffff24;background:#121c2bbb;border-radius:.4rem;color:#edf7ff}input:focus,textarea:focus,select:focus{border-color:var(--mint)}textarea{min-height:6rem}.error{color:#f7b5a7;font-size:.75rem;line-height:1.6}.detail{display:grid;grid-template-columns:1.4fr .6fr;gap:10vw;align-items:center;max-width:83rem;margin:auto;min-height:calc(100dvh - 11rem);padding:1rem 0 2rem}.detail-content{max-width:40rem}.back-link{font-size:.7rem;color:#96a6ba;display:block;margin-bottom:3rem;padding:0}.detail h1{font-size:4rem;letter-spacing:-.065em;line-height:1.05;font-weight:500;margin:1rem 0 1.4rem}.summary{font-size:1.05rem;line-height:1.65;color:#c1cedb}.detail .actions{margin:1.9rem 0 1.2rem}.description{font-size:.72rem;line-height:1.85;color:#8ea1b7;max-width:36rem;margin:1.6rem 0}.ownership-note{font-size:.64rem;line-height:1.7;color:#a4baa9}.detail-poster{padding-bottom:2rem}.detail-poster .cover{aspect-ratio:.71;box-shadow:0 2rem 5rem #0007;transform:perspective(900px) rotateY(-7deg)}.detail-poster .cover-wordmark{font-size:2.5rem}.poster-caption{display:flex;justify-content:space-between;font-size:.44rem;letter-spacing:.18em;color:#6b7b8f;margin-top:1.2rem}.detail-scene img{opacity:.24}.detail-scene .scene-shade{background:linear-gradient(90deg,#080c17f0,#080c1766),linear-gradient(0deg,#080c17,transparent)}.management,.settings{max-width:64rem;margin:2.7rem auto 3rem}.management>p{max-width:42rem}.download-list{margin:2rem 0}.download-card{display:grid;grid-template-columns:6rem 1fr;gap:1.6rem;padding:1.6rem 0;border-bottom:1px solid var(--line)}.download-art{padding:0}.download-art .cover{aspect-ratio:.9}.download-art .tag{display:none}.download-card h2{font-size:1rem;font-weight:500;margin:.3rem 0 1.5rem}.download-heading,.download-sub{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.65rem;color:#a6b6c6}.download-heading b{font-weight:500}.download-sub{margin:.65rem 0 1rem;font-size:.6rem}.progress-track{height:3px;background:#ffffff15;margin:.65rem 0;border-radius:4px;overflow:hidden}.progress-track>div{height:100%;background:var(--mint);transition:width .18s linear}#install-meter{max-width:29rem;margin:1.5rem 0}.storage-overview{display:flex;justify-content:space-between;margin-top:3rem;gap:2rem}.storage-overview>div{display:flex;flex-direction:column;gap:.7rem}.storage-overview>div:last-child{text-align:right}.storage-overview strong{font-size:2rem;font-weight:400;letter-spacing:-.05em}.storage-overview span{color:#8096aa;font-size:.65rem}.storage-track{height:5px;margin:1.5rem 0}.storage-row{display:flex;align-items:center;gap:1.3rem;border-bottom:1px solid var(--line);padding:1.2rem 0}.storage-row>div:first-child{width:3rem;flex-shrink:0}.storage-row .cover{aspect-ratio:1;border-radius:.25rem}.storage-row .tag,.storage-row .cover-wordmark,.storage-row .cover-platform{display:none}.storage-row b{font-size:.8rem;font-weight:550}.storage-row p{margin:.4rem 0 0}.storage-row>button{margin-left:auto}.settings h1,.studio h1{font-size:2.7rem;font-weight:450;letter-spacing:-.055em;margin:1rem 0 2.5rem}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.settings-row b{font-size:.8rem;font-weight:550}.settings-row p{margin:.4rem 0 0;max-width:33rem}.settings-row select{max-width:18rem;font-size:.72rem}.settings>.note{max-width:50rem;margin:1.5rem 0}.empty{text-align:center;padding:4rem 1rem;color:#8ba0b7}.empty h2{color:#dde9f3;font-size:1.6rem;font-weight:400;letter-spacing:-.035em}.empty p{font-size:.75rem;line-height:1.8;margin:1rem auto 2rem;max-width:30rem}.empty-icon{font-size:3rem;color:#607e90;margin-bottom:1rem}.studio{max-width:70rem;margin:3rem auto}.studio-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem}.level-grid{display:grid;grid-template-columns:repeat(32,1fr);aspect-ratio:32/12;background:#040a13;border:1px solid #ffffff40;touch-action:none}.level-grid button{padding:0;font-size:.7rem;min-width:0;border:1px solid #ffffff08;line-height:1}.level-grid button[data-cell='#']{background:#6bafa1}.level-grid button[data-cell='^']{color:#ffbfa4}.level-grid button[data-cell='o']{color:#ead690}.save-conflict{border-left:2px solid #edcf9a;padding-left:1rem;margin:2rem 0}.badge{color:var(--mint);font-size:.7rem}a{color:var(--mint)}dialog{background:#141e2ef7;color:#f3f7fa;border:1px solid #ffffff1c;border-radius:.8rem;padding:2.5rem;width:min(90vw,38rem);max-height:85dvh;box-shadow:0 2rem 10rem #0009}dialog::backdrop{background:#030711dd}dialog h2{font-weight:450;letter-spacing:-.04em;line-height:1.3;font-size:2rem;margin:1rem 0}dialog button{margin:.4rem .4rem .4rem 0}#toast{position:fixed;z-index:200;left:50%;bottom:5.5vh;transform:translateX(-50%);background:#202f43f5;border:1px solid #ffffff20;border-radius:.6rem;padding:1rem 1.5rem;max-width:85vw;width:max-content;box-shadow:0 1rem 4rem #0007;font-size:.75rem;line-height:1.6;animation:appear .2s ease}#game{position:fixed;inset:0;background:#080c17;z-index:50}#gameframe{position:absolute;inset:0;width:100%;height:100%;border:0}#game-home{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));width:2.7rem;height:2.7rem;border:1px solid #ffffff44;border-radius:50%;background:#0b182bd9;color:#fff;font-size:1.3rem;opacity:.35}#game-home:hover,#game-home:focus{opacity:1}@keyframes scene-in{from{opacity:.1}to{opacity:.65}}@keyframes breathe{50%{opacity:.55;transform:rotate(-35deg) scale(1.13)}}@keyframes drift{50%{transform:translateY(4vw)}}@media(min-width:1900px){.console-home{min-height:35rem}.hero-copy{padding-top:6vh}.home-rail .tile{flex-basis:10.7rem}.top{min-height:6.3rem}}@media(max-width:1100px){.top{gap:1.5rem;min-height:5.3rem}.nav{margin-left:0}.nav button{padding:.6rem .8rem}.top-end{gap:1rem}.rail{grid-template-columns:repeat(4,minmax(0,1fr))}.console-home{min-height:32rem}.home-rail .tile{flex-basis:10rem}.hero-copy{padding-top:3vh}.detail{gap:6vw}.detail h1{font-size:3.4rem}.brand span{display:none}.footer{padding:1rem 0}.detail{min-height:calc(100dvh - 9rem)}}@media(max-height:600px) and (orientation:landscape){:root{font-size:clamp(11px,1.4vw,16px)}#screen{padding-left:max(3.5vw,env(safe-area-inset-left));padding-right:max(3.5vw,env(safe-area-inset-right))}.top{min-height:4rem}.top-end{gap:1rem}.nav button{font-size:.9rem;padding:.4rem .8rem}.console-home{min-height:0}.home-context{font-size:.65rem}.hero-copy{padding-top:1.4vh;max-width:40rem;min-height:0}.hero-copy h1{font-size:2.6rem;margin:.65rem 0}.hero-copy>p{font-size:.8rem;line-height:1.5;max-width:35em;margin-bottom:.6rem}.hero-meta{margin:.65rem 0;font-size:.6rem}.hero-copy .primary{padding:.75rem 1.3rem;min-height:2.4rem}.round{width:2.4rem;height:2.4rem}.home-shelf{padding-top:1vh}.section-title{margin:.7rem 0 .45rem}.home-rail{gap:.85rem;padding:.4rem .4rem .55rem}.home-rail .tile{flex-basis:8.3rem}.home-rail .cover{aspect-ratio:1.3}.home-rail .cover>img{object-position:center 45%}.home-rail .tile h3{margin:.5rem 0 .15rem;font-size:.65rem}.home-rail .tile p{font-size:.52rem}.home-rail .cover .tag{font-size:.43rem;bottom:.4rem;left:.5rem}.home-rail .cover-wordmark{font-size:1.1rem}.footer{padding:.7rem 0;font-size:.5rem}.footer>span{font-size:.45rem}.controller-legend>span{display:none}.eyebrow{font-size:.52rem}.detail{grid-template-columns:1.6fr .6fr;min-height:0;padding:1rem 0;gap:8vw}.detail h1{font-size:3rem;margin:.65rem 0}.detail .back-link{margin-bottom:1.4rem}.detail .summary{font-size:.9rem}.detail .description{font-size:.65rem;line-height:1.7;margin:1rem 0}.detail .actions{margin:1.2rem 0 .8rem}.detail-poster{max-width:14rem;margin-left:auto}.detail-poster .cover{aspect-ratio:.77}.profiles{min-height:calc(100dvh - 8rem)}.profiles h1{font-size:2.7rem;margin:.7rem 0}.profile-list{margin:1.8rem 0;gap:2rem}.profile-card .avatar{width:6rem;height:6rem;margin-bottom:.9rem;font-size:2rem}.profile-card{width:7rem}.profile-card b{font-size:.75rem}.auth{margin:.5rem auto 2rem}.auth h1{font-size:2.3rem;margin:1rem 0}.auth label{margin:.65rem 0}.auth input{padding:.65rem}.collection{padding:1.5rem 0}.collection h1,.management h1{font-size:2.7rem}.rail{grid-template-columns:repeat(5,minmax(0,1fr))}.rail .cover{aspect-ratio:.9}.management,.settings{margin:1.7rem auto 2rem}.settings h1{font-size:2.4rem}}
@media(orientation:portrait) and (max-width:700px){:root{font-size:14px}.top{min-height:5rem;gap:.7rem;flex-wrap:wrap}.brand{font-size:1.2rem}.brand span{display:none}.nav{gap:0;order:3;width:100%;justify-content:center;margin-bottom:.8rem}.nav button{font-size:.95rem;padding:.45rem 1.2rem}.top-end{gap:.7rem}.top-end time{font-size:.75rem}.avatar{width:2.2rem;height:2.2rem}.scene>img{width:100%;height:72%;opacity:.5;object-position:center 30%}.scene-shade{background:linear-gradient(0deg,#080c17 20%,#080c1780 65%,#080c17c9)}.home-context{font-size:.65rem;margin-top:1.2rem}.console-home{min-height:calc(100dvh - 12rem)}.hero-copy{padding-top:8vh}.hero-copy h1{font-size:3rem}.hero-copy>p{font-size:.85rem;max-width:24em}.hero-meta{font-size:.6rem}.home-shelf{padding-top:3rem;padding-bottom:1rem}.home-rail .tile{flex-basis:9rem}.home-rail .cover{aspect-ratio:.8}.footer{font-size:.5rem;padding:1.2rem 0}.footer>span{font-size:.4rem}.controller-legend>span{display:none}.rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7rem 1rem}.rail .tile h3{font-size:.8rem}.rail .tile p{font-size:.65rem}.page-heading h1,.management h1{font-size:2.5rem}.collection-count{font-size:1.6rem}.collection-toolbar{align-items:start;gap:1rem}.collection-toolbar>.tiny{font-size:.6rem}.collection-toolbar>.tiny .icon{display:none}.collection-toolbar>.note{font-size:.7rem}.detail{grid-template-columns:1fr;padding:2rem 0;gap:2rem;min-height:0}.detail h1{font-size:3.4rem}.detail-poster{display:none}.back-link{margin-bottom:3rem}.detail-scene img{opacity:.3}.detail-scene .scene-shade{background:linear-gradient(0deg,#080c17 15%,#080c1799)}.profiles{min-height:calc(100dvh - 12rem)}.profiles h1{font-size:2.5rem}.profile-list{gap:1.5rem;margin:2.5rem 0}.profile-card{width:7rem}.profile-card .avatar{width:6.3rem;height:6.3rem}.profiles>.note{font-size:.7rem}.welcome-label{font-size:.45rem;letter-spacing:.15em}.auth{padding:0 .3rem}.auth h1{font-size:2.5rem}.settings h1{font-size:2.3rem}.settings-row{align-items:start;gap:1rem;flex-wrap:wrap;padding:1.4rem 0}.settings-row select{max-width:100%}.settings-row .secondary{font-size:.7rem}.storage-row{gap:.8rem}.storage-row>button{padding:.75rem;font-size:.65rem}.download-card{grid-template-columns:4rem 1fr;gap:1rem}.download-card h2{font-size:.85rem}.studio-grid{grid-template-columns:1fr}.controller-legend{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.boot-mark{stroke-dashoffset:0}}

@keyframes view-in{from{opacity:0}to{opacity:1}}

.remember-choice{display:flex!important;align-items:flex-start;gap:.85rem;margin:.8rem 0 1rem}.remember-choice input{width:1.15rem;min-height:1.15rem;flex:none;margin:.15rem 0;accent-color:var(--mint)}.remember-choice span{font-size:.85rem;line-height:1.4}.remember-choice small{display:block;color:var(--muted);font-size:.7rem;margin-top:.35rem}
.connection-state{display:flex;align-items:center;gap:.45rem;white-space:nowrap;color:#a6b3c4;font-size:.62rem;border:1px solid var(--line);border-radius:3rem;padding:.55rem .8rem}.connection-state:before{content:'';width:.36rem;height:.36rem;border-radius:50%;background:#738197}.connection-state[data-state=online]{color:#b9f3dc;border-color:#b9f3dc30;background:#b9f3dc08}.connection-state[data-state=online]:before{background:#b9f3dc;box-shadow:0 0 .6rem #b9f3dc66}.connection-state[data-state=signin]{color:#ebc785}.connection-state[data-state=signin]:before{background:#ebc785}.connection-state[data-state=connecting]:before{background:#8cbdd4;animation:breathe 1.5s ease infinite}.social-badge{position:absolute;top:-.15rem;right:-.3rem;min-width:1rem;height:1rem;display:grid;place-items:center;border-radius:1rem;font-size:.55rem;font-weight:750;background:var(--mint);color:#102c2b;padding:0 .2rem}.friends-hub{max-width:110rem;margin:auto;padding:3vh 0 5vh}.friends-hub h1{font-size:clamp(2.1rem,4vw,4rem);letter-spacing:-.055em;margin:.65rem 0 1rem;line-height:1.05}.friends-hub h2{font-size:1.15rem;font-weight:580;letter-spacing:-.025em}.friends-hub .page-heading{margin-bottom:2.6rem;align-items:center}.social-orb{display:grid;place-items:center;border-radius:50%;width:5rem;height:5rem;background:radial-gradient(circle at 30% 20%,#b9f3dc30,#618c9710);border:1px solid #a4e6d52b;box-shadow:0 0 4rem #7cccb90c}.social-orb .icon{width:2.2rem;height:2.2rem;color:#c8eddf}.social-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:3rem}.social-layout aside{border-left:1px solid var(--line);padding-left:2.5rem}.friend-search{padding:1.4rem;border:1px solid var(--line);background:#ffffff04;border-radius:1.2rem;margin-bottom:1rem}.friend-search label{display:block;font-size:.7rem;color:#acbacb;margin-bottom:.8rem;letter-spacing:.04em}.friend-search>div{display:flex;gap:.7rem}.friend-search input{min-width:0;flex:1;border:1px solid #ffffff20;border-radius:.65rem;padding:.8rem 1rem;background:#07101a;color:#eff8fa;font-size:.9rem;outline-offset:2px}.friend-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.friend-avatar{position:relative;display:grid;place-items:center;width:3.2rem;height:3.2rem;flex:none;border-radius:1rem;background:linear-gradient(145deg,#39555f,#243044);color:#d7eee5;font-size:1.3rem;font-weight:600;border:1px solid #b2d6d323}.friend-avatar i{position:absolute;bottom:-.12rem;right:-.12rem;width:.75rem;height:.75rem;background:#667286;border:2px solid #0b1220;border-radius:50%}.friend-avatar[data-online=true] i{background:var(--mint);box-shadow:0 0 .6rem #b9f3dc55}.friend-copy{flex:1;min-width:0}.friend-copy h3{font-size:.95rem;margin:0 0 .3rem;letter-spacing:-.02em;overflow-wrap:anywhere}.friend-copy p{font-size:.7rem;color:#91a0b4;margin:0}.friend-copy small{display:block;font-size:.7rem;color:#b2c3cf;margin-top:.55rem}.friend-actions{display:flex;align-items:flex-end;flex-direction:column;gap:.55rem}.friend-actions .primary,.friend-actions .secondary{font-size:.7rem;padding:.6rem .8rem;min-height:auto}.friend-actions .tiny{font-size:.6rem;color:#8c9bae}.social-empty{padding:1.5rem 0;color:#8497aa;font-size:.85rem;line-height:1.6}.social-empty h3{color:#d5e5e7;font-size:1.1rem;font-weight:500;margin:.5rem 0}.social-empty p{margin:.4rem 0}.social-subtitle{margin-top:2.5rem}.friends-hub .section-title{margin-top:1.8rem}.friends-hub .section-title h2 span{color:#677c90;font-weight:400;margin-left:.5rem}.game-invite{padding:1.5rem;border-radius:1rem;border:1px solid #a4e2d62e;background:linear-gradient(140deg,#1b393f,#141e2c);margin:1rem 0 2rem;box-shadow:0 .8rem 3rem #00000015}.game-invite .eyebrow{font-size:.55rem;color:var(--mint)}.game-invite h3{font-size:1.45rem;letter-spacing:-.035em;margin:.8rem 0}.game-invite p{font-size:.8rem;color:#c5d4de}.game-invite small{font-size:.65rem;color:#9bb2be}.game-invite .actions{margin-top:1.2rem}.game-invite .primary{font-size:.75rem;padding:.7rem 1rem}.social-offline{max-width:42rem;padding:2rem;border-radius:1.5rem;border:1px solid #b5d8d52a;background:#b5d8d506}.social-offline p{color:var(--muted);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.social-panel{width:min(88rem,94vw)!important;max-width:94vw!important;max-height:92dvh!important;overflow:auto!important;padding:2rem 3rem!important}.social-close{position:absolute;right:1.2rem;top:.8rem;font-size:2rem;color:#bdcfda}.social-panel .friends-hub{padding:1rem 0}.social-panel .friends-hub h1{font-size:2.7rem}.social-panel .friend-search{padding:1rem}#invite-layer-row{margin-top:1rem}#friend-search-results:not(:empty){margin-bottom:2rem}#toast[onclick]{cursor:pointer}
@media(max-width:1100px){.top-end{gap:.9rem}.top{gap:1.8rem}.connection-state{font-size:.58rem;padding:.45rem .6rem}.social-layout{gap:2rem}.social-layout aside{padding-left:1.5rem}}
@media(max-width:760px){.top-end{gap:.6rem}.connection-state{padding:.45rem;border-color:transparent;font-size:.55rem}.top-end time{display:none}.social-layout{grid-template-columns:1fr}.social-layout aside{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:1rem}.social-panel{padding:2rem 1.2rem!important}.friends-hub .page-heading{gap:1rem}.social-orb{width:3.4rem;height:3.4rem}.social-orb .icon{width:1.5rem;height:1.5rem}.friend-card{gap:.7rem}.friend-search{padding:1rem}.friend-search .secondary{font-size:.75rem;padding:.6rem}.friend-avatar{width:2.8rem;height:2.8rem}.friend-copy h3{font-size:.9rem}.friend-actions .primary,.friend-actions .secondary{font-size:.65rem}.social-panel .friends-hub h1{font-size:2.1rem}}