/* Eign: Reykjavík Locals – Pub Crawl-appið */
:root{
  --navy:#0F2747;--navy-2:#16345C;--navy-3:#21436F;--ink:#EDE7DD;--muted:#B3BED3;--yellow:#F4B02A;--yellow-2:#F7BE45;--coral:#EB5D3A;--ok:#7ED3A4;--no:#F29A84;
  --line:#2A4A75;--serif:"Playfair Display",Georgia,serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --tabs-h:64px;--r:16px;
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--navy);color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--yellow)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;border-radius:8px}
[hidden]{display:none!important}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:20px;height:20px;flex:none}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em}

/* Hæ!-merkið */
.hb{position:relative;display:inline-block;background:var(--yellow);color:var(--navy);font:900 18px/1 var(--serif);padding:.16em .42em .22em;border-radius:.28em;white-space:nowrap}
.hb::after{content:"";position:absolute;left:.5em;bottom:-.4em;border-left:.5em solid var(--yellow);border-bottom:.42em solid transparent}
.hb-lg{font-size:40px}

/* Hnappar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:var(--navy-3);color:var(--ink);font-weight:800;text-decoration:none;transition:background .15s,transform .1s}
.btn:active{transform:translateY(1px)}
.btn.y{background:var(--yellow);color:var(--navy)}
.btn.y:hover{background:var(--yellow-2)}
.btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 2px var(--muted)}
.btn.lg{min-height:56px;font-size:17px}
.btn.block{width:100%}
.btn:disabled,.btn[aria-disabled=true]{background:var(--navy-2);color:var(--muted);box-shadow:none}
.linkish{background:none;border:0;padding:0;color:var(--yellow);text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* Ræsing */
.pc-boot{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--muted)}

/* ---------- Byrjun ---------- */
.join{max-width:460px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 22px 40px;display:flex;flex-direction:column;gap:16px;min-height:100dvh}
.join-top{padding-top:12px}
.join-h{margin:10px 0 0;font:900 clamp(46px,13vw,64px)/.98 var(--serif);letter-spacing:-.02em;color:#fff}
.join-p{margin:0;color:var(--muted);font-size:17px}
.join-f{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.fld{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}
.fld i{font-style:normal;font-weight:500;color:var(--muted)}
.fld input,.fld textarea,.row-f input{width:100%;min-height:52px;border-radius:14px;border:2px solid var(--line);background:var(--navy-2);padding:12px 14px;font-size:17px}
.fld input:focus,.fld textarea:focus,.row-f input:focus{outline:none;border-color:var(--yellow)}
#code{font:800 26px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.tick{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
.tick input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--yellow)}
.f-err{margin:0;color:var(--no);font-weight:700}
.join-buy{margin:4px 0 0;text-align:center;font-weight:600}
.join-fine{margin:auto 0 0;font-size:13px;color:var(--muted);text-align:center}

/* ---------- Aðalskjár ---------- */
.pc-main{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--navy);z-index:5}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.wm{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.wm b{font:800 18px var(--serif);color:#fff}
.wm i{font-style:normal;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.pts{background:var(--ink);color:var(--navy);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.pts b{font-weight:900}
.views{position:relative;flex:1;min-height:0;z-index:0}
.view{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.v-map{bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom));overflow:hidden}
.view:not(.v-map){padding:4px 16px calc(28px + var(--tabs-h))}
.view > *{max-width:640px;margin-left:auto;margin-right:auto}
.tabs{position:fixed;left:0;right:0;bottom:0;height:calc(var(--tabs-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(15,39,71,.96);border-top:1px solid var(--line);z-index:600;backdrop-filter:blur(8px)}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:var(--muted);font-size:12px;font-weight:700}
.tab.on{color:var(--yellow)}
.tab .ic{width:22px;height:22px}

.v-head{padding:10px 0 6px}
.v-head h1{margin:0;font:900 34px/1.05 var(--serif);color:#fff}
.v-sub{margin:6px 0 0;color:var(--muted)}
.chips{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}
.chip{flex:none;border:0;border-radius:999px;min-height:38px;padding:0 14px;background:var(--navy-2);color:var(--ink);font-size:14px;font-weight:700;box-shadow:inset 0 0 0 1.5px var(--line)}
.chip.on{background:var(--yellow);color:var(--navy);box-shadow:none}
.card{background:var(--navy-2);border-radius:var(--r);padding:16px;margin-top:12px}
.card h2{margin:0 0 8px;font:800 20px var(--serif);color:#fff}
.card p{margin:0 0 10px;color:var(--muted)}
.empty{color:var(--muted);list-style:none;padding:12px 0}
.ok{color:var(--ok)}.no{color:var(--no)}

/* Kort */
.map{position:absolute;inset:0;background:#0d1e36}
.leaflet-container{font:inherit;background:#0d1e36}
.leaflet-bar a{background:var(--navy-2);color:var(--ink);border-color:var(--line)}
.leaflet-control-attribution{background:rgba(15,39,71,.8)!important;color:var(--muted)!important;font-size:10px}
.leaflet-control-attribution a{color:var(--ink)!important}
.osm-dim{filter:invert(1) hue-rotate(190deg) brightness(.85) contrast(.9) saturate(.5)}
.bm{display:flex;align-items:center;justify-content:center}
.bm span{display:block;width:14px;height:14px;border-radius:50%;background:#6E7F9E;box-shadow:0 0 0 3px rgba(15,39,71,.9)}
.bm-open span{background:var(--yellow);width:16px;height:16px;box-shadow:0 0 0 3px rgba(15,39,71,.9),0 0 14px rgba(244,176,42,.7)}
.bm-closed span{background:#55657f}
.bm-v span{width:30px;height:30px;background:var(--coral);color:#fff;font:800 14px/30px var(--sans);text-align:center;box-shadow:0 0 0 3px var(--navy)}
.me-dot{border-radius:50%;background:#4FA3FF;box-shadow:0 0 0 4px rgba(255,255,255,.95),0 2px 8px rgba(0,0,0,.4)}
.me-ring{fill:#4FA3FF;fill-opacity:.12;stroke:#4FA3FF;stroke-opacity:.5;stroke-width:1}
.fab{position:absolute;right:12px;bottom:28px;z-index:500;width:52px;height:52px;border-radius:50%;border:0;background:var(--navy-2);color:var(--ink);box-shadow:0 6px 18px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
.near{position:absolute;left:12px;right:76px;bottom:24px;z-index:500;display:flex;align-items:center;gap:12px;background:var(--ink);color:var(--navy);border-radius:var(--r);padding:12px 12px 12px 16px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.near div{display:flex;flex-direction:column;min-width:0;flex:1}
.near b{font:800 18px var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.near span{font-size:13px}
.near .btn{flex:none;min-height:44px;padding:0 16px}

/* Spjald bars */
.sheet{position:fixed;left:0;right:0;bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom));z-index:700;max-height:calc(100dvh - var(--tabs-h) - 90px);overflow-y:auto;background:var(--ink);color:var(--navy);border-radius:22px 22px 0 0;padding:10px 20px 20px;box-shadow:0 -12px 40px rgba(0,0,0,.45);transform:translateY(12px);opacity:0;transition:transform .2s,opacity .2s}
.sheet.in{transform:none;opacity:1}
@media (min-width:700px){.sheet{left:50%;width:520px;margin-left:-260px}}
.sh-grab{width:44px;height:5px;border-radius:3px;background:#c9c0b1;margin:0 auto 8px}
.sheet h2{margin:4px 44px 4px 0;font:900 28px/1.1 var(--serif)}
.sheet .ok{color:#1d7a47}.sheet .no{color:#B3261E}
.sh-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-weight:700;font-size:14px;color:#4A5670}
.kinds{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.kinds span{background:#E3DACB;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}
.sh-p{margin:10px 0 0}
.sh-tip{margin:10px 0 0;background:#fff;border-radius:12px;padding:10px 12px;font-size:15px}
.sh-tip b{display:block;font-size:13px;color:var(--coral)}
.sh-done{display:flex;gap:8px;align-items:center;margin:12px 0 0;font-weight:700;color:#1d7a47}
.sh-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sh-acts .btn{flex:1 1 150px}
.sheet .btn.ghost{color:var(--navy);box-shadow:inset 0 0 0 2px #c9c0b1}
.sheet .btn[aria-disabled=true]{background:#E3DACB;color:#6c7486}
.sh-hint,.sh-addr{margin:10px 0 0;font-size:14px;color:#4A5670}
.offer{margin:12px 0 0;background:#FDF3DD;border-radius:12px;padding:10px 12px;font-size:15px}
.offer b{color:var(--navy)}
.m-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center}

/* Barir */
.route{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.route li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.route .rn{width:28px;height:28px;border-radius:50%;background:var(--coral);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex:none}
.route .linkish{color:var(--ink);text-decoration:none;font-weight:700;text-align:left;flex:1}
.route time{color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}
.bars{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.bar{width:100%;text-align:left;border:0;border-radius:var(--r);background:var(--navy-2);padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.b-name{font:800 19px var(--serif);color:#fff}
.b-meta{display:flex;gap:12px;font-size:13px;font-weight:700;color:var(--muted)}
.b-short{font-size:14px;color:var(--muted)}

/* Áskoranir */
.chs{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.ch{width:100%;display:flex;gap:14px;align-items:center;text-align:left;border:0;border-radius:var(--r);background:var(--navy-2);padding:12px 14px}
.ch-pts{flex:none;width:52px;height:52px;border-radius:14px;background:var(--navy-3);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size:19px;color:var(--yellow);line-height:1}
.ch-pts small{font-size:11px;font-weight:700;color:var(--muted);margin-top:2px}
.ch-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.ch-t{font-weight:700;color:#fff}
.ch-k{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted)}
.ch-k .ic{width:14px;height:14px}
.ch.done{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}
.ch.done .ch-pts{background:var(--yellow);color:var(--navy)}
.ch.done .ch-t{color:var(--muted)}
.ch.locked{opacity:.6}

/* Gluggi (áskorun) */
.m-host{position:fixed;inset:0;z-index:900;background:rgba(5,14,28,.6);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .15s}
.m-host.in{opacity:1}
.m-box{position:relative;width:100%;max-width:520px;max-height:90dvh;overflow-y:auto;background:var(--ink);color:var(--navy);border-radius:22px 22px 0 0;padding:22px 20px calc(24px + env(safe-area-inset-bottom));outline:none}
@media (min-width:600px){.m-host{align-items:center}.m-box{border-radius:22px}}
.m-pts{margin:0;font-size:13px;font-weight:800;color:var(--coral)}
.m-h{margin:4px 40px 8px 0;font:900 26px/1.15 var(--serif)}
.m-note{margin:0 0 14px;color:#4A5670}
.m-fine{margin:8px 0 12px;font-size:13px;color:#4A5670}
.m-done,.m-lock{display:flex;gap:8px;align-items:flex-start;margin:6px 0 0;font-weight:700}
.m-done{color:#1d7a47}
.m-box .fld textarea{background:#fff;border-color:#d6ccbb;color:var(--navy)}
.m-box .btn.ghost{color:var(--navy);box-shadow:inset 0 0 0 2px #c9c0b1}
.m-box .f-err{color:#B3261E}
.m-form{display:flex;flex-direction:column;gap:12px}
.quiz{display:flex;flex-direction:column;gap:8px}
.q-opt{min-height:52px;text-align:left;border:0;border-radius:14px;background:#fff;padding:12px 16px;font-weight:700;box-shadow:inset 0 0 0 2px #d6ccbb}
.q-opt.picked{box-shadow:inset 0 0 0 3px var(--navy)}
.q-opt:disabled{cursor:default}
.photo-in{display:flex;position:relative}
.photo-in input{position:absolute;inset:0;opacity:0;cursor:pointer}
.photo-in span{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:120px;border-radius:16px;border:2px dashed #b9ae9b;font-weight:800}
.photo-in:focus-within span{outline:3px solid var(--yellow);outline-offset:2px}
.photo-prev{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:14px;margin-top:10px}
.counter{display:flex;align-items:baseline;gap:10px;margin:4px 0 12px}
.c-n{font:900 54px/1 var(--serif)}
.m-box .btn.lg + .btn.lg,.m-box .btn.ghost.lg{margin-top:4px}

/* Kvöldið */
.row-f{display:flex;gap:8px}
.row-f input{flex:1;min-width:0}
.invite{display:flex;gap:16px;align-items:center}
.inv-qr{flex:none;width:118px;height:118px;background:#fff;border-radius:12px;padding:6px}
.inv-qr svg{display:block;width:100%;height:100%}
@media (max-width:380px){.invite{flex-direction:column;align-items:flex-start}}
.who{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.who li{background:var(--navy-3);border-radius:999px;padding:4px 12px;font-weight:700}
.who i{font-style:normal;color:var(--muted);font-weight:500}
.board{margin:0;padding:0;list-style:none;counter-reset:b}
.board li{counter-increment:b;display:grid;grid-template-columns:28px 1fr auto 48px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.board li::before{content:counter(b);font-weight:800;color:var(--muted)}
.board li span:nth-child(2){font-size:13px;color:var(--muted)}
.board li b{text-align:right;font-variant-numeric:tabular-nums}
.board li.me{color:var(--yellow)}
.board li.empty::before{content:none}
.safe ul{margin:0;padding-left:18px;color:var(--muted);display:flex;flex-direction:column;gap:6px}
#toEnd{margin-top:18px}
.fine-c{text-align:center;font-size:13px;color:var(--muted);margin-top:16px}

/* Lokamynd */
.end-img{margin-top:12px;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.end-img canvas{display:block;width:100%;height:auto}
.end-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.rv-b{display:flex;flex-wrap:wrap;gap:8px}
#endBack{margin-top:14px}

/* Tilkynning */
.toast{position:fixed;left:50%;top:calc(72px + env(safe-area-inset-top));transform:translateX(-50%);z-index:1000;width:min(92vw,460px);background:#fff;color:var(--navy);border-radius:14px;padding:12px 16px;font-weight:600;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.pc-join .toast{top:auto;bottom:24px}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Myndaval á minningarmyndinni */
.pick{margin-top:14px}
.ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.ph{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:12px;overflow:hidden;background:var(--navy-3);box-shadow:inset 0 0 0 2px var(--line);opacity:.55}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph.on{opacity:1;box-shadow:0 0 0 3px var(--yellow)}
.ph-n{position:absolute;top:6px;left:6px;width:24px;height:24px;border-radius:50%;background:var(--yellow);color:var(--navy);font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}
.ph-add{opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer;border:2px dashed var(--line);box-shadow:none}
.ph-add input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ph-add:focus-within{outline:3px solid var(--yellow);outline-offset:2px}

.sh-skal{margin-top:12px}

/* Halda öllu og Local Walk */
.keep .end-acts{margin-top:8px}
.keep .btn{min-height:48px}
.lw-ad{background:linear-gradient(135deg,#1e4d6b,#16345C);box-shadow:inset 0 0 0 1.5px rgba(141,186,216,.35)}
.lw-ad .lw-k{margin:0;color:#8dbad8;font-weight:800;font-size:13px}
.lw-ad h2{margin-top:2px}
.lw-ad .btn{margin-top:4px}

/* ================================================================ Partýútlit (26. okt.)
   Norðurljósabakgrunnur á dökkum grunni, neon-ljómi á merkjum og stigum, stórt þykkt letur á stigum og fögnuði.
   Gult er áfram aðalhnappurinn; magenta og grænblátt eru ljósin. */
:root{--magenta:#FF3D8B;--teal:#2EE6C5;--night:#0A1430}
body{background:var(--night)}
.pc-main,.pc-join,.pc-boot{background:
  radial-gradient(120% 60% at 0% 0%,rgba(46,230,197,.18),transparent 60%),
  radial-gradient(90% 55% at 100% 8%,rgba(255,61,139,.20),transparent 60%),
  radial-gradient(120% 60% at 50% 110%,rgba(244,176,42,.12),transparent 60%),var(--night)}
.top{background:rgba(10,20,48,.72);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.pts{background:var(--magenta);color:#fff;box-shadow:0 0 18px rgba(255,61,139,.55)}
.pts b{font-family:var(--serif)}
.btn.y{box-shadow:0 6px 22px rgba(244,176,42,.35)}
.v-head h1,.join-h{background:linear-gradient(92deg,#fff 0%,#fff 55%,#FFD9EA 80%,#BFF8EC 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.card,.bar,.ch{background:rgba(22,52,92,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ch.done .ch-pts{background:var(--teal);color:var(--night)}
.tab.on{color:var(--yellow);text-shadow:0 0 12px rgba(244,176,42,.6)}
.tabs{background:rgba(10,20,48,.92)}
.join-top .hb{transform:rotate(-4deg);box-shadow:0 0 34px rgba(244,176,42,.5)}
.chip.on{background:var(--magenta);color:#fff;box-shadow:0 0 14px rgba(255,61,139,.45)}

/* neon á kortinu */
.bm-open span{box-shadow:0 0 0 3px rgba(10,20,48,.9),0 0 10px 2px rgba(244,176,42,.9),0 0 26px 6px rgba(244,176,42,.45)}
.bm-v span{background:var(--magenta);box-shadow:0 0 0 3px var(--night),0 0 18px 4px rgba(255,61,139,.75)}
.near{background:linear-gradient(120deg,#FFF5E0,#FFE3F0)}

/* flipar: bingó / allar */
.seg{display:inline-flex;gap:4px;margin-top:12px;padding:4px;border-radius:999px;background:rgba(255,255,255,.07)}
.seg button{border:0;border-radius:999px;min-height:40px;padding:0 16px;background:transparent;color:var(--muted);font-weight:800;font-size:14px}
.seg button.on{background:var(--yellow);color:var(--navy)}

/* bingóspjaldið */
.bingo-head{display:flex;align-items:baseline;gap:12px;margin:14px 0 10px}
.big-n{font:900 64px/1 var(--serif);color:var(--yellow);text-shadow:0 0 24px rgba(244,176,42,.45)}
.bingo-head span{color:var(--muted);font-size:14px}
.bingo{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.bc{aspect-ratio:1;border:0;border-radius:12px;padding:5px;background:rgba(22,52,92,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.bc span{font-size:clamp(9px,2.6vw,13px);line-height:1.15;font-weight:700;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bc.hit{background:linear-gradient(140deg,var(--magenta),#B5179E);box-shadow:0 0 16px rgba(255,61,139,.55);color:#fff}
.bc.miss{opacity:.45;text-decoration:line-through}
.bc.free{flex-direction:column;gap:6px;background:rgba(244,176,42,.14);box-shadow:inset 0 0 0 1.5px rgba(244,176,42,.6)}
.bc.free .hb{font-size:14px}
.bc.free small{color:var(--yellow);font-weight:800;font-size:11px}
.bingo-note{color:var(--muted);font-size:13px;margin:10px 0 0}

/* fróðleikur á barnum */
.sh-fact{margin:12px 0 0;background:#EAF7F4;border-radius:12px;padding:10px 12px;font-size:15px}
.sh-fact b{display:block;font-size:13px;color:#0d7d68}

/* verðlaun kvöldsins */
.awards{margin-top:14px}
.awards h2{margin:0 0 8px;font:800 20px var(--serif);color:#fff}
.awards ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.awards li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;background:rgba(255,61,139,.12);box-shadow:inset 0 0 0 1.5px rgba(255,61,139,.55)}
.aw-t{font-size:12px;font-weight:800;color:var(--magenta)}
.awards b{font:900 22px/1.1 var(--serif);color:#fff}
.awards small{color:var(--muted)}
.fmt{margin:14px 0 0}

/* fögnuður */
.cele{position:fixed;inset:0;z-index:1200;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:cele 1.7s ease-out forwards}
.cele b{font:900 clamp(64px,22vw,120px)/1 var(--serif);color:var(--yellow);text-shadow:0 0 30px rgba(244,176,42,.8),0 0 60px rgba(255,61,139,.6);transform:rotate(-4deg)}
.cele span{margin-top:8px;font-weight:800;font-size:20px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
@keyframes cele{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.06)}25%{transform:scale(1)}80%{opacity:1}100%{opacity:0}}
.confetti{position:fixed;inset:0;width:100vw;height:100vh;z-index:1100;pointer-events:none}
@media (prefers-reduced-motion:reduce){.cele{animation:none;opacity:1}}
.pts b{font-family:var(--sans);font-weight:900}
.big-n,.cele b,.c-n{font-variant-numeric:lining-nums tabular-nums}
.bingo-head{margin-top:6px}
.bc span{overflow-wrap:anywhere;hyphens:auto}
/* WCAG 2.2 (2.5.8): snertisvæði að minnsta kosti 24×24 px */
.tick input, input[type="checkbox"] { width: 24px !important; height: 24px !important; flex: none; }
.linkish { min-height: 24px; padding-block: 3px; }