@font-face {
  font-family: 'Pixelated MS Sans Serif';
  src: url('../fonts/w95fa-regular-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* Merlin Cookie Bar (W95 Style) */
:root {
  --mcb-titlebar: #840000;
  --mcb-accent: #2563eb;
  --mcb-accent2:#60a5fa;
}

.mwf-cookie { position:fixed; inset:0; background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; z-index:100000; font-family: 'Pixelated MS Sans Serif', Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
.mwf-cookie[hidden]{ display:none; }
.mwf-cookie .mwf-cookie-inner { width:min(720px, 92%); background:#c0c0c0; border:2px solid #000; box-shadow: 10px 10px 0 #000; }
.mwf-cookie .mwf-cookie-titlebar { background: var(--mcb-titlebar); color:#fff; padding:6px 10px; font-weight:700; }
.mwf-cookie .mwf-cookie-content { padding:12px; background:#dfdfdf; color:#000; }
.mwf-cookie .mwf-cookie-actions { margin-top:8px; display:flex; gap:8px; justify-content:flex-end; }
.mwf-cookie .mwf-btn { border:1px solid #000; background:#c0c0c0; padding:6px 10px; box-shadow: inset -1px -1px 0 #000, inset 1px 1px 0 #fff; cursor:pointer; }

/* Settings modal */
.mwf-cookie-modal { position:fixed; inset:0; background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; z-index:100001; }
.mwf-cookie-modal[hidden]{ display:none; }
.mwf-cookie-modal-inner { width:min(680px, 92%); background:#c0c0c0; border:2px solid #000; box-shadow: 12px 12px 0 #000; }
.mwf-cookie-modal .mwf-cookie-titlebar { background: linear-gradient(90deg, var(--mcb-accent), var(--mcb-accent2)); color:#fff; padding:6px 10px; font-weight:700; }
.mwf-cookie-modal .mwf-cookie-content { padding:12px; background:#dfdfdf; color:#000; }
.mwf-cookie-list { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.mwf-cookie-list li { background:#f1f1f1; border:1px solid #000; box-shadow: inset -1px -1px 0 #000, inset 1px 1px 0 #fff; padding:8px; }

/* Responsive */
@media (max-width: 640px){
  .mwf-cookie .mwf-cookie-actions { justify-content:stretch; flex-wrap:wrap; }
  .mwf-cookie .mwf-btn { flex:1; }
}