
------------------------------------------------------------------------------------------
// FILE: assets1\css\mpdl-games.css
------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------
// FILE: assets\css\mpdl-games.css
------------------------------------------------------------------------------------------
/* MPDL Practice Games Manager v1 */
:root,[data-bs-theme="dark"]{--mpg-bg:rgba(255,255,255,.035);--mpg-panel:rgba(34,22,45,.76);--mpg-panel-strong:rgba(43,28,57,.92);--mpg-border:rgba(216,108,255,.28);--mpg-border-strong:rgba(110,255,221,.44);--mpg-text:#f5ecff;--mpg-muted:#aa9abc;--mpg-accent:#d86cff;--mpg-accent-2:#6effdd;--mpg-radius-xl:28px;--mpg-radius-lg:20px;--mpg-shadow:0 24px 80px rgba(0,0,0,.42)}
body.mpdl-games-page{color:var(--mpg-text)}.mpdlg-main{width:100%}.mpdlg-shell{position:relative;width:min(1180px,100%);margin:0 auto;padding:clamp(14px,1.8vw,28px);color:var(--mpg-text)}.mpdlg-orb{position:absolute;z-index:-1;width:330px;height:330px;border-radius:999px;pointer-events:none;filter:blur(8px);opacity:.45}.mpdlg-orb--one{top:0;left:0;background:radial-gradient(circle,rgba(216,108,255,.34),transparent 68%)}.mpdlg-orb--two{top:120px;right:0;background:radial-gradient(circle,rgba(110,255,221,.18),transparent 68%)}
.mpdlg-hero,.mpdlg-single-hero,.mpdlg-panel,.mpdlg-card,.mpdlg-game,.mpdlg-paywall,.mpdlg-empty{position:relative;overflow:hidden;border:1px solid var(--mpg-border);border-radius:var(--mpg-radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),repeating-linear-gradient(135deg,rgba(255,255,255,.024) 0 1px,transparent 1px 7px),var(--mpg-panel);box-shadow:var(--mpg-shadow)}.mpdlg-hero:before,.mpdlg-single-hero:before,.mpdlg-panel:before,.mpdlg-card:before,.mpdlg-game:before,.mpdlg-paywall:before,.mpdlg-empty:before{content:"";position:absolute;inset:0;pointer-events:none;border-top:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 92% 0%,rgba(216,108,255,.17),transparent 15rem)}.mpdlg-hero>*,.mpdlg-single-hero>*,.mpdlg-panel>*,.mpdlg-card>*,.mpdlg-game>*,.mpdlg-paywall>*,.mpdlg-empty>*{position:relative;z-index:1}
.mpdlg-hero,.mpdlg-single-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:22px;align-items:stretch;margin-bottom:18px;padding:clamp(22px,3.2vw,42px)}.mpdlg-kicker{display:inline-flex;width:fit-content;min-height:28px;align-items:center;gap:8px;margin-bottom:12px;padding:7px 11px;border:1px solid rgba(110,255,221,.25);border-radius:999px;color:var(--mpg-accent-2);background:rgba(110,255,221,.07);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mpdlg-hero h1,.mpdlg-single-hero h1{max-width:850px;margin:0 0 14px;color:#fff;font-size:clamp(2.25rem,5vw,4.8rem);font-weight:900;line-height:.96;letter-spacing:-.065em;text-shadow:0 0 34px rgba(216,108,255,.32)}.mpdlg-hero p,.mpdlg-single-hero p,.mpdlg-panel p,.mpdlg-content p,.mpdlg-paywall p{margin:0;color:var(--mpg-muted);font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.72}.mpdlg-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.mpdlg-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid rgba(216,108,255,.34);border-radius:999px;color:#fff;background:rgba(255,255,255,.06);text-decoration:none;font-weight:900;line-height:1.15;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.mpdlg-btn:hover,.mpdlg-btn:focus-visible{transform:translateY(-1px);color:#fff;border-color:var(--mpg-border-strong);background:rgba(110,255,221,.10);outline:none}.mpdlg-btn--primary{color:#130820;border-color:transparent;background:linear-gradient(135deg,var(--mpg-accent),var(--mpg-accent-2));box-shadow:0 16px 36px rgba(216,108,255,.24)}.mpdlg-btn--primary:hover{color:#130820;background:linear-gradient(135deg,#ec9fff,#91ffec)}.mpdlg-hero-card{display:flex;min-height:210px;flex-direction:column;justify-content:center;padding:22px;border:1px solid rgba(110,255,221,.20);border-radius:var(--mpg-radius-lg);background:radial-gradient(circle at 20% 0%,rgba(110,255,221,.14),transparent 10rem),rgba(255,255,255,.045)}.mpdlg-hero-card strong{color:#fff;font-size:1.35rem;font-weight:900;letter-spacing:-.03em}.mpdlg-hero-card span{margin-top:8px;color:var(--mpg-muted)}.mpdlg-mini-flow,.mpdlg-topic-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.mpdlg-mini-flow em,.mpdlg-topic-badges span,.mpdlg-card__tags{display:inline-flex;min-height:28px;align-items:center;padding:6px 10px;border:1px solid rgba(216,108,255,.28);border-radius:999px;color:#fff;background:rgba(216,108,255,.13);font-size:.74rem;font-style:normal;font-weight:850;letter-spacing:.035em;text-transform:uppercase}
.mpdlg-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:0 0 18px;padding:14px;border:1px solid var(--mpg-border);border-radius:var(--mpg-radius-lg);background:rgba(255,255,255,.045)}.mpdlg-filters label{display:grid;gap:6px;color:var(--mpg-muted);font-size:.8rem;font-weight:800}.mpdlg-filters select{min-width:180px;min-height:40px;border:1px solid rgba(255,255,255,.13);border-radius:12px;color:var(--mpg-text);background:rgba(18,9,28,.78)}.mpdlg-filters button,.mpdlg-filters a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:8px 13px;border:1px solid rgba(216,108,255,.28);border-radius:999px;color:#fff;background:rgba(255,255,255,.06);text-decoration:none;font-weight:850}.mpdlg-grid-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mpdlg-card{min-height:100%;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mpdlg-card:hover{transform:translateY(-4px);border-color:var(--mpg-border-strong);box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 22px rgba(216,108,255,.14)}.mpdlg-card__link{display:flex;min-height:100%;flex-direction:column;gap:12px;padding:18px;color:inherit;text-decoration:none}.mpdlg-card__icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,var(--mpg-accent),var(--mpg-accent-2));box-shadow:0 0 24px rgba(216,108,255,.24)}.mpdlg-card__badge{position:absolute;top:16px;right:16px;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:900;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.mpdlg-card__badge--demo{color:#130820;background:linear-gradient(135deg,#6effdd,#d86cff)}.mpdlg-card__badge--premium{color:#fff;background:rgba(216,108,255,.17);border-color:rgba(216,108,255,.35)}.mpdlg-card__meta{color:var(--mpg-accent-2);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mpdlg-card h2{margin:0;color:#fff;font-size:1.22rem;font-weight:900;line-height:1.22;letter-spacing:-.035em}.mpdlg-card p{margin:0;color:var(--mpg-muted);line-height:1.62}.mpdlg-card__cta{margin-top:auto;color:var(--mpg-accent-2)}.mpdlg-breadcrumb{display:inline-flex;flex-wrap:wrap;gap:9px;align-items:center;max-width:100%;margin:0 0 16px;padding:9px 13px;border:1px solid var(--mpg-border);border-radius:999px;color:var(--mpg-muted);background:rgba(255,255,255,.04);font-size:.82rem}.mpdlg-breadcrumb a{color:var(--mpg-text);text-decoration:none}.mpdlg-breadcrumb span:last-child{color:var(--mpg-accent-2)}.mpdlg-panel,.mpdlg-game,.mpdlg-paywall,.mpdlg-empty{margin-bottom:18px;padding:clamp(18px,2.4vw,28px)}.mpdlg-content h2,.mpdlg-content h3{color:#fff;letter-spacing:-.035em}.mpdlg-game-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.mpdlg-game-head h2{margin:0 0 8px;color:#fff;font-size:clamp(1.4rem,2vw,2rem);font-weight:900}.mpdlg-score{display:flex;align-items:baseline;gap:6px;padding:12px 16px;border:1px solid rgba(110,255,221,.22);border-radius:18px;background:rgba(110,255,221,.07)}.mpdlg-score strong{color:#fff;font-size:2rem}.mpdlg-score span{color:var(--mpg-muted);font-weight:800}.mpdlg-word-search-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:18px;align-items:start}.mpdlg-letter-grid{display:grid;grid-template-columns:repeat(var(--mpdlg-cols,10),minmax(30px,1fr));gap:6px;touch-action:none}.mpdlg-letter-cell{aspect-ratio:1/1;min-width:0;border:1px solid rgba(255,255,255,.10);border-radius:12px;color:#fff;background:rgba(255,255,255,.06);font-weight:950;font-size:clamp(.82rem,2vw,1.05rem);cursor:pointer;user-select:none;transition:transform .12s ease,background .12s ease,border-color .12s ease}.mpdlg-letter-cell:hover,.mpdlg-letter-cell.is-selecting{transform:translateY(-1px);border-color:rgba(110,255,221,.48);background:rgba(110,255,221,.16)}.mpdlg-letter-cell.is-found{color:#130820;border-color:transparent;background:linear-gradient(135deg,var(--mpg-accent),var(--mpg-accent-2));box-shadow:0 0 18px rgba(110,255,221,.25)}.mpdlg-letter-cell.is-wrong{border-color:rgba(255,100,130,.6);background:rgba(255,100,130,.16)}.mpdlg-word-bank{padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.045)}.mpdlg-word-bank h3{margin:0 0 12px;color:#fff}.mpdlg-word-bank ul{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}.mpdlg-word-bank li{display:grid;gap:3px;padding:10px 12px;border:1px solid rgba(216,108,255,.18);border-radius:14px;background:rgba(255,255,255,.045)}.mpdlg-word-bank li strong{color:#fff}.mpdlg-word-bank li span{color:var(--mpg-muted);font-size:.86rem}.mpdlg-word-bank li em{color:var(--mpg-accent-2);font-style:normal;font-size:.82rem;font-weight:800}.mpdlg-word-bank li.is-found{border-color:rgba(110,255,221,.45);background:rgba(110,255,221,.09)}.mpdlg-game-message{min-height:26px;margin:10px 0;color:#ffb2c4;font-weight:850}.mpdlg-game-message.is-good{color:var(--mpg-accent-2)}.mpdlg-paywall{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:18px;align-items:stretch}.mpdlg-paywall h2{margin:0 0 10px;color:#fff;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.04em}.mpdlg-demo-list{padding:16px;border:1px solid rgba(110,255,221,.20);border-radius:20px;background:rgba(255,255,255,.045)}.mpdlg-demo-list h3{margin:0 0 10px;color:#fff}.mpdlg-demo-list a{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding:10px 12px;border:1px solid rgba(216,108,255,.18);border-radius:14px;color:#fff;background:rgba(255,255,255,.045);text-decoration:none}.mpdlg-pagination{margin-top:24px}.mpdlg-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.mpdlg-pagination .page-numbers{display:inline-flex;min-width:38px;min-height:38px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--mpg-border);border-radius:999px;color:var(--mpg-text);background:rgba(255,255,255,.045);text-decoration:none}.mpdlg-pagination .current,.mpdlg-pagination .page-numbers:hover{color:#fff;border-color:var(--mpg-border-strong);background:rgba(216,108,255,.16)}
@media(max-width:1100px){.mpdlg-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mpdlg-word-search-layout{grid-template-columns:1fr}.mpdlg-letter-grid{grid-template-columns:repeat(var(--mpdlg-cols,10),minmax(28px,1fr))}}@media(max-width:860px){.mpdlg-hero,.mpdlg-single-hero,.mpdlg-paywall{grid-template-columns:1fr}.mpdlg-game-head{display:block}.mpdlg-score{width:max-content;margin-top:14px}}@media(max-width:620px){.mpdlg-shell{padding:10px 0 20px}.mpdlg-hero,.mpdlg-single-hero,.mpdlg-panel,.mpdlg-card,.mpdlg-game,.mpdlg-paywall,.mpdlg-empty{border-radius:20px}.mpdlg-grid-list{grid-template-columns:1fr}.mpdlg-filters{align-items:stretch}.mpdlg-filters label,.mpdlg-filters select,.mpdlg-filters button,.mpdlg-filters a{width:100%}.mpdlg-letter-grid{gap:4px}.mpdlg-letter-cell{border-radius:9px;font-size:.78rem}}@media(prefers-reduced-motion:reduce){.mpdlg-card,.mpdlg-btn,.mpdlg-letter-cell{transition:none;transform:none!important}}


.mpdlg-word-bank li.is-hidden-word strong[data-mpdlg-word-label]{letter-spacing:.12em;color:rgba(255,255,255,.72)}
.mpdlg-word-bank li.is-hidden-word.is-found strong[data-mpdlg-word-label]{letter-spacing:.04em;color:#fff;text-shadow:0 0 16px rgba(110,255,221,.28)}
.mpdlg-word-bank li.is-found strong[data-mpdlg-word-label]::after{content:" ✓";color:var(--mpg-accent-2);font-weight:950}


/* =========================================================
   MPDL Crossword v2
   ========================================================= */
.mpdlg-crossword-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:18px;align-items:start}.mpdlg-crossword-board{display:grid;grid-template-columns:repeat(var(--mpdlg-cw-cols,12),minmax(30px,1fr));gap:5px;touch-action:manipulation}.mpdlg-crossword-cell{position:relative;display:block;aspect-ratio:1/1;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.06);overflow:hidden}.mpdlg-crossword-cell.is-block{border-color:transparent;background:rgba(0,0,0,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.mpdlg-crossword-cell span{position:absolute;top:3px;left:5px;z-index:2;color:var(--mpg-accent-2);font-size:.62rem;font-weight:950;line-height:1}.mpdlg-crossword-cell input{width:100%;height:100%;border:0;outline:0;text-align:center;text-transform:uppercase;color:#fff;background:transparent;font-size:clamp(.85rem,2vw,1.12rem);font-weight:950;padding:8px 2px 2px}.mpdlg-crossword-cell:focus-within,.mpdlg-crossword-cell.is-active{border-color:rgba(110,255,221,.56);background:rgba(110,255,221,.12);box-shadow:0 0 18px rgba(110,255,221,.12)}.mpdlg-crossword-cell.is-correct{border-color:rgba(110,255,221,.58);background:rgba(110,255,221,.16)}.mpdlg-crossword-cell.is-wrong{border-color:rgba(255,100,130,.68);background:rgba(255,100,130,.16)}.mpdlg-crossword-cell.has-conflict{border-color:rgba(255,183,77,.65)}.mpdlg-crossword-clues{padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.045)}.mpdlg-crossword-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.mpdlg-crossword-tools .mpdlg-btn{min-height:38px;padding:8px 12px;font-size:.86rem}.mpdlg-crossword-clue-group{margin-top:16px}.mpdlg-crossword-clue-group h3{margin:0 0 10px;color:#fff;font-size:1rem}.mpdlg-crossword-clue-group ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.mpdlg-crossword-clue-group li button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:10px 12px;border:1px solid rgba(216,108,255,.18);border-radius:14px;color:#fff;background:rgba(255,255,255,.045);text-align:left;cursor:pointer}.mpdlg-crossword-clue-group li button:hover,.mpdlg-crossword-clue-group li.is-active button{border-color:rgba(110,255,221,.45);background:rgba(110,255,221,.09)}.mpdlg-crossword-clue-group li.is-found button{border-color:rgba(110,255,221,.5);background:rgba(110,255,221,.12)}.mpdlg-crossword-clue-group li.is-found strong::after{content:" ✓";color:var(--mpg-accent-2)}.mpdlg-crossword-clue-group li strong{color:var(--mpg-accent-2)}.mpdlg-crossword-clue-group li span{color:#fff;line-height:1.45}.mpdlg-crossword-clue-group li em{grid-column:2;color:var(--mpg-muted);font-style:normal;font-size:.82rem}@media(max-width:1100px){.mpdlg-crossword-layout{grid-template-columns:1fr}.mpdlg-crossword-board{grid-template-columns:repeat(var(--mpdlg-cw-cols,12),minmax(27px,1fr))}}@media(max-width:620px){.mpdlg-crossword-board{gap:3px}.mpdlg-crossword-cell{border-radius:7px}.mpdlg-crossword-cell span{font-size:.54rem;top:2px;left:3px}.mpdlg-crossword-cell input{font-size:.78rem;padding-top:8px}.mpdlg-crossword-tools .mpdlg-btn{width:100%}}

/* =========================================================
   MPDL Word Search Responsive Grid v1.4
   - Desktop: grid tries to fit available area.
   - Mobile / many columns: horizontal scroll keeps cells tappable.
   ========================================================= */
.mpdlg-word-search-layout{
  min-width:0;
}

.mpdlg-word-search-layout > *{
  min-width:0;
}

.mpdlg-letter-board{
  min-width:0;
  max-width:100%;
}

.mpdlg-grid-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 10px;
  padding:9px 11px;
  border:1px solid rgba(110,255,221,.18);
  border-radius:16px;
  color:rgba(245,236,255,.76);
  background:rgba(110,255,221,.055);
  font-size:.78rem;
  font-weight:800;
}

.mpdlg-grid-tools__buttons{
  display:inline-flex;
  gap:6px;
  flex:0 0 auto;
}

.mpdlg-grid-scroll-btn{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(216,108,255,.34);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.07);
  font-weight:950;
  cursor:pointer;
}

.mpdlg-grid-scroll-btn:hover,
.mpdlg-grid-scroll-btn:focus-visible{
  color:#130820;
  border-color:transparent;
  background:linear-gradient(135deg,var(--mpg-accent),var(--mpg-accent-2));
  outline:none;
}

.mpdlg-letter-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 4px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(255,255,255,.035);
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scrollbar-gutter:stable;
}

.mpdlg-letter-scroll::-webkit-scrollbar{
  height:8px;
}

.mpdlg-letter-scroll::-webkit-scrollbar-track{
  border-radius:999px;
  background:rgba(255,255,255,.06);
}

.mpdlg-letter-scroll::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(90deg,var(--mpg-accent),var(--mpg-accent-2));
}

.mpdlg-letter-scroll .mpdlg-letter-grid{
  width:100%;
  min-width:var(--mpdlg-grid-min, 420px);
  grid-template-columns:repeat(var(--mpdlg-cols,10), minmax(34px, 1fr));
}

@media(max-width:980px){
  .mpdlg-word-search-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .mpdlg-grid-tools{
    position:sticky;
    left:0;
    z-index:2;
    align-items:flex-start;
    font-size:.72rem;
  }

  .mpdlg-letter-scroll{
    border-radius:18px;
    padding:4px 4px 10px;
  }

  .mpdlg-letter-scroll .mpdlg-letter-grid{
    min-width:var(--mpdlg-grid-min-mobile, var(--mpdlg-grid-min, 360px));
    grid-template-columns:repeat(var(--mpdlg-cols,10), minmax(30px, 1fr));
    gap:4px;
  }

  .mpdlg-letter-scroll .mpdlg-letter-cell{
    border-radius:9px;
    font-size:.78rem;
  }
}


------------------------------------------------------------------------------------------
// FILE: assets\css\mpdl-games.css
------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------
// FILE: assets\css\mpdl-games.css
------------------------------------------------------------------------------------------
/* MPDL Practice Games Manager v1 */
:root,[data-bs-theme="dark"]{--mpg-bg:rgba(255,255,255,.035);--mpg-panel:rgba(34,22,45,.76);--mpg-panel-strong:rgba(43,28,57,.92);--mpg-border:rgba(216,108,255,.28);--mpg-border-strong:rgba(110,255,221,.44);--mpg-text:#f5ecff;--mpg-muted:#aa9abc;--mpg-accent:#d86cff;--mpg-accent-2:#6effdd;--mpg-radius-xl:28px;--mpg-radius-lg:20px;--mpg-shadow:0 24px 80px rgba(0,0,0,.42)}
body.mpdl-games-page{color:var(--mpg-text)}.mpdlg-main{width:100%}.mpdlg-shell{position:relative;width:min(1180px,100%);margin:0 auto;padding:clamp(14px,1.8vw,28px);color:var(--mpg-text)}.mpdlg-orb{position:absolute;z-index:-1;width:330px;height:330px;border-radius:999px;pointer-events:none;filter:blur(8px);opacity:.45}.mpdlg-orb--one{top:0;left:0;background:radial-gradient(circle,rgba(216,108,255,.34),transparent 68%)}.mpdlg-orb--two{top:120px;right:0;background:radial-gradient(circle,rgba(110,255,221,.18),transparent 68%)}
.mpdlg-hero,.mpdlg-single-hero,.mpdlg-panel,.mpdlg-card,.mpdlg-game,.mpdlg-paywall,.mpdlg-empty{position:relative;overflow:hidden;border:1px solid var(--mpg-border);border-radius:var(--mpg-radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),repeating-linear-gradient(135deg,rgba(255,255,255,.024) 0 1px,transparent 1px 7px),var(--mpg-panel);box-shadow:var(--mpg-shadow)}.mpdlg-hero:before,.mpdlg-single-hero:before,.mpdlg-panel:before,.mpdlg-card:before,.mpdlg-game:before,.mpdlg-paywall:before,.mpdlg-empty:before{content:"";position:absolute;inset:0;pointer-events:none;border-top:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 92% 0%,rgba(216,108,255,.17),transparent 15rem)}.mpdlg-hero>*,.mpdlg-single-hero>*,.mpdlg-panel>*,.mpdlg-card>*,.mpdlg-game>*,.mpdlg-paywall>*,.mpdlg-empty>*{position:relative;z-index:1}
.mpdlg-hero,.mpdlg-single-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:22px;align-items:stretch;margin-bottom:18px;padding:clamp(22px,3.2vw,42px)}.mpdlg-kicker{display:inline-flex;width:fit-content;min-height:28px;align-items:center;gap:8px;margin-bottom:12px;padding:7px 11px;border:1px solid rgba(110,255,221,.25);border-radius:999px;color:var(--mpg-accent-2);background:rgba(110,255,221,.07);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mpdlg-hero h1,.mpdlg-single-hero h1{max-width:850px;margin:0 0 14px;color:#fff;font-size:clamp(2.25rem,5vw,4.8rem);font-weight:900;line-height:.96;letter-spacing:-.065em;text-shadow:0 0 34px rgba(216,108,255,.32)}.mpdlg-hero p,.mpdlg-single-hero p,.mpdlg-panel p,.mpdlg-content p,.mpdlg-paywall p{margin:0;color:var(--mpg-muted);font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.72}.mpdlg-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.mpdlg-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid rgba(216,108,255,.34);border-radius:999px;color:#fff;background:rgba(255,255,255,.06);text-decoration:none;font-weight:900;line-height:1.15;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.mpdlg-btn:hover,.mpdlg-btn:focus-visible{transform:translateY(-1px);color:#fff;border-color:var(--mpg-border-strong);background:rgba(110,255,221,.10);outline:none}.mpdlg-btn--primary{color:#130820;border-color:transparent;background:linear-gradient(135deg,var(--mpg-accent),var(--mpg-accent-2));box-shadow:0 16px 36px rgba(216,108,255,.24)}.mpdlg-btn--primary:hover{color:#130820;background:linear-gradient(135deg,#ec9fff,#91ffec)}.mpdlg-hero-card{display:flex;min-height:210px;flex-direction:column;justify-content:center;padding:22px;border:1px solid rgba(110,255,221,.20);border-radius:var(--mpg-radius-lg);background:radial-gradient(circle at 20% 0%,rgba(110,255,221,.14),transparent 10rem),rgba(255,255,255,.045)}.mpdlg-hero-card strong{color:#fff;font-size:1.35rem;font-weight:900;letter-spacing:-.03em}.mpdlg-hero-card span{margin-top:8px;color:var(--mpg-muted)}.mpdlg-mini-flow,.mpdlg-topic-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.mpdlg-mini-flow em,.mpdlg-topic-badges span,.mpdlg-card__tags{display:inline-flex;min-height:28px;align-items:center;padding:6px 10px;border:1px solid rgba(216,108,255,.28);border-radius:999px;color:#fff;background:rgba(216,108,255,.13);font-size:.74rem;font-style:normal;font-weight:850;letter-spacing:.035em;text-transform:uppercase}
.mpdlg-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:0 0 18px;padding:14px;border:1px solid var(--mpg-border);border-radius:var(--mpg-radius-lg);background:rgba(255,255,255,.045)}.mpdlg-filters label{display:grid;gap:6px;color:var(--mpg-muted);font-size:.8rem;font-weight:800}.mpdlg-filters select{min-width:180px;min-height:40px;border:1px solid rgba(255,255,255,.13);border-radius:12px;color:var(--mpg-text);background:rgba(18,9,28,.78)}.mpdlg-filters button,.mpdlg-filters a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:8px 13px;border:1px solid rgba(216,108,255,.28);border-radius:999px;color:#fff;background:rgba(255,255,255,.06);text-decoration:none;font-weight:850}.mpdlg-grid-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mpdlg-card{min-height:100%;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mpdlg-card:hover{transform:translateY(-4px);border-color:var(--mpg-border-strong);box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 22px rgba(216,108,255,.14)}.mpdlg-card__link{display:flex;min-height:100%;flex-direction:column;gap:12px;padding:18px;color:inherit;text-decoration:none}.mpdlg-card__icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,var(--mpg-accent),var(--mpg-accent-2));box-shadow:0 0 24px rgba(216,108,255,.24)}.mpdlg-card__badge{position:absolute;top:16px;right:16px;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:900;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.mpdlg-card__badge--demo{color:#130820;background:linear-gradient(135deg,#6effdd,#d86cff)}.mpdlg-card__badge--premium{color:#fff;background:rgba(216,108,255,.17);border-color:rgba(216,108,255,.35)}.mpdlg-card__meta{color:var(--mpg-accent-2);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mpdlg-card h2{margin:0;color:#fff;font-size:1.22rem;font-weight:900;line-height:1.22;letter-spacing:-.035em}.mpdlg-card p{margin:0;color:var(--mpg-muted);line-height:1.62}.mpdlg-card__cta{margin-top:auto;color:var(--mpg-accent-2)}.mpdlg-breadcrumb{display:inline-flex;flex-wrap:wrap;gap:9px;align-items:center;max-width:100%;margin:0 0 16px;padding:9px 13px;border:1px solid var(--mpg-border);border-radius:999px;color:var(--mpg-muted);background:rgba(255,255,255,.04);font-size:.82rem}.mpdlg-breadcrumb a{color:var(--mpg-text);text-decoration:none}.mpdlg-breadcrumb span:last-child{color:var(--mpg-accent-2)}.mpdlg-panel,.mpdlg-game,.mpdlg-paywall,.mpdlg-empty{margin-bottom:18px;padding:clamp(18px,2.4vw,28px)}.mpdlg-content h2,.mpdlg-content h3{color:#fff;letter-spacing:-.035em}.mpdlg-game-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.mpdlg-game-head h2{margin:0 0 8px;color:#fff;font-size:clamp(1.4rem,2vw,2rem);font-weight:900}.mpdlg-score{display:flex;align-items:baseline;gap:6px;padding:12px 16px;border:1px solid rgba(110,255,221,.22);border-radius:18px;background:rgba(110,255,221,.07)}.mpdlg-score strong{color:#fff;font-size:2rem}.mpdlg-score span{color:var(--mpg-muted);font-weight:800}.mpdlg-word-search-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:18px;align-items:start}.mpdlg-letter-grid{display:grid;grid-template-columns:repeat(var(--mpdlg-cols,10),minmax(30px,1fr));gap:6px;touch-action:none}.mpdlg-letter-cell{aspect-ratio:1/1;min-width:0;border:1px solid rgba(255,255,255,.10);border-radius:12px;color:#fff;background:rgba(255,255,255,.06);font-weight:950;font-size:clamp(.82rem,2vw,1.05rem);cursor:pointer;user-select:none;transition:transform .12s ease,background .12s ease,border-color .12s ease}.mpdlg-letter-cell:hover,.mpdlg-letter-cell.is-selecting{transform:translateY(-1px);border-color:rgba(110,255,221,.48);background:rgba(110,255,221,.16)}.mpdlg-letter-cell.is-found{color:#130820;border-color:transparent;background:linear-gradient(135deg,var(--mpg-accent),var(--mpg-accent-2));box-shadow:0 0 18px rgba(110,255,221,.25)}.mpdlg-letter-cell.is-wrong{border-color:rgba(255,100,130,.6);background:rgba(255,100,130,.16)}.mpdlg-word-bank{padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.045)}.mpdlg-word-bank h3{margin:0 0 12px;color:#fff}.mpdlg-word-bank ul{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}.mpdlg-word-bank li{display:grid;gap:3px;padding:10px 12px;border:1px solid rgba(216,108,255,.18);border-radius:14px;background:rgba(255,255,255,.045)}.mpdlg-word-bank li strong{color:#fff}.mpdlg-word-bank li span{color:var(--mpg-muted);font-size:.86rem}.mpdlg-word-bank li em{color:var(--mpg-accent-2);font-style:normal;font-size:.82rem;font-weight:800}.mpdlg-word-bank li.is-found{border-color:rgba(110,255,221,.45);background:rgba(110,255,221,.09)}.mpdlg-game-message{min-height:26px;margin:10px 0;color:#ffb2c4;font-weight:850}.mpdlg-game-message.is-good{color:var(--mpg-accent-2)}.mpdlg-paywall{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:18px;align-items:stretch}.mpdlg-paywall h2{margin:0 0 10px;color:#fff;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.04em}.mpdlg-demo-list{padding:16px;border:1px solid rgba(110,255,221,.20);border-radius:20px;background:rgba(255,255,255,.045)}.mpdlg-demo-list h3{margin:0 0 10px;color:#fff}.mpdlg-demo-list a{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding:10px 12px;border:1px solid rgba(216,108,255,.18);border-radius:14px;color:#fff;background:rgba(255,255,255,.045);text-decoration:none}.mpdlg-pagination{margin-top:24px}.mpdlg-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.mpdlg-pagination .page-numbers{display:inline-flex;min-width:38px;min-height:38px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--mpg-border);border-radius:999px;color:var(--mpg-text);background:rgba(255,255,255,.045);text-decoration:none}.mpdlg-pagination .current,.mpdlg-pagination .page-numbers:hover{color:#fff;border-color:var(--mpg-border-strong);background:rgba(216,108,255,.16)}
@media(max-width:1100px){.mpdlg-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mpdlg-word-search-layout{grid-template-columns:1fr}.mpdlg-letter-grid{grid-template-columns:repeat(var(--mpdlg-cols,10),minmax(28px,1fr))}}@media(max-width:860px){.mpdlg-hero,.mpdlg-single-hero,.mpdlg-paywall{grid-template-columns:1fr}.mpdlg-game-head{display:block}.mpdlg-score{width:max-content;margin-top:14px}}@media(max-width:620px){.mpdlg-shell{padding:10px 0 20px}.mpdlg-hero,.mpdlg-single-hero,.mpdlg-panel,.mpdlg-card,.mpdlg-game,.mpdlg-paywall,.mpdlg-empty{border-radius:20px}.mpdlg-grid-list{grid-template-columns:1fr}.mpdlg-filters{align-items:stretch}.mpdlg-filters label,.mpdlg-filters select,.mpdlg-filters button,.mpdlg-filters a{width:100%}.mpdlg-letter-grid{gap:4px}.mpdlg-letter-cell{border-radius:9px;font-size:.78rem}}@media(prefers-reduced-motion:reduce){.mpdlg-card,.mpdlg-btn,.mpdlg-letter-cell{transition:none;transform:none!important}}


.mpdlg-word-bank li.is-hidden-word strong[data-mpdlg-word-label]{letter-spacing:.12em;color:rgba(255,255,255,.72)}
.mpdlg-word-bank li.is-hidden-word.is-found strong[data-mpdlg-word-label]{letter-spacing:.04em;color:#fff;text-shadow:0 0 16px rgba(110,255,221,.28)}
.mpdlg-word-bank li.is-found strong[data-mpdlg-word-label]::after{content:" ✓";color:var(--mpg-accent-2);font-weight:950}


/* =========================================================
   MPDL Crossword v2
   ========================================================= */
.mpdlg-crossword-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:18px;align-items:start}.mpdlg-crossword-board{display:grid;grid-template-columns:repeat(var(--mpdlg-cw-cols,12),minmax(30px,1fr));gap:5px;touch-action:manipulation}.mpdlg-crossword-cell{position:relative;display:block;aspect-ratio:1/1;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.06);overflow:hidden}.mpdlg-crossword-cell.is-block{border-color:transparent;background:rgba(0,0,0,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.mpdlg-crossword-cell span{position:absolute;top:3px;left:5px;z-index:2;color:var(--mpg-accent-2);font-size:.62rem;font-weight:950;line-height:1}.mpdlg-crossword-cell input{width:100%;height:100%;border:0;outline:0;text-align:center;text-transform:uppercase;color:#fff;background:transparent;font-size:clamp(.85rem,2vw,1.12rem);font-weight:950;padding:8px 2px 2px}.mpdlg-crossword-cell:focus-within,.mpdlg-crossword-cell.is-active{border-color:rgba(110,255,221,.56);background:rgba(110,255,221,.12);box-shadow:0 0 18px rgba(110,255,221,.12)}.mpdlg-crossword-cell.is-correct{border-color:rgba(110,255,221,.58);background:rgba(110,255,221,.16)}.mpdlg-crossword-cell.is-wrong{border-color:rgba(255,100,130,.68);background:rgba(255,100,130,.16)}.mpdlg-crossword-cell.has-conflict{border-color:rgba(255,183,77,.65)}.mpdlg-crossword-clues{padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.045)}.mpdlg-crossword-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.mpdlg-crossword-tools .mpdlg-btn{min-height:38px;padding:8px 12px;font-size:.86rem}.mpdlg-crossword-clue-group{margin-top:16px}.mpdlg-crossword-clue-group h3{margin:0 0 10px;color:#fff;font-size:1rem}.mpdlg-crossword-clue-group ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.mpdlg-crossword-clue-group li button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:10px 12px;border:1px solid rgba(216,108,255,.18);border-radius:14px;color:#fff;background:rgba(255,255,255,.045);text-align:left;cursor:pointer}.mpdlg-crossword-clue-group li button:hover,.mpdlg-crossword-clue-group li.is-active button{border-color:rgba(110,255,221,.45);background:rgba(110,255,221,.09)}.mpdlg-crossword-clue-group li.is-found button{border-color:rgba(110,255,221,.5);background:rgba(110,255,221,.12)}.mpdlg-crossword-clue-group li.is-found strong::after{content:" ✓";color:var(--mpg-accent-2)}.mpdlg-crossword-clue-group li strong{color:var(--mpg-accent-2)}.mpdlg-crossword-clue-group li span{color:#fff;line-height:1.45}.mpdlg-crossword-clue-group li em{grid-column:2;color:var(--mpg-muted);font-style:normal;font-size:.82rem}@media(max-width:1100px){.mpdlg-crossword-layout{grid-template-columns:1fr}.mpdlg-crossword-board{grid-template-columns:repeat(var(--mpdlg-cw-cols,12),minmax(27px,1fr))}}@media(max-width:620px){.mpdlg-crossword-board{gap:3px}.mpdlg-crossword-cell{border-radius:7px}.mpdlg-crossword-cell span{font-size:.54rem;top:2px;left:3px}.mpdlg-crossword-cell input{font-size:.78rem;padding-top:8px}.mpdlg-crossword-tools .mpdlg-btn{width:100%}}

/* =========================================================
   MPDL Word Search Responsive Grid v1.4
   - Desktop: grid tries to fit available area.
   - Mobile / many columns: horizontal scroll keeps cells tappable.
   ========================================================= */
.mpdlg-word-search-layout{
  min-width:0;
}

.mpdlg-word-search-layout > *{
  min-width:0;
}

.mpdlg-letter-board{
  min-width:0;
  max-width:100%;
}

.mpdlg-grid-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 10px;
  padding:9px 11px;
  border:1px solid rgba(110,255,221,.18);
  border-radius:16px;
  color:rgba(245,236,255,.76);
  background:rgba(110,255,221,.055);
  font-size:.78rem;
  font-weight:800;
}

.mpdlg-grid-tools__buttons{
  display:inline-flex;
  gap:6px;
  flex:0 0 auto;
}

.mpdlg-grid-scroll-btn{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(216,108,255,.34);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.07);
  font-weight:950;
  cursor:pointer;
}

.mpdlg-grid-scroll-btn:hover,
.mpdlg-grid-scroll-btn:focus-visible{
  color:#130820;
  border-color:transparent;
  background:linear-gradient(135deg,var(--mpg-accent),var(--mpg-accent-2));
  outline:none;
}

.mpdlg-letter-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 4px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(255,255,255,.035);
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scrollbar-gutter:stable;
}

.mpdlg-letter-scroll::-webkit-scrollbar{
  height:8px;
}

.mpdlg-letter-scroll::-webkit-scrollbar-track{
  border-radius:999px;
  background:rgba(255,255,255,.06);
}

.mpdlg-letter-scroll::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(90deg,var(--mpg-accent),var(--mpg-accent-2));
}

.mpdlg-letter-scroll .mpdlg-letter-grid{
  width:100%;
  min-width:var(--mpdlg-grid-min, 420px);
  grid-template-columns:repeat(var(--mpdlg-cols,10), minmax(34px, 1fr));
}

@media(max-width:980px){
  .mpdlg-word-search-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .mpdlg-grid-tools{
    position:sticky;
    left:0;
    z-index:2;
    align-items:flex-start;
    font-size:.72rem;
  }

  .mpdlg-letter-scroll{
    border-radius:18px;
    padding:4px 4px 10px;
  }

  .mpdlg-letter-scroll .mpdlg-letter-grid{
    min-width:var(--mpdlg-grid-min-mobile, var(--mpdlg-grid-min, 360px));
    grid-template-columns:repeat(var(--mpdlg-cols,10), minmax(30px, 1fr));
    gap:4px;
  }

  .mpdlg-letter-scroll .mpdlg-letter-cell{
    border-radius:9px;
    font-size:.78rem;
  }
}

/* =========================================================
   MPDL Word Search Responsive Grid Stability Patch v1.4.1
   - Responsive scroll korunur.
   - Bulunan harflerde kontrast güçlendirilir.
   - Crossword stillerine dokunmaz.
   ========================================================= */
.mpdlg-word-search .mpdlg-letter-board,
.mpdlg-word-search .mpdlg-letter-scroll{
  min-width:0;
  max-width:100%;
}

.mpdlg-word-search .mpdlg-letter-scroll{
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}

.mpdlg-word-search .mpdlg-letter-scroll .mpdlg-letter-grid{
  width:max-content;
  min-width:min(100%, var(--mpdlg-grid-min, 420px));
}

.mpdlg-word-search .mpdlg-letter-cell,
.mpdlg-word-search .mpdlg-letter-scroll .mpdlg-letter-cell{
  position:relative;
  z-index:1;
  color:#ffffff;
  text-shadow:0 0 10px rgba(255,255,255,.12);
}

.mpdlg-word-search .mpdlg-letter-cell.is-found,
.mpdlg-word-search .mpdlg-letter-scroll .mpdlg-letter-cell.is-found{
  color:#07111a !important;
  border-color:rgba(110,255,221,.72) !important;
  background:linear-gradient(135deg,#6effdd 0%,#d86cff 100%) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.20) inset,0 0 22px rgba(110,255,221,.32) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.30) !important;
  font-weight:950 !important;
}

.mpdlg-word-search .mpdlg-letter-cell.is-selecting{
  color:#ffffff !important;
  border-color:rgba(110,255,221,.72) !important;
  background:rgba(110,255,221,.18) !important;
}

.mpdlg-word-search .mpdlg-letter-cell.is-wrong{
  color:#ffffff !important;
}

@media(max-width:620px){
  .mpdlg-word-search .mpdlg-letter-scroll .mpdlg-letter-grid{
    min-width:min(100%, var(--mpdlg-grid-min-mobile, var(--mpdlg-grid-min, 360px)));
  }
  .mpdlg-word-search .mpdlg-grid-tools{
    position:static;
  }
}


/* =========================================================
   MPDL Word Search Tap Select Patch v1.5
   - Uzun kelimelerde mobil yatay kaydırma sırasında seçim bozulmasın diye
     tek tek harf seçme davranışı JS ile desteklenir.
   - Bu CSS yalnızca seçili/bulunan harf kontrastını güçlendirir.
   ========================================================= */
.mpdlg-word-search.is-selecting-word .mpdlg-letter-cell.is-selecting{
  color:#ffffff !important;
  border-color:rgba(110,255,221,.86) !important;
  background:rgba(110,255,221,.22) !important;
  box-shadow:0 0 0 2px rgba(110,255,221,.20) inset,0 0 18px rgba(110,255,221,.22) !important;
}

.mpdlg-word-search .mpdlg-letter-cell.is-found.is-selecting,
.mpdlg-word-search .mpdlg-letter-scroll .mpdlg-letter-cell.is-found.is-selecting{
  color:#061019 !important;
  outline:2px solid rgba(255,255,255,.72);
  outline-offset:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,.24) inset,0 0 24px rgba(216,108,255,.34) !important;
}

@media(max-width:620px){
  .mpdlg-word-search .mpdlg-game-message{
    font-size:.9rem;
    line-height:1.45;
  }
}

