:root{--bg:#f0f0f0;--white:#fff;--ink:#171717;--muted:#696969;--line:#d2d2d2;--purple:#5d38f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 "PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:2px}h1,h2,p{margin-top:0}.shell{display:flex;min-height:100dvh}.sidebar{position:sticky;top:0;display:flex;flex:0 0 210px;flex-direction:column;height:100dvh;padding:24px 16px;border-right:1px solid var(--line);background:white}.brand{display:flex;align-items:center;gap:10px;padding:0 12px;font-size:22px;font-weight:900}.brand span{display:grid;width:35px;height:35px;place-items:center;border-radius:7px;background:var(--purple);color:white;font-size:20px}.side-nav{display:grid;gap:5px;margin-top:40px}.nav{display:flex;align-items:center;gap:14px;width:100%;min-height:46px;padding:0 14px;border:0;border-radius:6px;background:transparent;color:#555;text-align:left;font-size:23px}.nav span{font-size:14px;font-weight:700}.nav:hover,.nav.active{background:#eee9ff;color:#4f29e7}.party-link{margin-top:auto}.content{display:flex;flex:1;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 36px;border-bottom:1px solid var(--line);background:white}.topbar>strong{font-size:13px}.topbar>small{padding:5px 9px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.mobile-brand{display:none}.content main{flex:1;width:min(100%,1180px);margin:auto;padding:32px 36px 60px}.view[hidden],[hidden]{display:none!important}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.heading small{display:block;margin-bottom:7px;color:var(--purple);font-size:11px;font-weight:800}.heading h1{margin:0;font-size:30px;line-height:1.2}.heading>p{max-width:360px;margin:0;color:var(--muted);font-size:13px}.bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:25px}.tab{min-height:44px;padding:0 3px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-weight:800}.tab.active{border-color:var(--purple);color:var(--ink)}.link-button{min-height:44px;border:0;background:none;color:var(--purple);font-size:13px;font-weight:800}.spotlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.spotlight{position:relative;display:flex;align-items:flex-end;min-height:305px;overflow:hidden;border-radius:7px;color:white;isolation:isolate}.spotlight:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#091520d9,transparent 70%);content:""}.campus{background:linear-gradient(140deg,#badba9,#628f8e 65%,#2e5363)}.campus-scene{position:absolute;inset:0;z-index:-2}.school{position:absolute;top:15%;left:14%;display:grid;width:46%;height:35%;place-items:center;border:7px solid #42626b;border-radius:4px;background:#e5d1ab;color:#38575c;font-weight:900;transform:rotate(-6deg);box-shadow:10px 12px #24425a70}.trail{position:absolute;top:3%;right:17%;width:27%;height:72%;border:17px solid #eddbbc;border-left:0;border-radius:0 80px 80px 0;transform:rotate(17deg)}.key{position:absolute;top:17%;right:17%;color:#ffde7d;font-size:56px}.exit{position:absolute;right:14%;bottom:32%;padding:5px 10px;border:3px solid white;background:#dc775b;font-weight:800;transform:rotate(6deg)}.space{background:#162057 url("./media/space.webp") center/cover}.space-ship{position:absolute;top:8%;left:45%;z-index:-1;color:#76f8e9;font-size:86px;text-shadow:0 15px 20px #53d7f5;transform:rotate(180deg)}.spotlight-copy{padding:24px}.spotlight-copy small{font-weight:700}.spotlight-copy h2{margin:5px 0 2px;font-size:27px}.spotlight-copy p{margin:0 0 14px;font-size:13px}.preview{min-height:44px;padding:0 16px;border:0;border-radius:6px;background:white;color:var(--ink);font-weight:800}.preview:hover{background:#e9e2ff}.subheading{display:flex;align-items:baseline;justify-content:space-between;margin:30px 0 15px}.subheading h2{margin:0;font-size:19px}.subheading span{color:var(--muted);font-size:12px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tile{display:flex;flex-direction:column;overflow:hidden;padding:0 0 12px;border:1px solid var(--line);border-radius:7px;background:white;text-align:left}.tile:hover{border-color:var(--purple)}.art{display:grid;width:100%;height:138px;place-items:center;font-size:54px}.snow{background:linear-gradient(145deg,#c6eef7,#548196 70%,#274861);color:white}.fishing{background:linear-gradient(140deg,#82f4da,#147d9e)}.diner{background:linear-gradient(130deg,#6a2539,#bd7d4d);color:#ffe2a0;font-weight:900}.frontline{background:#273f48 url("./media/frontline.webp") center/cover}.space-art{background:#161744 url("./media/space.webp") center/cover;color:#a0f5f6}.campus-art{background:linear-gradient(145deg,#aed8aa,#346a72);color:#ffdc75}.tile strong,.tile small{display:block;max-width:100%;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.tile strong{margin-top:11px;font-size:13px}.tile small{margin-top:4px;color:var(--muted);font-size:11px}.empty{padding:50px 10px;color:var(--muted);text-align:center}.search{display:flex;align-items:center;gap:10px;max-width:490px;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:6px;background:white}.search:focus-within{border-color:var(--purple)}.search span{font-size:25px}.search input{flex:1;min-width:0;border:0;background:none;outline:none}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.filter{min-height:44px;padding:0 15px;border:0;border-radius:6px;background:white;color:var(--muted);font-weight:700}.filter.active{background:#e9e2ff;color:#4f29e7}.community-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.community-tiles .art{height:170px}.studio{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.2fr);gap:16px;min-height:560px}.device,.chat{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:white}.device{align-items:center;justify-content:space-between;padding:16px;background:#f8f6ff}.pane-heading{display:flex;align-self:stretch;justify-content:space-between;font-weight:800}.pane-heading small{color:var(--muted);font-weight:400}.device img{width:min(85%,300px);max-height:390px;object-fit:contain}.device>strong{margin:10px 0 20px}.chat .pane-heading{padding:17px;border-bottom:1px solid var(--line)}.messages{display:flex;flex:1;flex-direction:column;gap:18px;padding:23px 18px}.messages p{max-width:80%;margin:0;padding:12px 15px;border-radius:7px;background:#f1f1f1;font-size:13px}.messages .mine{align-self:flex-end;background:var(--purple);color:white}.ideas{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px}.ideas span{padding:6px 10px;border-radius:5px;background:#eee9ff;color:#4f29e7;font-size:12px}.composer{display:flex;justify-content:space-between;margin:0 18px 18px;padding:13px;border:1px solid var(--line);border-radius:6px;color:#888}.composer span{color:var(--purple)}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.asset{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:7px;background:white}.asset-art{display:grid;height:170px;overflow:hidden;place-items:center;border-radius:4px;background:#f3f2f7}.asset-art img{width:100%;height:100%;object-fit:contain}.nebula{background:#181744 url("./media/space.webp") center/cover}.night{background:#261c40 url("./media/night.webp") center/cover}.prop{background:#b3d4a8;color:#bb7529;font-size:90px}.asset strong{margin-top:5px;font-size:13px}.asset small{color:var(--muted)}.profile{display:flex;align-items:center;gap:20px;padding:26px;border:1px solid var(--line);border-radius:7px;background:white}.avatar{display:grid;flex:none;width:60px;height:60px;place-items:center;border-radius:50%;background:#e9e2ff;color:var(--purple);font-size:30px;font-weight:900}.profile h2{margin:0;font-size:20px}.profile p,.party-grid p{margin:5px 0 0;color:var(--muted);font-size:13px}.profile-list{margin-top:18px;border:1px solid var(--line);border-radius:7px;background:white}.profile-list div{display:flex;justify-content:space-between;padding:17px 22px;border-bottom:1px solid var(--line)}.profile-list div:last-child{border:0}.profile-list span{color:#aaa}.party-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.party-grid>div{padding:27px;border:1px solid var(--line);border-radius:7px;background:white}.party-grid span{display:grid;width:60px;height:60px;place-items:center;border-radius:7px;background:#e9e2ff;color:var(--purple);font-size:29px}.party-grid h2{margin:20px 0 0;font-size:20px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 36px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer a{color:inherit}.mobile-nav{display:none}.notice{position:fixed;right:18px;bottom:18px;z-index:5;max-width:min(350px,calc(100vw - 36px));padding:13px 17px;border-radius:6px;background:#292238;color:white;font-size:13px;box-shadow:0 8px 25px #0003;opacity:0;pointer-events:none;transition:opacity .15s}.notice.visible{opacity:1}@media(max-width:1000px){.sidebar{flex-basis:170px}.content main{padding:26px 24px 55px}.topbar,footer{padding-left:24px;padding-right:24px}.tiles,.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sidebar{display:none}.mobile-brand{display:flex;padding:0;font-size:18px}.mobile-brand span{width:30px;height:30px;font-size:18px}.topbar{min-height:56px;padding:0 16px}.topbar>strong{display:none}.content main{padding:22px 16px 40px}.heading{display:block}.heading h1{font-size:25px}.heading>p{margin-top:9px}.spotlights{grid-template-columns:1fr}.spotlight{min-height:255px}.tiles,.community-tiles,.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art{height:120px}.community-tiles .art{height:132px}.studio{grid-template-columns:1fr}.device{min-height:360px}.device img{max-height:250px}.chat{min-height:400px}.party-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:4;display:flex;justify-content:space-around;align-items:center;min-height:58px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:white}.mobile-nav button{flex:1;min-height:48px;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.mobile-nav button.active{color:var(--purple)}.mobile-nav .plus{color:#ed5577;font-size:30px}footer{padding:20px 16px calc(76px + env(safe-area-inset-bottom));font-size:11px}.notice{bottom:calc(72px + env(safe-area-inset-bottom))}}@media(max-width:380px){.tile strong{font-size:12px}.spotlight-copy{padding:19px}.filter{padding:0 11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.notice{transition:none}}