:root{--sp:#46f;--vi:#0d6;--nt:#f4c;--ru:#f80;--dn:#a4f;--dk:#020210}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--dk);width:100%;min-height:100vh;font-family:"Exo 2",sans-serif;overflow:hidden auto}#canvas-3d{z-index:1;position:fixed;inset:0}#ui-container{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}#hub-menu{pointer-events:auto;width:100%;max-width:1100px}.logo{letter-spacing:8px;text-align:center;color:#000;-webkit-text-fill-color:#000;text-shadow:0 0 10px #888,0 0 20px #aaa,0 0 30px #ccc;background:0 0;margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:clamp(34px,8vw,72px);font-weight:900;animation:3s ease-in-out infinite glow}@keyframes glow{0%,to{filter:drop-shadow(0 0 15px #fff)}50%{filter:drop-shadow(0 0 40px #fff)}}.subtitle{text-align:center;letter-spacing:6px;color:#fff;text-transform:uppercase;text-shadow:0 0 12px #64c,0 0 6px #42a;margin-bottom:28px;font-size:clamp(9px,2vw,13px);font-weight:700}.cats-grid{grid-template-columns:repeat(5,1fr);gap:16px;max-width:1100px;margin:0 auto 28px;display:grid}@media (width<=768px){.cats-grid{grid-template-columns:1fr;gap:14px;max-width:300px;margin-bottom:80px}}.cat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(160deg,#080820eb,#050518f5);border:2px solid #ffffff14;border-radius:22px;flex-direction:column;align-items:center;gap:9px;padding:18px 14px 16px;transition:transform .3s,box-shadow .4s,border-color .3s;animation:.5s forwards fadeInUp;display:flex;box-shadow:0 8px 28px #00000080}.cat-card:first-child{animation-delay:.1s}.cat-card:nth-child(2){animation-delay:.2s}.cat-card:nth-child(3){animation-delay:.3s}.cat-card:nth-child(4){animation-delay:.4s}.cat-card:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cat-card[data-game=sp]{border-color:var(--sp)}.cat-card[data-game=vi]{border-color:var(--vi)}.cat-card[data-game=nt]{border-color:var(--nt)}.cat-card[data-game=ru]{border-color:var(--ru)}.cat-card[data-game=dn]{border-color:var(--dn)}.cat-card:hover{transform:translateY(-10px)scale(1.03)}.cat-card[data-game=sp]:hover{border-color:#46f;box-shadow:0 0 30px #46f9,0 0 60px #4466ff4d}.cat-card[data-game=vi]:hover{border-color:#0d6;box-shadow:0 0 30px #0d69,0 0 60px #00dd664d}.cat-card[data-game=nt]:hover{border-color:#f4c;box-shadow:0 0 30px #f4c9,0 0 60px #ff44cc4d}.cat-card[data-game=ru]:hover{border-color:#f80;box-shadow:0 0 30px #f809,0 0 60px #ff88004d}.cat-card[data-game=dn]:hover{border-color:#a4f;box-shadow:0 0 30px #a4f9,0 0 60px #aa44ff4d}.cat-avatar{filter:drop-shadow(0 8px 18px #00000080);justify-content:center;align-items:center;width:130px;height:130px;display:flex}.cat-avatar img{object-fit:contain;width:100%;height:100%}.cat-name{color:#fff;letter-spacing:3px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:900}.cat-role{letter-spacing:2px;text-transform:uppercase;color:#c8dcffa6;margin-top:-4px;font-size:10px}.cat-universe{letter-spacing:3px;text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:9px}.cat-card[data-game=sp] .cat-universe{color:#80aaff;background:#46f3}.cat-card[data-game=vi] .cat-universe{color:#6fa;background:#0d63}.cat-card[data-game=nt] .cat-universe{color:#f8e;background:#f4c3}.cat-card[data-game=ru] .cat-universe{color:#fa4;background:#f803}.cat-card[data-game=dn] .cat-universe{color:#c8f;background:#a4f3}.play-btn{letter-spacing:2px;cursor:pointer;color:#fff;border:none;border-radius:28px;width:100%;margin-top:4px;padding:10px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;transition:all .2s}.play-btn:hover{filter:brightness(1.15);transform:scale(1.03)}.cat-card[data-game=sp] .play-btn{background:linear-gradient(135deg,#3050cc,#6030cc)}.cat-card[data-game=vi] .play-btn{background:linear-gradient(135deg,#006630,#00aa50)}.cat-card[data-game=nt] .play-btn{background:linear-gradient(135deg,#809,#c0c)}.cat-card[data-game=ru] .play-btn{background:linear-gradient(135deg,#cc5000,#f80)}.cat-card[data-game=dn] .play-btn{background:linear-gradient(135deg,#609,#90c)}.bottom-tags{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.tag{letter-spacing:2px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#000000bf;border:1px solid #ffffff26;border-radius:28px;padding:6px 16px;font-size:10px;font-weight:600}@media (width<=600px){.tag{padding:5px 11px;font-size:9px}}#premium-badge{z-index:20;color:#000;letter-spacing:2px;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#c80,#fc0);border:none;border-radius:38px;padding:10px 20px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:900;transition:transform .2s;position:fixed;top:18px;right:18px;box-shadow:0 0 26px #fc05}#premium-badge:hover{transform:scale(1.05)}@media (width<=768px){#premium-badge{padding:6px 12px;font-size:9px;right:12px;top:12px!important}.bottom-tags{margin-bottom:55px}}#storage-warning{z-index:25;color:#ffffffbf;letter-spacing:1px;pointer-events:none;white-space:nowrap;background:#000000d9;border-radius:20px;padding:6px 16px;font-family:"Exo 2",sans-serif;font-size:9px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@media (width<=768px){#storage-warning{padding:4px 12px;font-size:8px;bottom:12px}}#game-container{z-index:30;background:var(--dk);display:none;position:fixed;inset:0}#game-container.active{display:block}#back-btn{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:2px;cursor:pointer;background:#020214eb;border:1px solid #4466ff80;border-radius:38px;padding:10px 22px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;display:none;position:absolute;top:18px;left:18px}#back-btn.visible{display:block}.kb-foot{z-index:15;color:#fff;letter-spacing:1px;background:linear-gradient(90deg,#0a0a1ef2,#1e1432f2);border-top:1px solid #86f;justify-content:space-between;align-items:center;padding:6px 14px;font-size:9px;font-weight:600;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #86f3}.kb-foot a{color:#fff;text-shadow:0 0 6px #86f;font-weight:700;text-decoration:none}.kb-foot a:hover{color:#fcf;text-shadow:0 0 10px #a8f;text-decoration:underline}