/* Larger type and artwork-led layouts for the friends portal. */
:root{--bg:#111315;--text:#f1f0ec;--muted:#a7abad;--accent:#c0dacb;--line:#303337}
body{font-size:17px}.shell{max-width:1220px;padding:0 40px}.header{height:88px;gap:54px}.brand{font-size:31px}nav{gap:32px}nav a{font-size:16px}.preview-label{font-size:13px}main{padding:32px 0 54px}h1{font-size:34px}h2{font-size:23px;letter-spacing:-.5px}.subtle{font-size:16px}.button{font-size:16px;min-height:48px;padding:12px 20px;border-radius:8px}.button svg{height:18px;width:18px}.health{font-size:14px}.health:before{width:6px;height:6px}.plain-link,summary{font-size:15px}.help{font-size:16px}.help p{max-width:800px}.fine-print{font-size:13px}.server-meta,.server-live,.address-copy code{font-size:14px}.mod-info strong{font-size:16px}.mod-version,.mod-project{font-size:13px}.mod{min-height:72px}.mod-picture,.mod-picture img{width:40px;height:40px}.mod-picture{flex-basis:40px}.mod-toolbar h2{font-size:22px}.mod-toolbar h2 span{font-size:13px}input[type=search],select{font-size:15px;min-height:43px}.searchbox svg{top:14px}.show-more{font-size:15px}.list-notes summary,.list-notes p,.status-note{font-size:14px}#toast{font-size:15px}
.feature{position:relative;isolation:isolate;overflow:hidden;min-height:340px;border:1px solid #343b3e;border-radius:16px;background:#1d272b;display:flex;align-items:center}.feature-copy{position:relative;z-index:2;padding:42px;width:57%}.service-label{display:flex;align-items:center;gap:17px;font-size:14px;font-weight:500;color:#bbc6c6;margin-bottom:18px}.feature h1{font-size:clamp(36px,4.4vw,52px);line-height:1.08;letter-spacing:-1.8px;font-weight:650}.feature p{font-size:18px;color:#c3c8c9;line-height:1.6;margin:15px 0 26px}.feature-footnote{display:block;font-size:14px;color:#b6c0c2;margin-top:13px}.poster-wall{position:absolute;inset:-45px -24px -45px 48%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;transform:rotate(10deg);z-index:-2}.poster-wall img{width:100%;height:280px;object-fit:cover;border-radius:8px;box-shadow:0 12px 25px #0007}.poster-wall img:nth-child(3n+2){transform:translateY(-64px)}.watch-feature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1d272b 25%,#1d272bf5 39%,#1d272b55 68%,#1d272b22)}.home-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.destination{display:flex;align-items:center;gap:24px;min-height:208px;border:1px solid #333a39;border-radius:14px;padding:28px;transition:background .18s,border-color .18s}.destination:hover{border-color:#7f9990;background:#25312c}.destination h2{font-size:25px;line-height:1.2}.destination p{color:#adb6b2;font-size:15px;margin:9px 0 17px}.destination .service-label{margin-bottom:12px;font-size:13px;gap:12px}.destination .health{font-size:12px}.destination-action{display:flex;align-items:center;gap:10px;font-size:15px;color:#d7e3db}.destination-action svg{width:17px}.request-destination{background:#202824}.game-destination{background:#242326;border-color:#3e343a}.game-destination:hover{background:#302932;border-color:#8e768a}.game-destination img{width:100px;height:100px;border-radius:12px;box-shadow:0 8px 24px #0004}.destination-symbol{display:grid;place-items:center;border:1px solid #6d8377;border-radius:50%;width:68px;height:68px;flex-shrink:0;color:#c6dacb}.destination-symbol svg{width:32px;height:32px}.library-section{margin-top:35px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-top h2{font-weight:600}.poster-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 18px}.poster-card{min-width:0}.poster-frame{display:block;position:relative;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:#25292c;border:1px solid #ffffff10}.poster-frame>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.poster-card:hover .poster-frame>img{transform:scale(1.04)}.poster-card:focus-visible{border-radius:10px}.poster-card>strong{display:block;font-size:16px;font-weight:550;line-height:1.35;margin-top:11px}.poster-card>span:last-child{display:block;font-size:13px;color:#9fa7aa;margin-top:5px}.poster-play{position:absolute;inset:0;background:#0004;display:grid;place-items:center;opacity:0;transition:opacity .2s}.poster-play svg{padding:12px;width:48px;height:48px;border-radius:50%;background:#e6eee8;color:#1d2e23;fill:currentColor}.poster-card:hover .poster-play,.poster-card:focus-visible .poster-play{opacity:1}.snapshot-note{font-size:13px;color:#929b9e;margin-top:20px}.library-tools{flex-wrap:wrap}.library-tools h2{margin-right:auto}.library-filters{display:flex;gap:3px;border:1px solid #333a3b;padding:3px;border-radius:8px;background:#191e20}.library-filter{border:0;background:transparent;color:#aeb5b8;padding:7px 12px;border-radius:5px;font-size:14px}.library-filter[aria-pressed=true]{background:#36463e;color:#e7f1e9}.library-tools .searchbox{width:205px}.watch-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;border-top:1px solid var(--line);margin-top:34px;padding-top:28px}.watch-bottom h2{font-size:22px}.watch-bottom p{font-size:15px;color:var(--muted);margin-top:8px}.tv-address{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:7px;margin-top:16px;max-width:455px;padding-left:14px}.tv-address code{font-size:14px;overflow-wrap:anywhere;min-width:0}.tv-address .icon-button{flex-shrink:0;width:46px;height:46px}.missing-link{display:flex;flex-direction:column;justify-content:center;gap:12px;border-left:1px solid var(--line);padding-left:40px}.missing-link span{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--muted)}.missing-link strong{display:flex;gap:12px;align-items:center;font-size:23px;color:#c6dccf;font-weight:500}.request-feature{background:#28242d;border-color:#443b48}.request-feature .service-label{color:#c6bccd}.request-feature .button{background:#d6c3e6;color:#271c30}.request-feature p{color:#c8becd}.request-feature .feature-footnote{color:#b6a9bf}.request-art{position:absolute;inset:0 0 0 55%;display:flex;align-items:center;justify-content:center}.request-art img{height:255px;width:170px;object-fit:cover;border-radius:9px;box-shadow:0 12px 40px #0007;transform:rotate(-13deg);margin-right:-60px}.request-art img+img{transform:rotate(13deg);margin-top:35px;margin-right:35px}.request-art>span{position:absolute;right:35px;top:42px;display:grid;place-items:center;width:60px;height:60px;background:#d9c3ea;border:6px solid #28242d;border-radius:18px;color:#392849;transform:rotate(9deg)}.request-art svg{width:27px;height:27px}.request-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;border-bottom:1px solid var(--line);padding:30px 0}.request-guide>div{position:relative;padding-left:36px}.step-number{position:absolute;left:0;top:3px;color:#b49dc4;font-size:14px;font-variant-numeric:tabular-nums}.request-guide h2{font-size:19px;letter-spacing:-.3px}.request-guide p{font-size:15px;color:var(--muted);margin-top:8px;line-height:1.6}.no-results a{text-decoration:underline;color:var(--accent)}
@media(max-width:900px){.shell{padding:0 24px}.feature-copy{padding:32px}.home-pair{gap:14px}.destination{padding:23px;gap:18px}.destination-symbol{display:none}.game-destination img{width:75px;height:75px}.destination h2{font-size:22px}.poster-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}.request-art{left:58%}.request-art img{height:220px;width:147px}.request-art>span{right:20px}.watch-bottom{grid-template-columns:1.3fr 1fr;gap:24px}.missing-link{padding-left:24px}}
@media(max-width:600px){body{font-size:16px}.shell{padding:0 18px}.header{height:auto;min-height:76px;gap:18px;padding-top:19px}.header nav{height:50px;gap:20px}.header nav a{font-size:15px}.brand{font-size:29px}.preview-label{font-size:12px}main{padding-top:22px}.feature{min-height:410px;align-items:flex-start;border-radius:13px}.feature-copy{width:100%;padding:27px;align-self:flex-end;padding-top:125px}.feature h1{font-size:38px}.feature p{font-size:17px;line-height:1.5;margin:12px 0 22px}.feature .service-label{margin-bottom:12px;font-size:14px}.feature .health{font-size:13px}.feature-footnote{font-size:13px}.poster-wall{inset:-80px -18px 90px 8%;grid-template-columns:repeat(3,1fr);gap:9px}.poster-wall img{height:190px}.watch-feature:after{background:linear-gradient(0deg,#1d272b 25%,#1d272bec 52%,#1d272b18 100%)}.home-pair{grid-template-columns:1fr;gap:13px;margin-top:14px}.destination{min-height:174px;padding:23px;gap:20px}.destination-symbol{display:grid;width:56px;height:56px}.destination h2{font-size:23px}.destination p{font-size:14px}.game-destination img{width:66px;height:66px}.destination .service-label{font-size:13px;gap:12px}.destination .health{font-size:12px}.poster-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.poster-card>strong{font-size:14px}.poster-card>span:last-child{font-size:12px}.poster-frame{border-radius:7px}.library-section{margin-top:28px}.section-top{gap:12px;margin-bottom:17px}.section-top h2{font-size:21px}.section-top .plain-link{font-size:13px}.snapshot-note{font-size:12px;line-height:1.6}.library-tools h2{width:100%;font-size:23px}.library-tools .searchbox{width:100%}.library-filters{width:100%}.library-filter{flex:1;font-size:15px}.watch-bottom{grid-template-columns:1fr;gap:24px}.missing-link{padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}.tv-address{padding-left:10px}.tv-address code{font-size:12px}.request-feature .feature-copy{padding-top:150px}.request-feature{min-height:450px}.request-art{inset:-52px 0 auto 0;height:260px;z-index:-1;opacity:.65}.request-art img{height:220px;width:147px}.request-feature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#28242d 35%,#28242ded 51%,#28242d00 100%)}.request-art>span{right:25px;top:76px}.request-guide{grid-template-columns:1fr;gap:25px;padding:27px 0}.request-guide h2{font-size:20px}.request-guide p{font-size:15px}.button{font-size:15px;padding:12px 16px}.health{font-size:13px}.subtle{font-size:14px}.server-live{font-size:12px}.server-meta{font-size:13px}.mod-info strong{font-size:14px}.mod-project,.mod-version{font-size:12px}.mod-picture,.mod-picture img{width:34px;height:34px}.mod-picture{flex-basis:34px}.help{font-size:15px}summary{font-size:15px}.status-note{font-size:12px}.mod-toolbar select{width:140px}.searchbox{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}