.retro{--retro-accent:#c4b5fd;min-width:0;color:#eee}.retro-hero{padding:36px 24px;background:radial-gradient(ellipse at 85% 10%,#582c83 0,transparent 60%),linear-gradient(125deg,#151329,#192d48);border:1px solid #6751a2;border-radius:12px;margin-bottom:18px}.retro-kicker{letter-spacing:4px;font-size:12px;color:#a5f3fc}.retro-hero h1{font-size:clamp(25px,4vw,42px);line-height:1.2;margin:12px 0;color:#fff}.retro-hero p{color:#d3cde5;max-width:650px}.retro-hero nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.retro a{color:var(--retro-accent)}.retro-hero nav a,.retro-pages a{padding:9px 14px;border:1px solid #77648d;border-radius:6px;text-decoration:none}.retro-panel{padding:20px;background:#1c1c29;border:1px solid #393448;border-radius:10px;margin-bottom:18px}.retro-filters,.retro-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px}.retro label{display:flex;flex-direction:column;gap:6px;min-width:0}.retro input,.retro select{box-sizing:border-box;max-width:100%;padding:10px;background:#11121e;color:#f8f7ff;border:1px solid #5e546e;border-radius:5px}.retro button,.retro-login a{padding:11px 16px;border:1px solid #9880cf;border-radius:5px;background:#6642a3;color:#fff;cursor:pointer;font:inherit}.retro button:disabled{opacity:.45;cursor:default}.retro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px}.retro-card{display:block;text-decoration:none;background:#252334;border:1px solid #453b57;border-radius:8px;overflow:hidden;transition:transform .15s,border-color .15s}.retro-card:hover{transform:translateY(-3px);border-color:#c4b5fd}.retro-cover{height:160px;position:relative;background:linear-gradient(145deg,#343f70,#5a3067);display:flex;align-items:center;justify-content:center;overflow:hidden}.retro-cover img{height:100%;width:100%;object-fit:contain;z-index:1}.retro-cover span{position:absolute;color:#ddc7ff;font-size:36px}.retro-card h2{font-size:15px;line-height:1.4;padding:6px 12px 14px;margin:0;color:#fff}.retro-card small{display:block;padding:10px 12px 0;color:#b7a4ce}.retro-screen{width:100%;height:clamp(300px,52vw,600px);background:#08080e;border:1px solid #5e536d;box-sizing:border-box}.retro-screen #retro-emulator{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.retro #retro-status{min-height:2.8em;color:#d6c9f7}.retro-pages{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.retro-pages [aria-current]{background:#6742a3;color:#fff}.retro-achievements{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.retro-achievement{padding:16px;border:1px solid #474054;border-radius:7px;color:#b2a6bc}.retro-achievement.is-earned{border-color:#bda254;background:#353024;color:#ffeab1}.retro-progress{padding:14px 0;border-bottom:1px solid #453b57;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.retro details{margin-top:24px;line-height:1.6}.retro :focus-visible{outline:2px solid #67e8f9;outline-offset:3px}.retro-login{padding:35px 0}.retro #retro-rating{display:flex;flex-wrap:wrap;align-items:end;gap:10px}@media(max-width:480px){.retro-hero,.retro-panel{padding:16px}.retro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.retro-cover{height:135px}.retro-filters label{width:100%}.retro-toolbar button{flex:1}.retro-screen{height:350px}}@media(prefers-reduced-motion:reduce){.retro-card{transition:none}}
.retro-game-meta{display:flex;flex-wrap:wrap;gap:14px;color:#b8b8ca;margin-bottom:16px}.retro-game-rating{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.retro-rating-track{height:12px;width:180px;background:#393949;overflow:hidden;border-radius:4px}.retro-rating-track span{display:block;height:100%;background:#f9cc36}.retro-comments{color:inherit}.retro .ui-kit-paginator{margin-top:20px}.retro .ui-kit-paginator--list{max-width:100%;height:auto;white-space:normal}.retro-description{line-height:1.7;margin-top:24px}
.retro .ui-kit-paginator--list-link{color:#fff}
.retro{margin-left:10px;margin-right:10px}.retro-comments{margin-left:10px;margin-right:10px}.retro-hero{position:relative;overflow:hidden;isolation:isolate}.retro-hero__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 40%;z-index:0;opacity:.8;pointer-events:none}.retro-hero--game:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,18,35,.96) 0%,rgba(19,25,44,.88) 46%,rgba(19,25,44,.58) 100%);z-index:1;pointer-events:none}.retro-hero>:not(.retro-hero__art){position:relative;z-index:2}.retro-hero__controls{max-width:800px;line-height:1.65}.retro-hero__controls p{margin:9px 0}.retro-hero kbd{display:inline-block;padding:1px 6px;border:1px solid #8e8ca0;border-radius:4px;background:rgba(10,13,27,.75);color:#fff;font:inherit;font-size:13px}.retro-catalog-description{line-height:1.75}.retro-catalog-description h2{font-size:24px;line-height:1.35}.retro-catalog-description h3{font-size:19px;margin:22px 0 10px}.retro-catalog-description p{margin:10px 0}
.retro-comments{width:auto}