/* Shared manabis learning-app launcher.
   manabis.jp is the visual source of truth for manabis / member / MOANAVI SYSTEM. */
.manabis-launcher-grid{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:8px;
}
.manabis-launcher-card{
  --launcher-accent:#238b65;
  --launcher-wash:#eef8f4;
  position:relative;
  aspect-ratio:1/1;
  min-width:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:5px;
  align-items:start;
  padding:13px 10px 10px;
  border:1px solid color-mix(in srgb,var(--launcher-accent) 24%,#dfe7e4);
  border-radius:16px;
  background:linear-gradient(155deg,#fff 0 64%,var(--launcher-wash) 100%);
  color:#243b33;
  text-decoration:none;
  box-shadow:0 3px 0 color-mix(in srgb,var(--launcher-accent) 22%,#dbe4e0),0 7px 15px rgba(26,54,44,.07);
  transform:translateY(0);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
  -webkit-tap-highlight-color:transparent;
}
.manabis-launcher-card::before{
  content:'';position:absolute;left:11px;right:11px;top:0;height:4px;
  border-radius:0 0 999px 999px;background:var(--launcher-accent);z-index:0;
}
.manabis-launcher-card::after{
  content:'';position:absolute;right:-13px;top:-13px;width:50px;height:50px;
  border-radius:50%;background:color-mix(in srgb,var(--launcher-accent) 13%,transparent);
  z-index:0;pointer-events:none;
}
.manabis-launcher-card:nth-child(6n+1){--launcher-accent:#238b65;--launcher-wash:#eef8f4}
.manabis-launcher-card:nth-child(6n+2){--launcher-accent:#3977b8;--launcher-wash:#eef5fb}
.manabis-launcher-card:nth-child(6n+3){--launcher-accent:#b77a28;--launcher-wash:#fcf5e9}
.manabis-launcher-card:nth-child(6n+4){--launcher-accent:#8a62ae;--launcher-wash:#f6f0fa}
.manabis-launcher-card:nth-child(6n+5){--launcher-accent:#b85d6f;--launcher-wash:#fbf0f3}
.manabis-launcher-card:nth-child(6n){--launcher-accent:#3d8990;--launcher-wash:#edf8f8}
.manabis-launcher-title,.manabis-launcher-description,.manabis-launcher-meta{position:relative;z-index:1}
.manabis-launcher-title{
  display:flex;min-width:0;width:100%;align-items:center;justify-content:center;gap:4px;
  padding:0;color:#20332c;font-size:clamp(11px,1vw,14px);font-weight:1000;
  line-height:1.2;text-align:center;overflow-wrap:anywhere;
}
.manabis-launcher-description{
  align-self:center;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  color:#687872;font-size:9px;font-weight:700;line-height:1.4;text-align:center;
}
.manabis-launcher-meta{
  align-self:end;width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:4px;
}
.manabis-launcher-points{
  padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--launcher-accent) 10%,#fff);
  color:var(--launcher-accent);font-size:10px;font-weight:1000;line-height:1.2;white-space:nowrap;
}
.manabis-launcher-medal{width:18px;height:18px;flex:0 0 auto;object-fit:contain}
@media(hover:hover) and (pointer:fine){
  .manabis-launcher-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--launcher-accent) 42%,#dfe7e4);box-shadow:0 5px 0 color-mix(in srgb,var(--launcher-accent) 24%,#dbe4e0),0 13px 23px rgba(26,54,44,.12)}
}
.manabis-launcher-card:active{transform:translateY(2px) scale(.985);box-shadow:0 1px 0 color-mix(in srgb,var(--launcher-accent) 25%,#dbe4e0),0 3px 7px rgba(26,54,44,.08)}
@media(max-width:1099px) and (min-width:901px){.manabis-launcher-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:900px) and (min-width:601px){.manabis-launcher-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}}
@media(max-width:600px){
  .manabis-launcher-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .manabis-launcher-card{padding:11px 7px 8px;border-radius:14px}
  .manabis-launcher-card::before{left:9px;right:9px;height:3px}
  .manabis-launcher-card::after{right:-11px;top:-11px;width:42px;height:42px}
  .manabis-launcher-title{font-size:11px}
  .manabis-launcher-description{font-size:8px;line-height:1.35;-webkit-line-clamp:3}
  .manabis-launcher-points{padding:3px 6px;font-size:9px}
  .manabis-launcher-medal{width:15px;height:15px}
}

/* Keep this shared file authoritative even where legacy launcher selectors still exist. */
.manabis-launcher-grid.manabis-launcher-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.manabis-launcher-grid.manabis-launcher-grid>a.manabis-launcher-card{
  position:relative;aspect-ratio:1/1;min-width:0;overflow:hidden;display:grid;
  grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:5px;align-items:start;
  padding:13px 10px 10px;border-radius:16px;
}
.manabis-launcher-grid .manabis-launcher-card>.manabis-launcher-title{display:flex;width:100%;min-width:0;align-items:center;justify-content:center;padding:0;font-size:clamp(11px,1vw,14px);line-height:1.2;text-align:center;overflow-wrap:anywhere}
.manabis-launcher-grid .manabis-launcher-card>.manabis-launcher-description{align-self:center;display:-webkit-box;font-size:9px;line-height:1.4;text-align:center}
.manabis-launcher-grid .manabis-launcher-card>.manabis-launcher-meta{align-self:end;width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px}
@media(max-width:1099px) and (min-width:901px){.manabis-launcher-grid.manabis-launcher-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:900px) and (min-width:601px){.manabis-launcher-grid.manabis-launcher-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}}
@media(max-width:600px){
 .manabis-launcher-grid.manabis-launcher-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .manabis-launcher-grid.manabis-launcher-grid>a.manabis-launcher-card{padding:11px 7px 8px;border-radius:14px}
 .manabis-launcher-grid .manabis-launcher-card>.manabis-launcher-title{font-size:11px}
 .manabis-launcher-grid .manabis-launcher-card>.manabis-launcher-description{font-size:8px;line-height:1.35}
}

/* manabis home desktop only: its home shell is 1060px wide, so 8 columns keeps
   the same card scale as member/SYSTEM. Tablet/mobile breakpoints stay shared. */
@media(min-width:1100px){
  .home-shell .manabis-launcher-grid.manabis-launcher-grid{
    grid-template-columns:repeat(8,minmax(0,1fr));
  }
}