html,body{background:#050912;min-height:100%}body{overflow-x:hidden}.library{color:#edf3f8;background:radial-gradient(circle at 10% 8%,#123b4388,#0000 28%),radial-gradient(circle at 88% 8%,#34215f70,#0000 30%),#050912;width:100%;max-width:none;min-height:100vh;padding:0 28px 36px}.library-header{border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1560px,100%);min-height:78px;margin:auto;display:grid}.library-brand{letter-spacing:-.04em;justify-self:start;font-weight:800}.library-brand span{color:#a970ff}.library-brand b{color:#54dfbd;letter-spacing:.12em;border:1px solid #54dfbd66;border-radius:5px;margin-left:10px;padding:4px 7px;font:700 .58rem DM Mono,monospace}.library-room{color:#8392a5;justify-content:center;align-items:center;gap:10px;min-width:220px;display:flex}.library-room small{color:#54dfbd;letter-spacing:.12em;font:700 .58rem DM Mono,monospace}.library-room strong{color:#edf3f8;letter-spacing:.12em}.back-site{color:#b4c0cc;background:#101824;border:1px solid #334358;border-radius:8px;justify-self:end;padding:9px 13px;font-weight:700}.library-intro{width:min(1560px,100%);margin:52px auto 34px}.library-intro>p{color:#54dfbd;letter-spacing:.18em;font:700 .66rem DM Mono,monospace}.library-intro h1{letter-spacing:-.075em;max-width:900px;margin:13px 0 20px;font-size:clamp(3.2rem,6vw,6.2rem);line-height:.88}.library-intro h1 em{color:#58adff;font-style:normal}.library-intro>span{color:#96a5b5;max-width:650px;font-size:1.03rem;line-height:1.7;display:block}.library-ad{color:#718095;letter-spacing:.13em;background:#0b111c99;border:1px dashed #45536a;border-radius:12px;justify-content:center;align-items:center;gap:14px;width:min(1560px,100%);min-height:92px;margin:0 auto 28px;font:650 .6rem DM Mono,monospace;display:flex}.library-ad small{color:#536176;letter-spacing:0}.library-error{color:#f3a1a3;background:#35151da8;border:1px solid #f17a7c66;border-radius:10px;width:min(1280px,100%);margin:-25px auto 28px;padding:12px 16px}.game-library-grid{grid-template-columns:repeat(auto-fill,minmax(390px,1fr));align-items:stretch;gap:22px;width:min(1560px,100%);margin:auto;display:grid}.library-card{background:linear-gradient(145deg,#111c2a,#0b111c);border:1px solid #34465c;border-radius:18px;flex-direction:column;min-width:0;transition:transform .25s,border-color .25s;display:flex;overflow:hidden;box-shadow:0 20px 60px #0007}.library-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,#34465c);transform:translateY(-3px)}.cover-frame{background:#09101b;position:relative;overflow:hidden}.cover-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#05091280);position:absolute;inset:0}.cover-frame img{object-fit:cover;aspect-ratio:16/9;width:100%;height:auto;transition:transform .6s;display:block}.library-card:hover .cover-frame img{transform:scale(1.025)}.cover-frame span,.cover-frame b{z-index:2;position:absolute;top:14px}.cover-frame span{color:#fff8;font:800 1.7rem DM Mono,monospace;top:auto;bottom:14px;left:16px}.cover-frame b{color:#071019;background:var(--accent);letter-spacing:.12em;border:1px solid #ffffff2c;border-radius:6px;padding:6px 9px;font:800 .56rem DM Mono,monospace;right:14px}.card-copy{flex-direction:column;flex:1;padding:24px;display:flex}.card-copy>small{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font:700 .61rem DM Mono,monospace}.card-copy h2{letter-spacing:-.05em;margin:9px 0 10px;font-size:clamp(1.8rem,2.5vw,2.7rem);line-height:.95}.card-copy p{color:#9cabb9;margin:0;font-size:.92rem;line-height:1.55}.card-meta{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.card-meta span{color:#7f90a3;letter-spacing:.08em;border:1px solid #334358;border-radius:5px;padding:5px 7px;font:600 .53rem DM Mono,monospace}.card-copy button{color:#061019;background:linear-gradient(135deg,var(--accent),#a970ff);cursor:pointer;border:0;border-radius:9px;justify-content:space-between;gap:20px;width:100%;margin-top:auto;padding:12px 14px;font-weight:850;display:flex}.card-copy button:disabled{opacity:.6;cursor:wait}.library-footer{color:#6f7f91;border-top:1px solid #ffffff14;justify-content:space-between;gap:20px;width:min(1560px,100%);margin:48px auto 0;padding-top:24px;font-size:.76rem;display:flex}.library-footer b{color:#a970ff}.card-copy .play-link{color:#061019;background:linear-gradient(135deg,var(--accent),#a970ff);border-radius:9px;justify-content:space-between;gap:20px;width:100%;margin-top:auto;padding:12px 14px;font-weight:850;display:flex}.card-copy .play-link:hover{filter:brightness(1.12)}.card-copy .details-link{color:#9fb1c4;text-underline-offset:4px;width:max-content;margin:0 0 14px;font-size:.78rem;-webkit-text-decoration:underline #ffffff2e;text-decoration:underline #ffffff2e}.card-copy .details-link:hover{color:var(--accent)}.record-line{border:1px solid color-mix(in srgb,var(--accent) 28%,#334358);background:#070c14a6;border-radius:9px;gap:5px;margin:18px 0 0;padding:12px 13px;display:grid}.record-line>small{color:var(--accent);letter-spacing:.13em;font:700 .54rem DM Mono,monospace}.record-line strong{color:#edf3f8;font:750 1rem DM Mono,monospace}.record-line strong span{color:#8292a4;margin-left:6px;font:500 .67rem Space Grotesk,sans-serif}.library-actions{justify-self:end;align-items:center;gap:8px;display:flex}.library-actions>a{color:#b4c0cc;background:#101824;border:1px solid #334358;border-radius:8px;padding:9px 13px;font-weight:700}.library-actions>a:first-child{color:#d8c5ff;border-color:#a970ff66}.library-group{width:min(1560px,100%);margin:0 auto 70px}.group-heading{border-top:1px solid #ffffff14;margin-bottom:22px;padding-top:20px}.group-heading>small{color:#54dfbd;letter-spacing:.14em;font:700 .62rem DM Mono,monospace}.group-heading h2{letter-spacing:-.06em;margin:9px 0 8px;font-size:clamp(2.5rem,4vw,4.5rem);line-height:.9}.group-heading p{color:#96a5b5;max-width:680px;line-height:1.6}.group-heading>a{color:#a970ff;margin-top:7px;font-weight:750;display:inline-block}.chat-plays-group{padding-top:18px}@media (width<=900px){.library-header{grid-template-columns:1fr auto}.library-room{grid-area:2/1/auto/-1;min-height:48px}.library-intro{margin-top:42px}.game-library-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (width<=600px){.library{padding:0 12px 24px}.library-brand b{display:none}.library-intro h1{font-size:3.4rem}.game-library-grid{grid-template-columns:1fr}.card-copy{padding:22px 18px}.library-footer{flex-direction:column}.library-ad small{display:none}}