.mgg3-hub{
  --ink:#14213d;--purple:#6b4eff;--pink:#ff4f91;--cyan:#00c7ff;--yellow:#ffd23f;
  max-width:1160px;margin:24px auto;padding:28px;border-radius:28px;font-family:Inter,Arial,sans-serif;color:var(--ink);
  background:radial-gradient(circle at 0 0,rgba(107,78,255,.19),transparent 30%),radial-gradient(circle at 100% 0,rgba(0,199,255,.19),transparent 27%),linear-gradient(145deg,#fbf8ff,#edfaff);
  box-shadow:0 24px 70px rgba(28,48,91,.17)
}
.mgg3-hub *{box-sizing:border-box}.mgg3-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.mgg3-hero span{color:var(--purple);font-size:11px;font-weight:900;letter-spacing:1.6px}.mgg3-hero h2{margin:5px 0 7px;font-size:clamp(28px,4vw,44px)}.mgg3-hero p{margin:0;color:#69738c}
.mgg3-count{padding:14px 20px;border-radius:18px;color:#fff;text-align:center;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 12px 25px rgba(107,78,255,.24)}.mgg3-count b{display:block;font-size:30px}.mgg3-count small{font-size:11px}
.mgg3-toolbar{display:grid;grid-template-columns:minmax(250px,360px) 1fr;gap:15px;margin-bottom:22px}.mgg3-toolbar label{height:49px;display:flex;align-items:center;gap:9px;padding:0 14px;border:2px solid #e3e7f3;border-radius:14px;background:#fff}.mgg3-toolbar input{width:100%;border:0;outline:0;font-size:15px}.mgg3-filters{display:flex;gap:8px;overflow:auto}.mgg3-filters button{border:1px solid #e0e4ef;border-radius:999px;padding:9px 14px;background:#fff;color:#59647c;font-weight:800;cursor:pointer}.mgg3-filters button.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--purple),#8a6dff)}
.mgg3-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.mgg3-card{overflow:hidden;border:1px solid #e6e9f2;border-radius:19px;background:#fff;box-shadow:0 12px 28px rgba(36,54,98,.11);transition:.22s}.mgg3-card:hover{transform:translateY(-6px)}.mgg3-card[hidden]{display:none}
.mgg3-thumb{height:142px;display:grid;place-items:center;position:relative;overflow:hidden}.mgg3-thumb:before{content:"";position:absolute;width:125px;height:125px;border-radius:50%;background:rgba(255,255,255,.22)}
.theme-1{background:linear-gradient(145deg,#ff5964,#ff9f43)}.theme-2{background:linear-gradient(145deg,#00b4db,#407bff)}.theme-3{background:linear-gradient(145deg,#00ae82,#78e08f)}.theme-4{background:linear-gradient(145deg,#6b4eff,#ba55e9)}.theme-5{background:linear-gradient(145deg,#ff7a18,#ffd23f)}.theme-6{background:linear-gradient(145deg,#00c7ff,#6b4eff)}
.mgg3-icon{position:relative;font-size:60px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.2))}.mgg3-cat{position:absolute;left:10px;top:10px;padding:6px 9px;border-radius:999px;background:rgba(20,33,61,.76);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase}
.mgg3-body{padding:15px}.mgg3-body h3{margin:0 0 7px;font-size:18px}.mgg3-body p{min-height:54px;margin:0 0 10px;color:#707a91;font-size:12px;line-height:1.5}.mgg3-meta{margin-bottom:10px;color:#8b93a7;font-size:11px}.mgg3-play{width:100%;border:0;border-radius:11px;padding:11px;color:#fff;font-weight:900;cursor:pointer;background:linear-gradient(135deg,var(--purple),var(--pink))}
.mgg3-empty{padding:25px;text-align:center}.mgg3-open{overflow:hidden}.mgg3-player{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:16px;background:rgba(10,16,36,.84);backdrop-filter:blur(8px)}.mgg3-player[hidden]{display:none}
.mgg3-shell{width:min(1040px,97vw);overflow:hidden;border-radius:20px;background:#11182f;box-shadow:0 28px 90px rgba(0,0,0,.45)}.mgg3-player-bar{min-height:58px;padding:9px 14px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;color:#fff;background:linear-gradient(90deg,var(--purple),var(--pink))}
.mgg3-scorebar{display:flex;gap:14px;font-size:13px}.mgg3-bar-actions{display:flex;gap:7px}.mgg3-bar-actions button{width:38px;height:38px;border:0;border-radius:10px;color:#fff;background:rgba(255,255,255,.18);cursor:pointer;font-size:18px}
.mgg3-stage{position:relative;background:#11182f}.mgg3-stage canvas{display:block;width:100%;height:auto;max-height:72vh}.mgg3-dom-game{min-height:520px;padding:45px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:linear-gradient(145deg,#131b43,#27134a)}.mgg3-dom-game[hidden]{display:none}
.mgg3-memory-card{border:0;border-radius:15px;min-height:85px;background:#6b4eff;color:#fff;font-size:35px;font-weight:900;cursor:pointer}.mgg3-memory-card.open,.mgg3-memory-card.matched{background:#fff;color:#14213d}.mgg3-memory-card.matched{opacity:.55}
.mgg3-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:#fff;background:rgba(9,14,34,.76);backdrop-filter:blur(3px)}.mgg3-overlay[hidden]{display:none}.mgg3-overlay h3{margin:0 0 9px;font-size:38px}.mgg3-overlay p{max-width:560px;color:#c7d0e8}.mgg3-overlay button{border:0;border-radius:13px;padding:13px 26px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));font-weight:900;cursor:pointer}
.mgg3-controls{display:flex;justify-content:center;gap:9px;padding:10px;background:#0b1124}.mgg3-controls button{width:52px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:#fff;background:#202b4b;font-size:18px;touch-action:none}
@media(max-width:1050px){.mgg3-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.mgg3-hub{padding:20px}.mgg3-toolbar{grid-template-columns:1fr}.mgg3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mgg3-player-bar{grid-template-columns:1fr auto}.mgg3-scorebar{grid-row:2;grid-column:1/3}}@media(max-width:520px){.mgg3-hub{padding:13px;border-radius:18px}.mgg3-count{display:none}.mgg3-grid{gap:10px}.mgg3-thumb{height:112px}.mgg3-icon{font-size:47px}.mgg3-body{padding:11px}.mgg3-body p{display:none}.mgg3-player{padding:0}.mgg3-shell{width:100vw;height:100vh;border-radius:0}.mgg3-stage canvas{height:auto;max-height:none}.mgg3-dom-game{min-height:calc(100vh - 160px);padding:16px;gap:8px}.mgg3-memory-card{min-height:65px}.mgg3-controls button{width:48px}}