/* ==========================================================================
   Hugarflugið – nýtt útlit (2026-10-20), í anda NYT Games.
   Ljóst þema er sjálfgefið fyrir alla; dökkt kemur aðeins með data-theme="dark"
   (valið í Stillingum, sjá js/theme.js). Þessi skrá kemur á eftir style.css.
   ========================================================================== */

:root {
  color-scheme: light;
  --stand: #4d88f9;          /* blár grunnur forsíðu og undirsíðna */
  --stand-intro: #6e9dfa;    /* upphafssíðan */
  --stand-shadow: #2f6ae0;   /* brún undir spjöldum */
  --stand-ink: #121212;      /* texti á bláu (svartur fyrir birtuskil) */
  --card: #ffffff;
  --hair: #e3e5ec;
  --soft: #5a5f6e;
  --best: #f0c84a;
  --icon-tile: #4d88f9;
  --icon-core: #1f56c8;
  --foot: #f8f8f8;
  --foot-ink: #121212;
  --cluebar: #dcefff;
  --display: "Rokkitt", "Rockwell", Georgia, serif;
  --sans: "Libre Franklin", "Franklin Gothic Medium", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  /* gátan: gulur valinn reitur, ljósblátt orð */
  --cell-selected: #f7da21;
  --cell-selected-ink: #000000;
  --cell-word: #a7d8ff;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #121212; --surface: #121212; --bar: #1f1f1f; --ink: #ffffff; --muted: #c9ccd6; --line: #3a3d46;
  --accent: #ffffff; --accent-ink: #000000; --blue-ink: #a7d8ff; --blue-light: #16365e;
  --cell-bg: #1c1d22; --cell-ink: #ffffff; --cell-black: #000000; --cell-word: #2f5d8a; --cell-selected: #d9bb17; --cell-selected-ink: #000000;
  --grid-border: #000000; --cell-shaded: #3a3d46; --pencil-ink: #b8bcc8; --focus: #a7d8ff;
  --stand: #1f2a52; --stand-intro: #1b2547; --stand-shadow: #0f1631; --stand-ink: #f2f3f7;
  --card: #1b1d24; --hair: #30333d; --soft: #a9afc0; --best: #c9a23a; --icon-tile: #3566c9; --icon-core: #1a3c8f;
  --foot: #17181d; --foot-ink: #f2f3f7; --cluebar: #1d3550;
}

body { font-family: var(--sans); }
.wrap-x { padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }

/* ---------- haus: þunn lína með merki og Innskrá ---------- */
/* hausinn er alltaf hvítur (dökkur í dökku þema), á öllum síðum */
.topline { background: var(--bg); border: 0; border-bottom: 1px solid var(--hair); }
.topline__inner { max-width: 1180px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 68px;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.logo { font: 800 2.3rem/1 var(--display); color: var(--ink); text-decoration: none; letter-spacing: -.01em; }
.acct-btn, button.acct-btn { background: var(--ink); color: var(--bg); border: 0; border-radius: 999px; padding: .5rem 1.15rem; min-height: 40px; font-weight: 700; }
.acct-btn:hover { background: color-mix(in srgb, var(--ink) 82%, var(--bg)); }

/* ---------- fótur ---------- */
.foot { background: var(--foot); color: var(--foot-ink); border: 0; margin-top: auto; font-size: 1rem; }
.foot__inner { max-width: 1180px; margin: 0 auto; padding-block: 3.5rem 4rem; display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 2.5rem;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.foot h2 { font: 800 .82rem/1.2 var(--sans); letter-spacing: .08em; text-transform: uppercase; margin: 0 0 1.1rem; color: var(--foot-ink); }
.foot__about p { font: 400 1.32rem/1.55 var(--display); margin: 0; max-width: 34rem; }
.foot ul { list-style: none; margin: 0 0 2rem; padding: 0; display: grid; gap: .85rem; }
.foot a { color: var(--foot-ink); text-decoration: none; display: inline-flex; align-items: center; gap: .6rem; }
.foot a:hover { text-decoration: underline; text-underline-offset: .2em; }
.foot-ico { width: 22px; height: 22px; flex: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #121212; border: 1px solid #121212; border-radius: 3px; }
.foot-ico i { background: #fff; }
.foot-ico i.b { background: #121212; }
.foot-ico.mon { background: var(--stand); border-color: var(--stand); }
.foot-ico.ar { background: #8a8f9e; border-color: #8a8f9e; }
@media (max-width: 900px) { .foot__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foot__about { grid-column: 1 / -1; } }
@media (max-width: 520px) { .foot__inner { grid-template-columns: minmax(0, 1fr); } }

/* ---------- forsíða: vikan ---------- */
main.stand { max-width: none; padding: 0; background: var(--stand); }
/* blái flöturinn fyllir skjáinn svo fóturinn sitji neðst */
body.home-page { min-height: 100vh; display: flex; flex-direction: column; }
body.home-page main.stand { flex: 1; }
.stand__inner { max-width: 1180px; margin: 0 auto; padding-block: 1.5rem 3.5rem;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.weekbar { display: flex; align-items: center; justify-content: center; gap: 1rem; color: var(--stand-ink); margin-bottom: 1.6rem; }
.weekbar h2 { font: 800 1.15rem/1.2 var(--sans); letter-spacing: .02em; margin: 0; min-width: 15rem; text-align: center; font-variant-numeric: tabular-nums; }
.weekbar button { width: 44px; height: 44px; min-height: 44px; padding: 0; border-radius: 50%; border: 2px solid var(--stand-ink); background: transparent; color: var(--stand-ink); font-size: 1.2rem; }
.weekbar button:hover { background: color-mix(in srgb, var(--stand-ink) 10%, transparent); }
.weekbar button:disabled { opacity: .35; }
.stand__note { text-align: center; color: var(--stand-ink); margin: 2rem 0 0; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 255px)); justify-content: center; gap: 1.25rem; }
.card { background: var(--card); color: var(--ink); border-radius: 10px; box-shadow: 0 8px 0 var(--stand-shadow); padding: 1.6rem 1.25rem 1.4rem; text-align: center;
  display: grid; gap: .7rem; align-content: start; text-decoration: none; transition: transform .15s ease; }
a.card:hover { transform: translateY(-3px); }
.card--wait { opacity: .82; }
.tile { width: 84px; height: 84px; margin: 0 auto .4rem; border-radius: 14px; background: var(--icon-tile); display: grid; place-items: center; position: relative; }
.mini { display: grid; grid-template-columns: repeat(3, 1fr); width: 53px; gap: 2px; padding: 4px; background: var(--icon-core); border-radius: 4px; box-sizing: border-box; }
.mini--2 { grid-template-columns: repeat(2, 1fr); }
.mini--5 { grid-template-columns: repeat(5, 1fr); }
.mini i { aspect-ratio: 1; background: #fff; }
.mini i.b { background: var(--icon-core); }
.tile__mark { position: absolute; right: -8px; bottom: -8px; width: 30px; height: 30px; border-radius: 50%; background: var(--best); color: #121212; display: grid; place-items: center; font-weight: 800; font-size: .9rem; border: 3px solid var(--card); }
.tile__mark--prog { background: var(--card); color: var(--ink); border-color: var(--hair); }
.card h3 { font: 800 2.2rem/1 var(--display); letter-spacing: -.01em; margin: 0; text-wrap: balance; }
.card__date { font-size: 1.05rem; }
.card__size { font-size: .85rem; color: var(--soft); font-variant-numeric: tabular-nums; }
.card__title { font: 400 1.15rem/1.3 var(--display); }
.card__state { font-size: .9rem; font-weight: 700; color: var(--soft); }
.card__state--ok { color: var(--ink); }
.card__rule { height: 1px; background: var(--hair); margin: .3rem 1rem; }
.card__by { color: var(--soft); font-size: .95rem; line-height: 1.45; }
.card__by .nm { text-transform: uppercase; letter-spacing: .02em; }
.card__soon, .card__guest { color: var(--soft); font-size: .95rem; line-height: 1.5; margin: 0; }
.card--stats h4 { margin: 0; font-weight: 500; font-size: 1.15rem; padding-bottom: .5rem; border-bottom: 1px solid var(--hair); }
.card--stats .card__h4plain { border: 0; padding: 0; }
.card__dayname { font-size: .95rem; }
.daytabs { display: flex; justify-content: center; gap: .3rem; flex-wrap: wrap; }
.daytabs button { border: 1px solid var(--hair); background: transparent; color: var(--ink); border-radius: 999px; padding: .25rem .75rem; min-height: 32px; font-size: .8rem; font-weight: 700; }
.daytabs button[aria-selected="true"] { background: var(--ink); color: var(--card); border-color: var(--ink); }
.bars { display: flex; justify-content: center; align-items: flex-end; height: 7.5rem; margin-top: .4rem; }
/* stysta súlan er aldrei lægri en textinn í henni (rem, því Safari styður ekki min-content hér; forsida.js lagar afganginn) */
.bar { width: 78px; min-height: 3.4rem; padding-bottom: .35rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; color: #fff; font-weight: 700; font-size: .72rem; padding-top: .35rem; letter-spacing: .04em; }
.bar--best { background: var(--best); color: #121212; }
.bar--avg { background: var(--stand); }
.bar__t { font-variant-numeric: tabular-nums; font-size: 1rem; font-weight: 700; margin-bottom: .2rem; }
.bar--best .bar__t { color: #121212; }
.streaks { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--hair); }
.streaks div { padding: .5rem 0; display: grid; gap: .1rem; }
.streaks div + div { border-left: 1px solid var(--hair); }
.streaks b { font-size: 2rem; font-variant-numeric: tabular-nums; }
.streaks span { color: var(--soft); font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; }
.card__more { border-top: 1px solid var(--hair); padding-top: .7rem; font-weight: 700; letter-spacing: .04em; font-size: .9rem; color: var(--ink); text-decoration: none; }
.card__more:hover { text-decoration: underline; }

/* ---------- undirsíður: blár borði + hvítt efni ---------- */
.page-main { max-width: none; padding: 0; }
.band { background: var(--stand); color: var(--stand-ink); }
.band__inner, .page-body { max-width: 1180px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.band__inner { padding-block: 2.2rem 2.6rem; }
.band h1 { font: 800 clamp(2.2rem, 5vw, 3.2rem)/1 var(--display); margin: 0 0 .6rem; text-wrap: balance; }
.band p { margin: 0; max-width: 40rem; font: 300 1.3rem/1.45 var(--display); }
.band .pill-btn { margin-top: 1.2rem; }
.page-body { padding-block: 2.2rem 3.5rem; }
.pill-btn, a.pill-btn { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 999px; padding: .7rem 1.4rem; min-height: 44px; font-weight: 700; background: #121212; color: #ffffff; text-decoration: none; }
.pill-btn:hover { background: #2a2a2a; }
.steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.6rem 2rem; }
.steps article { border-top: 3px solid var(--ink); padding-top: .9rem; }
.steps h2, .page-body h2 { font: 800 1.45rem/1.15 var(--display); margin: 0 0 .5rem; }
.steps p, .page-prose p, .page-prose li { line-height: 1.55; margin: 0; max-width: 65ch; }
.page-prose { display: grid; gap: 1rem; }
.page-prose ul { margin: 0; padding-left: 1.2rem; display: grid; gap: .7rem; }

/* tölfræðisíða */
.tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin-bottom: 2.4rem; }
.tile2 { background: var(--card); border: 1px solid var(--hair); border-radius: 10px; padding: 1.1rem; text-align: center; display: grid; gap: .2rem; }
.tile2 b { font-size: 2.2rem; font-variant-numeric: tabular-nums; }
.tile2 span { color: var(--soft); font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; }
.tablewrap { overflow-x: auto; }
.tbl { border-collapse: collapse; width: 100%; max-width: 640px; font-variant-numeric: tabular-nums; }
.tbl th, .tbl td { text-align: left; padding: .6rem .8rem; border-bottom: 1px solid var(--hair); }
.tbl th { font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; color: var(--soft); }

/* stillingar */
.setlist { display: grid; max-width: 640px; }
.set { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--hair); cursor: pointer; margin: 0; font-weight: 400; }
.set span { display: grid; gap: .2rem; }
.set small { color: var(--soft); }
.set input { width: 22px; height: 22px; accent-color: var(--ink); }

/* hafa samband */
.mailbox { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; font-size: 1.3rem; }
.mailbox .mail { user-select: all; font-family: var(--display); }
.mailbox .pill-btn { font-size: .85rem; padding: .45rem 1rem; min-height: 36px; }

/* eldri gátur eftir vikum */
.weeklist { display: grid; gap: 2rem; max-width: 820px; }
.weeklist h2 { font: 800 1.3rem/1.2 var(--display); margin: 0 0 .7rem; padding-bottom: .5rem; border-bottom: 1px solid var(--hair); }
.rows { display: grid; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.row { display: grid; grid-template-columns: 2.2rem minmax(0, 12rem) minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: .7rem .9rem; border-radius: 8px; background: var(--card); border: 1px solid var(--hair); color: var(--ink); text-decoration: none; }
.row:hover { border-color: var(--ink); }
.row .mini { width: 30px; padding: 2px; gap: 1px; }
.row__t { font: 400 1.05rem/1.3 var(--display); min-width: 0; }
.row small { display: block; font-family: var(--sans); color: var(--soft); font-size: .85rem; }
.row__st { font-size: .9rem; color: var(--soft); font-variant-numeric: tabular-nums; white-space: nowrap; }
.row__st--ok { color: var(--ink); font-weight: 700; }
@media (max-width: 560px) { .row { grid-template-columns: 2rem minmax(0, 1fr) auto; } .row > span:nth-child(2) { display: none; } }

/* ---------- gátusíðan ---------- */
main.puzzle-main { max-width: 1180px; }
.puzzle-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1.1rem; margin-bottom: 1rem; }
.back-link { flex-basis: 100%; color: var(--ink); text-decoration: none; font-weight: 700; font-size: .95rem; }
.back-link:hover { text-decoration: underline; }
.puzzle-head h1 { font: 800 clamp(2.2rem, 5vw, 3.2rem)/1 var(--display); margin: 0; letter-spacing: -.01em; }
.puzzle-head time { font-size: clamp(1.3rem, 3vw, 2rem); }
.puzzle-line { flex-basis: 100%; margin: 0; font-size: 1rem; }
/* tækjastikan nær yfir alla breiddina: tannhjól vinstra megin, tími í miðju, aðgerðir hægra megin */
.toolbar--wide { display: grid; grid-template-columns: auto 1fr auto; align-items: center; background: var(--bg); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); margin: 0 calc(-1 * max(16px, env(safe-area-inset-left, 0px))) 1.2rem; padding: 0 max(16px, env(safe-area-inset-left, 0px)); min-height: 60px; }
.toolbar--wide .timer { order: 0; justify-self: center; margin: 0; font-size: 1.15rem; font-weight: 500; }
.toolbar--wide .toolbar-group { order: 0; justify-self: end; align-items: center; }
.toolbar--wide summary::after { content: none; }
.toolbar--wide summary { font-size: 1.05rem; }
.toolbar__icon { display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; border: 0; background: transparent; color: var(--ink); font-size: 1.25rem; text-decoration: none; border-radius: 6px; }
.toolbar__icon:hover { background: color-mix(in srgb, var(--ink) 7%, transparent); }
.toolbar__gear { justify-self: start; }
.toolbar .menu { right: 0; left: auto; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); border-color: var(--hair); }
.menu__label { font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); padding: .5rem .8rem .1rem; }
.tb-narrow { display: none; }
@media (max-width: 640px) { .tb-wide { display: none; } .tb-narrow { display: block; } .toolbar--wide .timer { font-size: 1rem; } }
/* virka vísbendingin: „23L“ + vísbending, ljósblátt */
.current-clue { background: var(--cluebar); color: var(--ink); }
.current-clue button { color: var(--ink); }
.current-clue__body { justify-content: flex-start; align-items: center; text-align: left; font-size: 1.15rem; gap: 1rem; padding: .9rem 1rem; }
@media (min-width: 761px) { .current-clue__step { display: none; } }
/* stærri stafir og þykkari svartur rammi */
.grid { border-width: 4px; border-color: var(--grid-border, var(--cell-black)); }
.cell input.cell__input { font-weight: 400; }
.clue-list button[aria-current="true"] { background: var(--cell-word); border-left-color: var(--cell-word); }
.clue-list button[data-cross="true"] { border-left-color: var(--cell-word); }
.clue-list button[data-done="true"] { color: var(--muted); opacity: .5; }
.clues h2 { font-family: var(--sans); }

/* ---------- upphafssíðan: blað ofan á gátunni ---------- */
body.has-intro { overflow: hidden; }
.intro-sheet { position: fixed; inset: 0; z-index: 50; background: var(--stand-intro); color: var(--stand-ink); display: grid; place-items: center; text-align: center;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); will-change: transform; }
/* mjúkur hali neðan á blaðinu: liggur neðan við skjáinn og sést aðeins þegar blaðinu er lyft */
.intro-sheet::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 45vh; pointer-events: none;
  background: linear-gradient(to bottom, var(--stand-intro) 0%, color-mix(in srgb, var(--stand-intro) 60%, transparent) 35%, transparent 100%); }
.intro-sheet.is-leaving { transform: translateY(calc(-100% - 45vh)); opacity: 0; transition: transform 1.2s cubic-bezier(.65, 0, .35, 1), opacity 1.2s cubic-bezier(.4, 0, .6, 1); }
.intro-sheet__body { animation: intro-rise .6s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes intro-rise { from { opacity: 0; transform: translateY(28px); } }
.intro-icon { width: 60px; height: 60px; border-radius: 7px; background: #121212; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; padding: 3px; margin: 0 auto .9rem; }
.intro-icon i { background: #fff; border-radius: 1px; }
.intro-icon i.b { background: transparent; }
.intro-sheet h1 { font: 800 clamp(1.9rem, 5vw, 2.4rem)/1 var(--display); margin: 0 0 .35rem; color: var(--stand-ink); }
.intro-title { font: 300 clamp(1.35rem, 3.5vw, 1.75rem)/1.2 var(--display); margin: 0 0 1.4rem; }
.intro-ready { font: 300 clamp(1.3rem, 3.5vw, 1.7rem)/1.2 var(--display); margin: 0 0 1.4rem; }
#intro-go { width: min(190px, 70vw); padding: .6rem 0; font-size: .92rem; }
.link-btn { background: none; border: 0; min-height: 0; color: var(--stand-ink); text-decoration: underline; text-underline-offset: .2em; margin-top: .8rem; padding: .2rem; font-size: .9rem; }
.intro-meta { margin-top: 1.1rem; display: grid; gap: .15rem; font-size: .8rem; }
.intro-meta b { font-size: .9rem; }
@media (prefers-reduced-motion: reduce) { .intro-sheet__body { animation: none; } .intro-sheet.is-leaving { transition: none; } a.card { transition: none; } }

/* í stað style-eiginda sem CSP bannar */
.dialog__actions--top { margin: 0 0 1rem; }
.smidja__subs-h { margin-top: 1.5rem; }

/* stillingagluggi á gátusíðunni */
.settings-dialog .setlist { margin-top: .25rem; }
.settings-dialog .set:last-child { border-bottom: 0; }

/* hausinn er fastur efst þegar skrunað er; það sem límist undir honum færist niður um hæð hans */
:root { --head-h: 69px; }
.site-header.topline { position: sticky; top: 0; z-index: 30; }
@media (max-width: 760px) { .current-clue { top: var(--head-h); } }
@media (min-width: 761px) { .clues-panel { top: calc(var(--head-h) + 1rem); } }
@media (min-width: 901px) { .smidja__list { top: calc(var(--head-h) + 1rem); max-height: calc(100vh - var(--head-h) - 2rem); } }
.tut { scroll-margin-top: calc(var(--head-h) + 1rem); }

/* ==========================================================================
   Sími (≤560px nema annað sé tekið fram): þétt útlit, tölvuútlitið óbreytt
   ========================================================================== */
@media (max-width: 560px) {
  /* haus */
  :root { --head-h: 55px; }
  .topline__inner { min-height: 54px; }
  .logo { font-size: 1.75rem; }
  .acct-btn, button.acct-btn { padding: .35rem .95rem; min-height: 34px; font-size: .9rem; }

  /* fótur: tveir dálkar, minna letur */
  .foot { font-size: .95rem; }
  .foot__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem 1rem; padding-block: 2rem 2.4rem; }
  .foot__about { grid-column: 1 / -1; }
  .foot__about p { font-size: 1.05rem; line-height: 1.45; }
  .foot h2 { margin-bottom: .7rem; font-size: .75rem; }
  .foot ul { gap: .6rem; margin-bottom: 1.2rem; }
  .foot nav:last-child { grid-column: 1 / -1; }
  .foot nav:last-child ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* forsíða: vikan í einni línu, lág og breið spjöld með tákni vinstra megin */
  .stand__inner { padding-block: 1rem 2rem; }
  .weekbar { gap: .6rem; margin-bottom: 1rem; }
  .weekbar h2 { min-width: 0; font-size: 1rem; }
  .weekbar button { width: 38px; height: 38px; min-height: 38px; }
  .wk-year { display: none; }
  .cards { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .card { padding: 1rem 1.1rem; gap: .25rem; box-shadow: 0 5px 0 var(--stand-shadow); }
  .card:not(.card--stats) { grid-template-columns: auto minmax(0, 1fr); column-gap: 1rem; text-align: left; align-items: center; }
  .card:not(.card--stats) > * { grid-column: 2; }
  .card:not(.card--stats) > .tile { grid-column: 1; grid-row: 1 / span 8; align-self: center; width: 64px; height: 64px; margin: 0; border-radius: 12px; }
  .card:not(.card--stats) .mini { width: 42px; padding: 3px; }
  .card:not(.card--stats) .card__rule { display: none; }
  /* í síma aðeins dagur, dagsetning og höfundur við táknið; stærðin sést á tákninu */
  .card__size, .card__title { display: none; }
  .card h3 { font-size: 1.6rem; }
  .card__date { font-size: .95rem; }
  .card__title { font-size: 1.05rem; }
  .card__by { font-size: .85rem; }
  .card--stats { gap: .55rem; }
  .card--stats h4 { font-size: 1.05rem; }
  .tile__mark { width: 24px; height: 24px; font-size: .75rem; right: -6px; bottom: -6px; border-width: 2px; }

  /* undirsíður */
  .band__inner { padding-block: 1.4rem 1.6rem; }
  .band p { font-size: 1.1rem; }
  .page-body { padding-block: 1.5rem 2.5rem; }

  /* safn: dagsetningin undir titlinum í stað þess að hverfa */
  .row { grid-template-columns: 2rem minmax(0, 1fr) auto; grid-template-areas: "i t s" "i d s"; row-gap: .15rem; padding: .6rem .8rem; }
  .row > .mini { grid-area: i; }
  .row > span:nth-child(2) { display: block; grid-area: d; font-size: .82rem; color: var(--soft); }
  .row > span:nth-child(2) small { display: inline; font-size: inherit; margin-left: .3rem; }
  .row__t { grid-area: t; }
  .row__st { grid-area: s; font-size: .85rem; }

  /* tölfræði: fyrsta reitur yfir alla breidd, svo 2 + 2 */
  .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
  .tile2:first-child { grid-column: 1 / -1; }
  .tile2 { padding: .8rem; }
  .tile2 b { font-size: 1.8rem; }
}

/* gátusíðan í síma: grindin fær plássið */
@media (max-width: 640px) {
  main.puzzle-main { padding-top: .7rem; }
  .back-link { display: none; }
  .puzzle-head { gap: .1rem .6rem; margin-bottom: .5rem; }
  .puzzle-head h1 { font-size: 1.6rem; }
  .puzzle-head time { font-size: 1rem; }
  .puzzle-line { font-size: .85rem; color: var(--soft); }
  .toolbar--wide { min-height: 48px; margin-bottom: .6rem; }
  /* vísbendingin: númer og stefna smátt fyrir ofan, vísbendingin í fullri breidd */
  .current-clue { min-height: 0; }
  .current-clue__step { min-width: 34px; padding: 0 .25rem; font-size: 1.6rem; }
  .current-clue__body { flex-direction: column; align-items: flex-start; justify-content: center; gap: .1rem; padding: .5rem .35rem; font-size: 1rem; }
  .current-clue__num { font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; color: var(--soft); }
  .current-clue__text { flex: none; }
}

/* safn: stærðin slitnar aldrei frá og í síma sést ártalið í vikuheitinu, ekki í hverri línu */
.row__sz { white-space: nowrap; }
@media (max-width: 560px) { .row__yr { display: none; } }

/* iOS stækkar annars letur sjálft, t.d. þegar síminn snýr á hlið */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* grindin er alltaf miðjuð þegar hún er mjórri en dálkurinn (t.d. í síma þar sem hæðin takmarkar hana) */
.grid-wrap { margin-inline: auto; }
.pause-cover { left: 0; right: 0; }

/* iOS Safari súmmar inn þegar reitur með letri undir 16px fær fókus; stafurinn er því aldrei minni en 1rem */
.cell input.cell__input { font-size: clamp(1rem, 66cqi, 2.4rem); }

/* Rými neðst á gátusíðunni svo lesandinn geti skrunað aðeins lengra niður (beiðni 2026-10-23).
   Ekki í símaútlitinu (≤ 640 px), sem helst óbreytt. Síðan er minnst 1 cm hærri en skjárinn,
   líka þegar lítil gáta kemst öll fyrir. */
@media (min-width: 641px) {
  main.puzzle-main { padding-bottom: calc(1rem + 1cm); }
  body.puzzle-page:not(.has-intro) { min-height: calc(100dvh + 1cm); }
}

/* Forsíða: öll spjöld vikunnar í einni línu, líka sjö gátur. Komist þau ekki fyrir má skruna
   til hliðar; tölfræðispjaldið er alltaf síðast, lengst til hægri. Símaútlitið (≤ 560 px) helst óbreytt. */
@media (min-width: 561px) {
  .cards { display: flex; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x proximity; padding: .3rem .25rem 1rem; margin-inline: -.25rem; }
  /* sama hæð og tölfræðispjaldið, líka í vikum þar sem það er ekki (aðrar vikur en sú yfirstandandi) */
  .cards > .card { flex: 0 0 255px; min-width: 0; min-height: 27.6rem; scroll-snap-align: start; }
  /* miðjað þegar allt kemst fyrir, en byrjar vinstra megin þegar þarf að skruna */
  .cards > .card:first-child { margin-inline-start: auto; }
  .cards > .card:last-child { margin-inline-end: auto; }
}

/* Skrunstika spjaldaraðarinnar á forsíðunni: þunn, ávöl og í litum bláa borðans */
@media (min-width: 561px) {
  /* Firefox: staðlaða leiðin. Chrome og Safari nota ::-webkit-scrollbar hér fyrir neðan (án örva). */
  @supports not selector(::-webkit-scrollbar) {
    .cards { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--card) 80%, transparent) color-mix(in srgb, var(--stand-shadow) 55%, transparent); }
  }
  .cards::-webkit-scrollbar { height: 10px; }
  .cards::-webkit-scrollbar-track { background: color-mix(in srgb, var(--stand-shadow) 55%, transparent); border-radius: 999px; margin-inline: .5rem; }
  .cards::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--card) 80%, transparent); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
  .cards::-webkit-scrollbar-thumb:hover { background-color: var(--card); }
  .cards::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
}

/* Vikuskipti á forsíðunni: afrit gömlu vikunnar dofnar ofan á þeirri nýju (sjá changeWeek í forsida.js) */
.stand__inner { position: relative; }
.cards--ghost { position: absolute; margin: 0 !important; pointer-events: none; z-index: 1; }
@media (min-width: 561px) {
  /* spjöld sem lyftast upp mega ekki kalla fram lóðrétta skrunstiku í röðinni */
  .cards { overflow-y: hidden; }
}

/* Tölfræðispjaldið án tölfræði (enginn leyst 5×5 gátu enn): textinn í miðju spjaldsins, lóðrétt */
.card--stats:has(> .card__guest) { align-content: center; }