:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f7fb;--muted:#a9b6c7;--dim:#6f7d90;--void:#071018;--panel:#101a24;--panel-2:#172433;--line:#ffffff1a;--cyan:#44d8ff;--mint:#55e6a5;--amber:#ffbe58;--rose:#ff5b8a;--violet:#a979ff;--radius:8px;--shadow:0 24px 80px #00000080;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 14% 8%,#44d8ff2e,#0000 30rem),radial-gradient(circle at 84% 28%,#ffbe581a,#0000 24rem),linear-gradient(#071018 0%,#0e141d 46%,#111720 100%);margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060c12d6;border-bottom:1px solid #ffffff14;grid-template-columns:auto auto minmax(220px,1fr) minmax(180px,320px) auto;align-items:center;gap:18px;height:72px;padding:0 clamp(18px,4vw,64px);display:grid;position:fixed;inset:0 0 auto}.brand{letter-spacing:0;white-space:nowrap;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{aspect-ratio:1;background:radial-gradient(circle at 35% 35%, #fff 0 8%, transparent 9%), conic-gradient(from 220deg, var(--cyan), var(--mint), var(--amber), var(--rose), var(--cyan));border-radius:50%;width:28px;box-shadow:0 0 26px #44d8ff80}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{border-radius:var(--radius);color:var(--muted);padding:10px 12px;font-size:14px;font-weight:700}.nav-links a:hover,.nav-links a.active{color:var(--ink);background:#ffffff14}.search{align-items:center;display:flex;position:relative}.search svg{width:18px;color:var(--muted);position:absolute;left:12px}.search input{width:100%;min-height:42px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:#ffffff14;outline:none;padding:0 14px 0 40px}.search input:focus{border-color:#44d8ffb3;box-shadow:0 0 0 3px #44d8ff21}.header-actions{align-items:center;gap:8px;display:flex}.icon-button,.profile-button{aspect-ratio:1;width:42px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:#ffffff14;place-items:center;display:inline-grid}.profile-button{background:linear-gradient(135deg,#44d8ff6b,#ff5b8a57)}.icon-button:hover,.profile-button:hover{border-color:#ffffff3d;transform:translateY(-1px)}.icon-button svg,.profile-button svg,.primary-button svg,.secondary-button svg{width:18px;height:18px}.mobile-menu,.mobile-panel{display:none}main{overflow:hidden}.hero{align-items:end;min-height:min(760px,92vh);padding:120px clamp(18px,4vw,64px) 28px;display:grid;position:relative}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-bg{background:url(/assets/hero-nexus.jpg) 50%/cover no-repeat;transform:scale(1.02)}.hero-overlay{background:linear-gradient(90deg,#071018f5,#07101880 40%,#0710182e),linear-gradient(#07101866,#0710180f 54%,#071018fa)}.hero-content{z-index:1;max-width:660px;padding-bottom:112px;position:relative}.eyebrow{color:var(--cyan);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:16px;font-size:clamp(52px,8vw,108px);line-height:.92}.hero-copy{color:#d7e5f2;max-width:560px;margin-bottom:22px;font-size:clamp(16px,2vw,20px);line-height:1.65}.hero-meta{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.hero-meta span{border-radius:var(--radius);color:#d9e9f7;background:#0d1b27b8;border:1px solid #ffffff1f;padding:8px 10px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button{border-radius:var(--radius);justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button{color:#061018;background:linear-gradient(135deg, var(--cyan), var(--mint));border:0;box-shadow:0 18px 44px #44d8ff38}.secondary-button{color:var(--ink);background:#ffffff1a;border:1px solid #ffffff2e}.hero-strip{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid;position:absolute;bottom:28px;left:clamp(18px,4vw,64px);right:clamp(18px,4vw,64px)}.strip-card{min-height:86px;color:var(--ink);text-align:left;border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c1620c7;border:1px solid #ffffff1c;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;padding:8px;display:grid}.strip-card.selected{border-color:#44d8ffbf;box-shadow:inset 0 0 0 1px #44d8ff40}.strip-card strong,.strip-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.strip-card small{color:var(--muted);margin-top:5px}.mini-cover,.rank-cover{background-image:url(/assets/cover-sheet.png);background-size:300% 200%;border-radius:6px;display:block;box-shadow:inset 0 0 0 1px #ffffff1a}.mini-cover{aspect-ratio:1.15;width:74px}.toolbar-band,.catalog-section,.queue-band{padding:34px clamp(18px,4vw,64px);position:relative}.toolbar-band{background:linear-gradient(90deg,#122837eb,#22182aeb);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}.section-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.section-head h2,.queue-copy h2{letter-spacing:0;margin-bottom:0;font-size:clamp(28px,4vw,44px)}.carousel-actions{gap:8px;display:flex}.filters{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-button{min-height:40px;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);background:#ffffff12;flex:none;padding:0 14px;font-weight:800}.filter-button.utility{width:42px;padding:0}.filter-button.active,.filter-button:hover{color:var(--ink);background:#44d8ff29;border-color:#44d8ff6b}.catalog-section{background:#0f151d}.game-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.game-card{border-radius:var(--radius);background:var(--panel);border:1px solid #ffffff17;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 14px 38px #00000038}.game-card:hover{box-shadow:var(--shadow);border-color:#ffffff38;transform:translateY(-5px)}.cover{background-image:url(/assets/cover-sheet.png);background-size:300% 200%;min-height:260px;position:relative}.cover:after{content:"";background:linear-gradient(#0000,#080e14eb);height:45%;position:absolute;inset:auto 0 0}.bg-0{background-position:0 0}.bg-1{background-position:50% 0}.bg-2{background-position:100% 0}.bg-3{background-position:0 100%}.bg-4{background-position:50% 100%}.bg-5{background-position:100% 100%}.tag,.score{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04090ebd;border-radius:6px;align-items:center;gap:5px;min-height:28px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:12px}.tag{left:12px}.score{color:#ffe5a8;right:12px}.score svg{fill:currentColor;width:14px;height:14px}.game-info{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.game-info h3{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:16px;overflow:hidden}.game-info p{color:var(--muted);margin-bottom:0;font-size:13px}.price-box{justify-items:end;gap:2px;display:grid}.price-box span{color:#061018;background:var(--mint);border-radius:5px;padding:2px 6px;font-size:12px;font-weight:900}.price-box strong{font-size:14px}.price-box del{color:var(--dim);font-size:12px}.pink{--mint:#ff5b8a}.amber{--mint:#ffbe58}.green{--mint:#55e6a5}.cyan{--mint:#44d8ff}.orange{--mint:#ff8b3d}.violet{--mint:#a979ff}.queue-band{background:linear-gradient(135deg,#14202bf5,#251923f5),#111720;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);align-items:center;gap:28px;display:grid}.queue-copy p:not(.eyebrow){max-width:520px;color:var(--muted);line-height:1.7}.queue-list{gap:10px;display:grid}.queue-row{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0f;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:92px;padding:10px;display:grid}.rank-cover{aspect-ratio:1.25;width:92px}.queue-row strong,.queue-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.queue-row span{color:var(--muted);margin-top:4px}.queue-row b{white-space:nowrap}.empty-state{min-height:180px;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0d;grid-column:1/-1;place-items:center;display:grid}@media (width<=1180px){.topbar{grid-template-columns:auto auto minmax(0,1fr) auto}.nav-links{display:none}.mobile-menu{display:inline-grid}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;height:66px;padding-inline:14px}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.search,.header-actions .icon-button:not(:last-child){display:none}.mobile-panel{z-index:30;border-right:1px solid var(--line);background:#071018f5;flex-direction:column;gap:6px;width:min(290px,84vw);padding:16px;transition:transform .18s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.mobile-panel.open{transform:translate(0)}.mobile-panel .close-menu{align-self:flex-end;margin-bottom:8px}.mobile-panel a{border-radius:var(--radius);color:var(--muted);background:#ffffff0f;padding:14px 12px;font-weight:800}.hero{min-height:780px;padding:108px 16px 18px}.hero-content{padding-bottom:210px}.hero-copy{font-size:16px}.hero-strip{grid-template-columns:1fr;bottom:18px;left:16px;right:16px}.strip-card:nth-child(n+3){display:none}.toolbar-band,.catalog-section,.queue-band{padding-inline:16px}.section-head{align-items:start}.carousel-actions{display:none}.game-grid{grid-template-columns:1fr}.cover{min-height:360px}.queue-band{grid-template-columns:1fr}.queue-row{grid-template-columns:82px minmax(0,1fr)}.queue-row b{grid-column:2}.rank-cover{width:82px}}@media (width<=420px){.hero-meta span,.primary-button,.secondary-button{width:100%}.cover{min-height:300px}}