*{box-sizing:border-box}body{margin:0;background:#111115;color:#f5f4f7;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #fb5ca5;outline-offset:4px}button:disabled{cursor:default}img{display:block;width:100%;height:100%;object-fit:cover}.site-header{width:100%;display:flex;align-items:center;gap:56px;min-height:96px;padding:22px clamp(22px,3vw,52px);background:#201220;border-bottom:1px solid #392638}.brand{font-size:24px;font-weight:900;line-height:1.04;letter-spacing:1.2px;text-transform:uppercase;background:linear-gradient(110deg,#ff0066 5%,#bd35ea 68%,#7953ff);background-clip:text;-webkit-background-clip:text;color:transparent;flex-shrink:0}.brand span{display:block}.site-nav{display:flex;align-items:center;gap:30px;flex:1;flex-wrap:wrap}.site-nav a,.site-nav button{font-size:14px;padding:10px 0;display:inline-block;border:0;background:none;color:#c4b4c8}.site-nav a[aria-current]{color:#fff;box-shadow:0 2px #ff0066}.site-nav a:hover{color:white}.site-nav button:disabled{color:#b7a7bd}.host-account{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #634d65;background:#302033;border-radius:7px;padding:12px 17px;font-size:13px;white-space:nowrap;min-width:140px}.host-account svg{width:18px;height:18px;color:#d1bfd5}.host-account:disabled{color:#ddcedf}main{max-width:1560px;margin:auto;padding:31px clamp(22px,3vw,52px) 42px}.catalog-heading{margin-bottom:23px}h1{font-size:30px;letter-spacing:-.8px;line-height:1.2;margin:0}.catalog-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #2e2834;padding-bottom:17px;margin-bottom:25px}.categories{display:flex;gap:7px;flex-wrap:wrap}.categories button{font-size:12px;padding:10px 15px;border:1px solid transparent;background:none;color:#aba4b3;border-radius:6px}.categories button[aria-pressed=true]{background:#392034;border-color:#6d314f;color:#ff8fba}.categories button:hover:not([aria-pressed=true]){background:#221d28;color:#fff}.random{font-size:12px;background:none;border:1px solid #403747;color:#d5cadc;border-radius:6px;padding:10px 15px;white-space:nowrap}.random:hover{background:#251e2c}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 20px}.card{min-width:0;border:1px solid #342e3b;border-radius:10px;background:#1c1a22;overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s}.card:hover{border-color:#5b475e}.picture{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#24202e}.picture img{transition:transform .22s}.picture:hover img{transform:scale(1.025)}.tag{position:absolute;top:10px;left:10px;font-size:9px;font-weight:bold;padding:5px 7px;letter-spacing:.6px;background:#ff0066;border-radius:3px}.soon .tag{background:#3a3445;color:#ddd2ec}.info{padding:16px;flex:1}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.title-row h2{font-size:17px;letter-spacing:-.3px;margin:0}.play{display:inline-block;background:#007bff;border:1px solid #278dff;border-radius:5px;font-size:12px;font-weight:bold;padding:9px 14px;white-space:nowrap;flex-shrink:0}.play:hover{background:#228cff}.info p{font-size:12px;line-height:1.55;color:#b6afbf;margin:12px 0 0;min-height:38px}.soon .play{background:#302a36;border-color:#413747;color:#aaa0b5;cursor:default}.wheel{height:100%;background:#242038;display:grid;place-items:center;position:relative;overflow:hidden}.wheel:before{content:'';width:48%;aspect-ratio:1;border:5px solid #ded6d4;border-radius:50%;background:conic-gradient(#743ccc 0 60deg,#cc3685 60deg 120deg,#4384d7 120deg 180deg,#743ccc 180deg 240deg,#cc3685 240deg 300deg,#4384d7 300deg);opacity:.65;transform:rotate(14deg)}.wheel span{position:absolute;background:#211c31;padding:8px 13px;font-weight:800;font-size:11px;letter-spacing:1px}footer{border-top:1px solid #2e2834;display:flex;justify-content:space-between;padding:23px clamp(22px,3vw,52px);color:#9e94a7;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:1500px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header{gap:35px}.title-row h2{font-size:16px}.info{padding:14px}.play{padding:8px 12px}}@media(max-width:700px){.site-header{padding:19px 18px;gap:21px;flex-wrap:wrap;min-height:0}.brand{font-size:21px}.host-account{order:2;min-width:0;font-size:12px;padding:10px 12px}.site-nav{order:3;flex-basis:100%;gap:26px}.site-nav a,.site-nav button{font-size:13px;padding:8px 0}main{padding:25px 16px 32px}h1{font-size:27px}.catalog-heading{margin-bottom:18px}.catalog-nav{gap:13px;flex-wrap:wrap;margin-bottom:20px}.categories{gap:2px}.categories button{padding:9px 10px;font-size:11px}.random{padding:8px 10px;font-size:11px;margin-left:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.info{padding:12px}.title-row{flex-wrap:wrap;gap:10px}.title-row h2{font-size:16px}.play{font-size:11px;padding:8px 12px}.info p{font-size:11px;min-height:0;margin-top:10px}.tag{left:7px;top:7px;padding:4px 5px;font-size:8px}.wheel span{font-size:9px;padding:7px}footer{padding:20px 16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}