:root{--bg:#080909;--surface:#111313;--line:#292d2a;--text:#f4f5f3;--muted:#858b87;--lime:#b8f34a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}button,input{font:inherit}button{color:inherit}body{background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow:hidden}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none}.ambient span{position:absolute;left:-12%;bottom:-8%;width:125%;height:38%;border-radius:48% 52% 0 0/100% 100% 0 0;background:#1b1e1c;transform:rotate(-4deg)}.ambient span:nth-child(2){bottom:-18%;left:18%;background:#252925;transform:rotate(8deg)}.ambient span:nth-child(3){bottom:-31%;left:-4%;background:#333832;transform:rotate(-8deg)}.topbar{position:relative;z-index:20;height:68px;margin:12px 16px 0;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(18,20,19,.92);border:1px solid #272a29;box-shadow:0 18px 55px #0005;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;width:max-content;border:0;background:transparent;font-family:"Space Grotesk";font-size:14px;font-weight:700;letter-spacing:.16em;cursor:pointer}.brand>b,.empty-mark{display:grid;place-items:center;width:32px;height:32px;background:#fff;color:#0b0c0c;font-size:18px;letter-spacing:0}.nav{display:flex;align-items:center;gap:2px}.nav-item{height:40px;padding:0 13px;border:0;background:transparent;display:flex;align-items:center;gap:8px;color:#a3a8a4;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.nav-item:hover,.nav-item.active{background:#202321;color:#fff}.nav-item svg{width:16px}.nav-item b{min-width:17px;padding:3px;border-radius:9px;background:#303430;font-size:9px}.proxy-state{justify-self:end;display:flex;align-items:center;gap:8px;color:#838985;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.proxy-state span{width:7px;height:7px;border-radius:50%;background:#d39f45}.proxy-state.ready span{background:var(--lime);box-shadow:0 0 0 4px #b8f34a18}.proxy-state.failed span{background:#ef5e5e}main{position:relative;z-index:2;height:calc(100% - 80px)}.view{height:100%;animation:enter .35s ease both}.view[hidden]{display:none!important}@keyframes enter{from{opacity:0;transform:translateY(8px)}}.hero-view{display:grid;place-items:center;text-align:center;padding-bottom:8vh}.hero-copy{width:min(720px,88vw)}.eyebrow{display:flex;justify-content:center;align-items:center;gap:9px;color:#9ba19d;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.eyebrow span{width:26px;height:1px;background:var(--lime)}h1,h2{font-family:"Space Grotesk";letter-spacing:0;font-weight:700}h1{font-size:clamp(68px,10vw,128px);line-height:.82;margin-top:24px}.tagline,.library-head p{margin-top:18px;color:var(--muted)}.search-shell{width:min(650px,100%);height:64px;margin:34px auto 0;padding:0 9px 0 21px;display:flex;align-items:center;gap:14px;background:#171918;border:1px solid #2a2d2b;box-shadow:0 28px 75px #0006}.search-shell>svg{width:19px;color:#727874}.search-shell input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.search-shell button{width:46px;height:46px;border:0;background:var(--lime);color:#0b0c0b;display:grid;place-items:center;cursor:pointer}.quick-links{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}.quick-links button{height:35px;padding:0 13px 0 7px;border:1px solid #262a27;background:#0f1110cc;display:flex;align-items:center;gap:8px;color:#aaa;font-size:11px;cursor:pointer}.quick-links span{display:grid;place-items:center;width:23px;height:23px;background:#222;color:var(--tone);font-size:8px;font-weight:800}.scroll-cue{position:absolute;bottom:32px;display:flex;align-items:center;gap:10px;color:#686d69;font-size:8px;font-weight:700;letter-spacing:.22em}.scroll-cue span{width:34px;height:1px;background:#555a56}.library-view{overflow:auto;padding:7vh clamp(24px,7vw,110px) 80px}.library-head{max-width:1240px;margin:0 auto 38px;display:flex;align-items:end;justify-content:space-between;gap:30px}.library-head .eyebrow,.settings-wrap .eyebrow{justify-content:flex-start}.library-head h2,.settings-wrap h2{margin-top:12px;font-size:clamp(42px,6vw,76px);line-height:1}.library-head p{font-size:14px}.filter{width:290px;height:43px;padding:0 14px;display:flex;align-items:center;gap:10px;background:#151716;border:1px solid var(--line)}.filter svg{width:16px}.filter input{width:100%;border:0;outline:0;background:transparent;color:#fff}.card-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.launch-card{text-align:left;border:1px solid #222523;background:#111312;cursor:pointer;transition:.2s}.launch-card:hover{transform:translateY(-5px);border-color:#4a504b}.card-art{position:relative;display:grid;place-items:center;aspect-ratio:1.55;background:radial-gradient(circle,color-mix(in srgb,var(--tone) 28%,transparent),transparent 50%),#151816;overflow:hidden}.card-art:before{content:"";position:absolute;width:92px;height:92px;border:1px solid color-mix(in srgb,var(--tone) 35%,transparent);transform:rotate(45deg)}.card-art b{position:relative;color:var(--tone);font:700 clamp(20px,3vw,34px) "Space Grotesk"}.card-art svg{position:absolute;right:13px;top:13px;width:16px}.card-meta{display:block;padding:15px}.card-meta strong,.card-meta small{display:block}.card-meta small{margin-top:5px;color:#707672;font-size:10px}.no-results{grid-column:1/-1;padding:60px;text-align:center}.tabs-view{padding:0 16px 16px}.browser{height:100%;display:flex;flex-direction:column;border:1px solid #252825;background:#0d0f0e}.tabstrip{height:42px;display:flex;align-items:end;background:#111312;border-bottom:1px solid #232623}.tab-list{height:100%;display:flex;align-items:end;overflow-x:auto;flex:1}.tab{width:190px;min-width:120px;height:36px;padding:0 10px;border:0;border-right:1px solid #252825;background:transparent;display:flex;align-items:center;gap:8px;color:#777d79;cursor:pointer}.tab.active{background:#191c1a;color:#fff}.tab-dot{width:7px;height:7px;border-radius:50%;background:#59605b}.tab.active .tab-dot{background:var(--lime)}.tab em{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-style:normal;font-size:11px}.tab svg{width:14px}.icon-btn{width:36px;height:36px;border:0;background:transparent;color:#8c928e;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{background:#252825;color:#fff}.icon-btn svg{width:16px}.browser-bar{height:51px;display:flex;align-items:center;gap:8px;padding:7px 10px;background:#191c1a;border-bottom:1px solid #292d2a}.browser-actions{display:flex}.browser-bar form{height:36px;min-width:0;flex:1;padding:0 13px;display:flex;align-items:center;gap:9px;background:#0e100f;border:1px solid #292d2a}.browser-bar form svg{width:15px;color:#718342}.browser-bar input{width:100%;border:0;outline:0;background:transparent;color:#fff}.frame-stage{position:relative;flex:1;min-height:0;background:#fff}.proxy-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:none}.proxy-frame.active{display:block}.empty-tabs{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;background:#0e100f}.empty-tabs[hidden]{display:none}.empty-mark{width:58px;height:58px;background:var(--lime);font-size:28px}.empty-tabs h3{margin-top:18px}.empty-tabs form{width:min(420px,70vw);height:48px;margin-top:20px;display:flex;border:1px solid #292d2a}.empty-tabs input{flex:1;padding:0 16px;border:0;outline:0;background:transparent;color:#fff}.empty-tabs button{width:46px;border:0;background:transparent;color:var(--lime)}.settings-view{overflow:auto;padding:8vh 24px}.settings-wrap{width:min(680px,100%);margin:auto}.settings-wrap h2{margin-bottom:35px}.setting-row{min-height:76px;padding:17px 18px;border-top:1px solid #292c2a;display:flex;align-items:center;justify-content:space-between}.setting-row small{display:block;margin-top:6px;color:var(--muted)}.switch{width:42px;height:23px;padding:3px;border:0;border-radius:13px;background:#303431}.switch span{display:block;width:17px;height:17px;border-radius:50%;background:#858b87;transition:.2s}.switch.on span{background:var(--lime);transform:translateX(19px)}.status-pill{padding:7px 10px;background:#292d2a;font-size:9px;text-transform:uppercase}.status-pill.ready{color:var(--lime)}.clear-button{margin-top:25px;padding:12px 15px;border:1px solid #333;background:transparent;display:flex;gap:8px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,15px);padding:11px 16px;background:#fff;color:#111;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.proxy-state{display:none}.nav-item span{display:none}.card-grid{grid-template-columns:repeat(2,1fr)}.library-head{align-items:flex-start;flex-direction:column}.filter{width:100%}}@media(max-width:540px){.topbar{margin:0;height:60px}.brand span{display:none}main{height:calc(100% - 60px)}.quick-links button{font-size:0;padding-right:7px}.library-view{padding:40px 14px}.tabs-view{padding:0}.browser-actions button:nth-child(-n+2){display:none}}
.quick-links span img{display:block;width:100%;height:100%;object-fit:cover}
.library-tools{display:flex;align-items:center;gap:10px}.request-game{height:43px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid #3b453c;background:#b8f34a;color:#0b0c0b;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.request-game svg{width:15px}.library-tools .filter{flex:0 0 290px}@media(max-width:900px){.library-tools{width:100%;flex-direction:column;align-items:stretch}.library-tools .filter{flex-basis:auto}.request-game{justify-content:center}}