/* ══ CARDURILE MODULELOR — portal (index.html) și ușa portalului (intra.html) ══ */
.mcard{all:unset;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;cursor:pointer;
  box-shadow:0 1px 0 rgba(30,42,74,.06),0 12px 28px rgba(30,42,74,.10);transition:transform .18s ease,box-shadow .18s ease;position:relative;text-align:left;color:#1E2A4A;font-family:var(--body,'Nunito',system-ui,sans-serif)}
.mcard:hover{transform:translateY(-5px) rotate(-.3deg);box-shadow:0 1px 0 rgba(30,42,74,.06),0 20px 40px rgba(30,42,74,.16)}
.mcard:focus-visible{outline:3px solid #1E2A4A;outline-offset:3px}
.mc-sus{position:relative;display:grid;place-items:center;height:112px;overflow:hidden}
.mc-sus::before{content:"";position:absolute;inset:-40% -20% auto auto;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.35)}
.mc-sus::after{content:"";position:absolute;left:-30px;bottom:-50px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.22)}
.mc-sus img{position:relative;z-index:1;width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18));transition:transform .25s ease}
.mcard:hover .mc-sus:not(.mc-coperta) img:not(.rb-logo-mic):not(.rb-joc){transform:scale(1.08) rotate(-4deg)}
.mc-gri{background:linear-gradient(135deg,#E6E9F2,#C9CFDE)} .mc-portocaliu{background:linear-gradient(135deg,#FFD9B8,#FF9F5A)}
.mc-albastru{background:linear-gradient(135deg,#CFE6FF,#6FB2F5)} .mc-mov{background:linear-gradient(135deg,#E6DBFF,#A98BFA)}
.mc-cer{background:linear-gradient(135deg,#DDF3FF,#8FD3F8)} .mc-turcoaz{background:linear-gradient(135deg,#CFF5EE,#4FD1BE)}
.mc-galben{background:linear-gradient(135deg,#FFF0BF,#FFC94A)}
.mc-nr{position:absolute;left:12px;top:12px;z-index:2;background:rgba(255,255,255,.9);color:#1E2A4A;font-weight:900;font-size:11.5px;letter-spacing:.9px;text-transform:uppercase;border-radius:999px;padding:4px 10px}
.mc-lacat{position:absolute;right:10px;top:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:#1E2A4A;color:#FFC83D;display:grid;place-items:center;box-shadow:0 3px 8px rgba(0,0,0,.25)}
.mc-lacat svg{width:17px;height:17px}
.mc-corp{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;flex:1}
.mc-corp b{font-family:var(--display,'Baloo 2',system-ui,sans-serif);font-size:20px;line-height:1.08}
.mc-d{color:#667089;font-weight:700;font-size:14.5px;line-height:1.35}
.mc-st{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:6px;font-weight:900;font-size:13px;align-self:flex-start}
.mc-st svg{width:15px;height:15px}
.mc-st.mc-gata{color:#0F766E} .mc-st.mc-gata i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#E0F7F4;transition:transform .18s}
.mcard:hover .mc-st.mc-gata i{transform:translateX(3px)}
.mc-st.mc-curand,.mc-st.mc-lacat-st{color:#7A8299;background:none;box-shadow:none;padding-left:0}
.mcard.inchis .mc-sus img{filter:drop-shadow(0 8px 10px rgba(0,0,0,.14)) saturate(.85)}
.mcard.mic .mc-sus{height:88px} .mcard.mic .mc-sus img{width:64px;height:64px} .mcard.mic .mc-corp b{font-size:18px}
.mgrila{display:grid;grid-template-columns:repeat(var(--col,3),minmax(0,1fr));gap:18px}
@media (max-width:900px){ .mgrila{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:520px){ .mgrila{grid-template-columns:1fr} .mgrila.extra{grid-template-columns:1fr} }
.mgrila.extra{gap:14px;margin-top:16px}

/* cardul Roblox în grilă */
.rb-tile .rb-sus-card{background:radial-gradient(160px 90px at 80% 0%,rgba(226,35,26,.45),transparent 70%),linear-gradient(135deg,#17181F,#2A2C3A)}
.rb-tile .rb-sus-card::before,.rb-tile .rb-sus-card::after{background:rgba(255,255,255,.05)}
.mc-sus img.rb-joc{position:absolute;z-index:1;width:auto;height:118%;right:3%;top:-6%;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}
.mcard:hover .mc-sus img.rb-joc{transform:scale(1.05) rotate(-2deg)}
.mc-sus img.rb-logo-mic{position:absolute;z-index:2;left:12px;bottom:10px;width:46%;max-width:130px;height:auto;filter:drop-shadow(0 4px 12px rgba(226,35,26,.5))}
.mcard[aria-expanded=true]{outline:4px solid #1E2A4A;outline-offset:3px;transform:translateY(-3px)}
.mcard[data-panou] .mc-gata i{transition:transform .2s} .mcard[aria-expanded=true] .mc-gata i{transform:rotate(90deg)}
.panou-mod{margin-top:18px} .panou-mod:empty{display:none}
.panou-mod > .rb-card{margin-top:0}
/* ══ Modulul Roblox: card separat, întunecat, cu logoul oficial ══ */
.rb-card{position:relative;overflow:hidden;border-radius:28px;margin-top:22px;padding:28px 30px;color:#fff;
  background:radial-gradient(600px 300px at 90% 10%,rgba(226,35,26,.35),transparent 60%),linear-gradient(135deg,#17181F 0%,#232532 100%);
  box-shadow:0 20px 50px rgba(15,16,25,.35);display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:center}
.rb-poza{position:relative;z-index:1;width:100%;height:auto;filter:drop-shadow(0 18px 26px rgba(0,0,0,.5));animation:rb-plutire 6s ease-in-out infinite}
@media (max-width:760px){ .rb-poza{max-width:260px;justify-self:center;order:-1} }
.rb-grila{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 60%)}
.rb-st{position:relative;z-index:1}
.rb-sus{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#C9CCDA}
.rb-lacat{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#FFC83D;color:#17181F} .rb-lacat svg{width:14px;height:14px}
.rb-logo{display:block;height:46px;width:auto;margin:12px 0 4px;filter:drop-shadow(0 4px 14px rgba(226,35,26,.45))}
.rb-card h3{font-family:var(--display,'Baloo 2',system-ui,sans-serif);font-size:30px;line-height:1.05;margin:6px 0 8px}
.rb-card p{margin:0;color:#D5D8E4;font-weight:700;font-size:15.5px;line-height:1.5;max-width:640px}
.rb-etichete{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.rb-etichete span{border:1.5px solid rgba(255,255,255,.22);border-radius:999px;padding:4px 12px;font-weight:800;font-size:13px;color:#fff;background:rgba(255,255,255,.06)}
.rb-butoane{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.rb-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:11px 18px;font-weight:900;font-size:15px;
  background:#E2231A;color:#fff;box-shadow:0 5px 0 #8F120C;transition:transform .12s;font-family:var(--body,'Nunito',system-ui,sans-serif)}
.rb-btn:hover{transform:translateY(-2px)} .rb-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #8F120C}
.rb-btn.al{background:#fff;color:#17181F;box-shadow:0 5px 0 #9EA3B5}
.rb-btn svg{width:17px;height:17px} .rb-btn i{display:inline-grid}
.rb-btn:focus-visible{outline:3px solid #FFC83D;outline-offset:3px}
.rb-card small{display:block;margin-top:14px;color:#8E93A8;font-size:12px;font-weight:700}
.rb-cuburi{position:relative;height:200px}
.rb-cuburi i{position:absolute;width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#FF5A4E,#C3170F);box-shadow:inset -8px -8px 0 rgba(0,0,0,.18),0 12px 22px rgba(0,0,0,.4);animation:rb-plutire 5s ease-in-out infinite}
.rb-cuburi i:nth-child(1){left:70px;top:20px;transform:rotate(14deg)} .rb-cuburi i:nth-child(2){left:10px;top:96px;width:52px;height:52px;background:linear-gradient(135deg,#4FD1BE,#0F8F7E);animation-delay:-1s}
.rb-cuburi i:nth-child(3){left:120px;top:110px;width:76px;height:76px;background:linear-gradient(135deg,#FFD25A,#E09A00);animation-delay:-2s}
.rb-cuburi i:nth-child(4){left:160px;top:24px;width:40px;height:40px;background:linear-gradient(135deg,#8FB8FF,#3B6FD8);animation-delay:-3s}
.rb-cuburi i:nth-child(5){left:60px;top:160px;width:34px;height:34px;background:linear-gradient(135deg,#C9A8FF,#7C4DEB);animation-delay:-4s}
@keyframes rb-plutire{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media (max-width:760px){ .rb-card{grid-template-columns:1fr;padding:22px 20px} .rb-cuburi{display:none} .rb-card h3{font-size:25px} }
@media (prefers-reduced-motion:reduce){ .rb-cuburi i{animation:none} .mcard,.mcard img{transition:none} }

/* temele compacte: ce e în temă, ca etichete mici */
.mc-parti{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.mc-parti i{font-style:normal;font-size:12px;font-weight:800;color:#4A5272;background:#F1F4FA;border-radius:999px;padding:3px 9px}
.mgrila.mic-tema{gap:14px}

/* coperta: scena umple tot capul cardului */
.mc-sus.mc-coperta{height:auto;aspect-ratio:2.2/1;padding:0;background:#EEF2F8}
.mc-sus.mc-coperta::before,.mc-sus.mc-coperta::after{display:none}
.mc-sus.mc-coperta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;transition:transform .35s ease}
.mcard:hover .mc-sus.mc-coperta img{transform:scale(1.06)}
.rb-tile .rb-sus-card{height:auto;aspect-ratio:2.2/1}
.mc-sus img.rb-cop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none}
.mcard:hover .mc-sus img.rb-cop{transform:scale(1.04)}
.mcard.inchis .mc-sus.mc-coperta img{filter:saturate(.9)}
/* în panou (părțile unei teme): rânduri compacte, iconița în stânga, fără spațiu gol */
.mcard.mic{flex-direction:row;align-items:center;border-radius:18px}
.mcard.mic .mc-sus{width:92px;min-width:92px;height:auto;align-self:stretch;min-height:92px}
.mcard.mic .mc-sus img{width:62px;height:62px}
.mcard.mic .mc-nr{left:6px;top:6px;font-size:10px;padding:2px 7px}
.mcard.mic .mc-lacat{width:24px;height:24px;right:6px;top:6px} .mcard.mic .mc-lacat svg{width:13px;height:13px}
.mcard.mic .mc-corp{padding:10px 14px}
.mcard.mic .mc-st{padding-top:4px}
.mgrila.mic-tema{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}
.mc-sus.mc-coperta img.rb-logo-mic{inset:auto;left:5%;bottom:auto;top:50%;transform:translateY(-50%);width:34%;max-width:170px;height:auto;object-fit:contain;z-index:2}
.mcard:hover .mc-sus.mc-coperta img.rb-logo-mic{transform:translateY(-50%)}