/* Flöskuskeyti: systir topp5, quis? og iss!. Handteiknað, litríkt, pínu skakkt, og með sjó. */
@font-face{font-family:Yuanmo;src:url('letur/yuanmo.woff2') format('woff2');font-display:swap}
@font-face{font-family:Yuanmo;src:url('letur/eth.ttf') format('truetype');unicode-range:U+00F0;font-display:swap}
@font-face{font-family:KissAndTell;src:url('letur/kissandtell.woff2') format('woff2');font-display:swap}
@font-face{font-family:BiffBamBoom;src:url('letur/biffbamboom.woff2') format('woff2');font-display:swap}

:root{
 --ink:#2a2633;--soft:#6a6475;--paper:#fffbf0;--page:#f6f1e3;
 --gul:#f7d44c;--graen:#8fd18b;--bleik:#f6a5c9;--bla:#8ccaf2;--raud:#f07a63;--fjola:#b9a3e8;
 --gul-t:#fff3c4;--graen-t:#e2f5dc;--bleik-t:#fde3ef;--bla-t:#ddf0fc;--raud-t:#fde0d8;--fjola-t:#ece5fa;
 --sandur:#f2dca8;
 --hand:Yuanmo,'Comic Sans MS','Chalkboard SE',cursive;
 --body:ui-rounded,'SF Pro Rounded',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
 --blodruletur:KissAndTell,Yuanmo,cursive;--hljodletur:BiffBamBoom,Yuanmo,cursive;
 --ritvel:'American Typewriter','Courier New',ui-monospace,monospace;
 --horn:22px 14px 26px 12px;
 --alda:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='70' viewBox='0 0 160 70'%3E%3Cpath d='M0 18C13 9 27 6 40 6s27 5 40 12 27 12 40 12 27-3 40-12V70H0Z' fill='%236db8e6'/%3E%3Cpath d='M0 18C13 9 27 6 40 6s27 5 40 12 27 12 40 12 27-3 40-12' fill='none' stroke='%232a2633' stroke-width='3.5'/%3E%3C/svg%3E");
 --alda-aftari:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='70' viewBox='0 0 160 70'%3E%3Cpath d='M0 18C13 9 27 6 40 6s27 5 40 12 27 12 40 12 27-3 40-12V70H0Z' fill='%23a9d8f2'/%3E%3Cpath d='M0 18C13 9 27 6 40 6s27 5 40 12 27 12 40 12 27-3 40-12' fill='none' stroke='%232a2633' stroke-opacity='.35' stroke-width='3'/%3E%3C/svg%3E");
 color:var(--ink);font-family:var(--body);font-synthesis:none;-webkit-text-size-adjust:100%;
}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{margin:0;min-height:100vh;background:var(--page);overflow-x:hidden;overflow-x:clip}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:disabled{cursor:default}
:focus-visible{outline:3px dashed var(--ink);outline-offset:3px}
h1:focus{outline:none}
[hidden]{display:none!important}
a{color:inherit}
.defs{position:absolute;width:0;height:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.c-gul{--c:var(--gul);--t:var(--gul-t)}.c-graen{--c:var(--graen);--t:var(--graen-t)}.c-bleik{--c:var(--bleik);--t:var(--bleik-t)}.c-bla{--c:var(--bla);--t:var(--bla-t)}.c-raud{--c:var(--raud);--t:var(--raud-t)}
.takn{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* Haus, eins og í topp5 */
.haus{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:10px max(16px,3vw);background:color-mix(in oklab,var(--page) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.haus::after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:6px;background:var(--ink);clip-path:polygon(0 30%,8% 55%,19% 25%,33% 60%,47% 30%,61% 58%,74% 28%,88% 62%,100% 35%,100% 70%,88% 90%,74% 62%,61% 92%,47% 64%,33% 94%,19% 60%,8% 88%,0 66%)}
.vorumerki{display:grid;gap:0;border:0;background:none;padding:0;text-align:left;line-height:.85;transform:rotate(-3deg);flex-shrink:0}
.vorumerki-nafn{font-family:var(--hand);font-size:42px;letter-spacing:-1px}
.vorumerki-nafn b{font-weight:400;color:var(--bla);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}
.vorumerki-fra{font-family:var(--hand);font-size:13px;color:var(--soft);margin:8px 0 0 3px}
.hljodtakki{margin-left:auto;width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;padding:0;border:2.5px solid var(--ink);border-radius:50% 45% 52% 48%;background:var(--paper);box-shadow:2px 2px 0 var(--ink)}
.hljodtakki[aria-pressed=false]{background:var(--page);color:var(--soft)}

main{max-width:1180px;margin:0 auto;padding:18px 16px 90px}

/* Takkar */
.takki{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:2.5px solid var(--ink);background:var(--c,var(--gul));color:var(--ink);font-family:var(--hand);font-size:22px;line-height:1.1;padding:10px 20px 7px;border-radius:18px 12px 20px 10px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-1deg);transition:transform .12s,box-shadow .12s,opacity .15s;text-decoration:none;text-align:center}
.takki:nth-child(2n){transform:rotate(1deg);border-radius:12px 18px 10px 20px}
.takki:hover:not(:disabled){transform:rotate(-2deg) scale(1.04)}
.takki:active:not(:disabled){transform:translate(3px,3px);box-shadow:none}
.takki:disabled{opacity:.45;box-shadow:none;transform:translate(3px,3px)}
.takki .takn{width:22px;height:22px}
.aukatakki{--c:var(--paper)}
.raudur{--c:var(--raud)}
.stor{font-size:26px;padding:14px 28px 10px;min-height:58px}
.litill{font-size:17px;min-height:38px;padding:7px 13px 5px;box-shadow:2px 2px 0 var(--ink)}
.litill-takki{flex-shrink:0;width:38px;height:38px;border:2px solid var(--ink);background:var(--paper);border-radius:50% 45% 52% 48%;padding:0;font-size:20px;line-height:1}
.tengill{border:0;background:none;color:var(--soft);text-decoration:underline dotted;font-size:15px;padding:4px}
.takkar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.takkar.litlir{gap:8px;justify-content:flex-start}
.nidri{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}
.midjad{justify-content:center;text-align:center}
input:not([type]),textarea{border:2px solid var(--ink);border-radius:12px 8px 14px 7px;background:#fff;padding:9px 12px;font-size:16px;min-width:0;width:100%}
textarea{resize:vertical;line-height:1.4}

/* Fyrirsagnir og smátexti */
.skjarhaus{text-align:center;max-width:720px;margin:4px auto 26px}
.skjarhaus h1{font-family:var(--hand);font-weight:400;font-size:clamp(34px,7vw,54px);line-height:1.05;margin:0 0 10px;transform:rotate(-1.2deg)}
.skjarhaus p{margin:0;color:var(--soft);font-size:17px;line-height:1.5}
.kafli{font-family:var(--hand);font-weight:400;font-size:clamp(30px,6vw,40px);line-height:1;margin:54px 0 20px;transform:rotate(-1deg)}
.abending{color:var(--soft);font-size:15px;line-height:1.5;text-align:center;max-width:540px;margin:14px auto}
.smatt-letur{font-size:14px;color:var(--soft)}
.tomt{font-family:var(--hand);text-align:center;font-size:22px;line-height:1.3;color:var(--soft);margin:20px 0}
.yfirskrift{font-family:var(--hand);font-size:21px;color:var(--soft);margin:0}
.spjald-merki{display:inline-block;justify-self:start;font-family:var(--hand);font-size:15px;line-height:1;background:var(--c,var(--paper));border:2px solid var(--ink);padding:5px 10px 2px;border-radius:10px 6px 12px 5px;transform:rotate(-4deg);box-shadow:2px 2px 0 var(--ink);margin:0 0 10px}
.teiknari-merki{display:inline-block;font-family:var(--hand);font-size:18px;line-height:1;background:var(--c);border:2px solid var(--ink);border-radius:10px 6px 12px 5px;padding:6px 11px 3px;transform:rotate(-3deg);box-shadow:2px 2px 0 var(--ink);overflow-wrap:anywhere}
.teiknari-merki.stort{font-size:30px;padding:9px 18px 5px}

/* Spjöld með skakkri útlínu */
.spjald{position:relative;isolation:isolate}
.spjald::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--t,var(--paper));border:2.5px solid var(--ink);border-radius:var(--horn);box-shadow:5px 6px 0 var(--c,var(--ink));filter:url(#wobble)}

/* Sjórinn og flaskan */
.hetja-haf,.litla-haf,.haf-stort,.fjara{position:relative;overflow:hidden;isolation:isolate}
.alda{position:absolute;left:0;right:0;bottom:0;z-index:2;height:70px;background:var(--alda) repeat-x 0 0/160px 70px;animation:alda 5s linear infinite;pointer-events:none}
.alda.aftari{z-index:0;bottom:18px;background-image:var(--alda-aftari);background-position-x:80px;animation-duration:8s;animation-direction:reverse}
@keyframes alda{to{background-position-x:160px}}
.alda.aftari{animation-name:alda-aftari}
@keyframes alda-aftari{to{background-position-x:240px}}
.rugg{position:absolute;z-index:1;left:50%;bottom:-8px;width:64px;margin-left:-32px;animation:rugg 3.2s ease-in-out infinite}
.rugg .flaska{transform:rotate(-64deg)}
@keyframes rugg{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(6deg)}}
.rugg.kemur{animation:rugg 3.2s ease-in-out infinite,kemur 1.1s cubic-bezier(.2,.9,.3,1.1) both}
@keyframes kemur{from{translate:-240px 10px}}
.rugg.rek{animation:rugg 3.2s ease-in-out infinite,rek 10s ease-in-out infinite}
@keyframes rek{0%,100%{translate:-90px 0}50%{translate:90px 0}}
.flaska{display:block;width:100%;height:auto;overflow:visible}
.flaska-gler{fill:color-mix(in oklab,var(--graen) 58%,transparent);stroke:var(--ink);stroke-width:4;stroke-linejoin:round}
.flaska-hals{fill:color-mix(in oklab,var(--graen) 70%,var(--paper));stroke:var(--ink);stroke-width:4;stroke-linejoin:round}
.flaska-korkur{fill:#c9955b;stroke:var(--ink);stroke-width:4;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}
.flaska-glampi{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;opacity:.75}
.midi-blad{fill:var(--paper);stroke:var(--ink);stroke-width:3;stroke-linejoin:round}
.midi-linur{fill:none;stroke:var(--soft);stroke-width:2.5;stroke-linecap:round;opacity:.6}
.midi-band{fill:none;stroke:var(--raud);stroke-width:4;stroke-linecap:round}
.poppar .flaska-korkur{animation:korkur .75s cubic-bezier(.2,.8,.4,1) forwards}
@keyframes korkur{to{transform:translate(30px,-170px) rotate(220deg);opacity:0}}
.rullast-ut{animation:rullast .6s cubic-bezier(.2,1.3,.4,1) both;transform-origin:50% 0}
@keyframes rullast{from{transform:scaleY(.08) rotate(-4deg);opacity:0}}
@keyframes nudge{50%{transform:scale(1.06) rotate(-2deg)}}

/* Ströndin */
.hetja{text-align:center;max-width:720px;margin:0 auto}
.hetja-haf{height:170px;max-width:640px;margin:-10px auto 6px;-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.hetja-haf .rugg{width:78px;margin-left:-39px}
.hetja h1{font-family:var(--hand);font-weight:400;font-size:clamp(40px,9vw,68px);line-height:1;margin:6px 0 14px;transform:rotate(-1.5deg)}
.merkt{display:inline-block;background:var(--gul);border:3px solid var(--ink);border-radius:16px 10px 18px 9px;padding:2px 14px 0;transform:rotate(2deg);box-shadow:4px 4px 0 var(--ink);animation:blikk 2.6s ease-in-out infinite}
@keyframes blikk{50%{background:var(--bla);transform:rotate(-2deg) scale(1.04)}}
.inngangur{font-size:18px;line-height:1.55;color:var(--soft);max-width:560px;margin:0 auto}
.skref{list-style:none;padding:0;margin:30px auto 0;max-width:960px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));counter-reset:skref}
.skref li{position:relative;padding:14px 16px 14px 62px;background:var(--t);border:2.5px solid var(--ink);border-radius:var(--horn);box-shadow:4px 4px 0 var(--c);font-size:15px;line-height:1.45;counter-increment:skref}
.skref li:nth-child(2n){border-radius:14px 22px 12px 26px;transform:rotate(.6deg)}
.skref li::before{content:counter(skref);position:absolute;left:12px;top:12px;width:38px;height:38px;display:grid;place-items:center;border:2.5px solid var(--ink);border-radius:50% 46% 52% 48%;background:var(--c);font-family:var(--hand);font-size:22px;padding-top:3px}
.skref b{display:block;font-family:var(--hand);font-weight:400;font-size:22px;line-height:1.1;margin-bottom:2px}
.a-reki{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;max-width:720px;margin:40px auto 0;padding:18px 22px}
.a-reki-flaska{width:56px;transform:rotate(-18deg);animation:rugg 3.2s ease-in-out infinite}
.a-reki h2{font-family:var(--hand);font-weight:400;font-size:28px;margin:0}
.a-reki-thema{font-family:var(--hand);font-size:22px;line-height:1.2;margin:4px 0}
.a-reki .takkar{justify-content:flex-start;margin-top:10px}
.staerdir{display:grid;gap:30px 26px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.staerd{display:grid;gap:14px;align-content:start;padding:18px 18px 22px}
.staerd:nth-child(2){transform:rotate(.6deg)}
.staerd-haus{display:flex;align-items:center;gap:14px}
.staerd-tala{font-family:var(--hand);font-size:84px;line-height:.8;color:var(--c);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);transform:rotate(-8deg);min-width:.7em;text-align:center;padding-top:.08em}
.staerd h3{font-family:var(--hand);font-weight:400;font-size:32px;line-height:1;margin:0}
.staerd-thema{margin:4px 0 0;color:var(--soft);font-size:15px;line-height:1.35}
.staerd-taktur{margin:0;font-size:14px;color:var(--soft)}
.staerd>.takki{justify-self:start}
.bradum{justify-self:start;font-family:var(--hand);font-size:22px;border:3px solid var(--raud);color:#c24a33;padding:5px 14px 1px;border-radius:8px;transform:rotate(-6deg);background:var(--paper)}
.safn{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.safnspjald{display:grid;gap:6px;text-align:left;border:2.5px solid var(--ink);background:var(--paper);border-radius:16px 10px 18px 9px;padding:10px 10px 12px;box-shadow:4px 4px 0 var(--bla);transition:transform .15s}
.safnspjald:nth-child(2n){box-shadow:4px 4px 0 var(--bleik)}
.safnspjald:hover{transform:rotate(-1deg) translateY(-3px)}
.safnspjald img{display:block;width:100%;height:auto;border:2px solid var(--ink);background:#fff}
.safnspjald b{font-family:var(--hand);font-weight:400;font-size:21px;line-height:1.1}
.safnspjald span{font-size:13px;color:var(--soft)}

/* Þemu: lítill miði, persónuspjald og sjókort */
.midi{position:relative;width:100%;max-width:520px;margin:12px auto 0;padding:28px 26px 24px;background:var(--paper) repeating-linear-gradient(transparent 0 35px,color-mix(in oklab,var(--bla) 40%,transparent) 35px 37px);border:2.5px solid var(--ink);box-shadow:5px 6px 0 var(--ink);transform:rotate(-1.5deg);border-radius:4px;text-align:center}
.midi::before{content:'';position:absolute;top:-14px;left:50%;width:110px;height:28px;margin-left:-55px;background:color-mix(in oklab,var(--gul) 75%,transparent);border:2px solid var(--ink);transform:rotate(-4deg)}
.midi p{font-family:var(--hand);font-size:clamp(26px,5vw,34px);line-height:1.15;margin:0;overflow-wrap:anywhere}
.midi .spjald-merki{--c:var(--bla-t)}
.midi.litid{padding:20px 16px 14px;transform:rotate(1deg);box-shadow:3px 3px 0 var(--ink)}
.midi.litid::before{width:70px;height:20px;margin-left:-35px;top:-10px}
.midi.litid p{font-size:20px}
.skrifa-midi textarea{border:0;background:transparent;font-family:var(--hand);font-size:clamp(24px,5vw,30px);line-height:1.2;text-align:center;resize:none;padding:4px}
.teljari{display:block;text-align:right;font-size:13px;color:var(--soft)}
.personuspjald{position:relative;width:100%;max-width:520px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;padding:16px 20px 18px;background:var(--bleik-t);border:2.5px solid var(--ink);border-radius:16px;box-shadow:5px 6px 0 var(--ink);transform:rotate(1deg);text-align:left}
.personuspjald .spjald-merki{grid-column:1/-1;--c:var(--paper)}
.personuspjald-mynd{width:78px;height:96px;border:2.5px solid var(--ink);border-radius:10px;background:radial-gradient(circle at 50% 38%,var(--ink) 0 16px,transparent 17px),radial-gradient(ellipse 36px 30px at 50% 108%,var(--ink) 0 98%,transparent),var(--paper)}
.personuspjald dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-content:center}
.personuspjald dt{font-family:var(--hand);font-size:15px;color:var(--soft);padding-top:5px}
.personuspjald dd{margin:0;font-family:var(--hand);font-size:21px;line-height:1.1}
.personuspjald.litid{padding:12px 14px;box-shadow:3px 3px 0 var(--ink);gap:4px 12px}
.personuspjald.litid .personuspjald-mynd{width:54px;height:66px;background-size:auto}
.personuspjald.litid dd{font-size:16px}
.sjokort{position:relative;width:100%;max-width:520px;margin:0 auto;padding:14px 20px 18px;background:repeating-linear-gradient(0deg,transparent 0 25px,#dfcd9f 25px 26px),repeating-linear-gradient(90deg,transparent 0 25px,#dfcd9f 25px 26px),#f4e7c6;border:2.5px solid var(--ink);border-radius:6px;box-shadow:5px 6px 0 var(--ink);transform:rotate(-1deg);text-align:center}
.sjokort .spjald-merki{--c:var(--paper)}
.sjokort-leid{display:block;width:100%;height:auto;margin:-4px 0 6px}
.sjokort-leid path{fill:none;stroke:var(--raud);stroke-width:3;stroke-dasharray:8 7;stroke-linecap:round}
.sjokort-leid .kross{stroke:var(--ink);stroke-dasharray:none;stroke-width:4}
.sjokort p{font-family:var(--hand);font-size:26px;line-height:1.15;margin:0}
.sjokort.litid{padding:10px 14px 12px;box-shadow:3px 3px 0 var(--ink)}
.sjokort.litid p{font-size:18px}

/* Áhöfnin */
.ahofn{list-style:none;margin:0 auto 16px;padding:0;display:grid;gap:12px;max-width:520px}
.ahofn li{display:flex;align-items:center;gap:10px}
.ahofn-merki{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:2.5px solid var(--ink);border-radius:50% 46% 52% 48%;background:var(--c);font-family:var(--hand);font-size:24px;padding-top:3px;box-shadow:2px 2px 0 var(--ink)}
.ahofn input{font-family:var(--hand);font-size:24px;padding:9px 14px 5px}
#svid>.takki.aukatakki{display:flex;margin:0 auto}
.rodin{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:22px auto 0;max-width:640px}
.rodin-merki{font-family:var(--hand);font-size:19px}
.rodin-leikmadur{border:2px solid var(--ink);background:var(--c);border-radius:12px 8px 14px 7px;padding:5px 12px 3px;font-size:15px}

/* Þemað og skeyti: tveir kostir */
.thema-svaedi{display:grid;gap:22px;justify-items:center;margin:10px auto;max-width:640px;min-height:220px}
.tveir-kostir{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:22px;width:100%}
.kostur{display:grid;justify-items:center;align-content:start;gap:8px;text-align:center;padding:24px 20px 22px;border:2.5px solid var(--ink);border-radius:var(--horn);background:var(--t);box-shadow:5px 6px 0 var(--c);transition:transform .15s}
.kostur:nth-child(2){border-radius:14px 22px 12px 26px}
.kostur:hover{transform:rotate(-1.5deg) translateY(-3px)}
.kostur .takn{width:48px;height:48px;stroke-width:1.8}
.kostur b{font-family:var(--hand);font-weight:400;font-size:28px;line-height:1.05}
.kostur span{color:var(--soft);font-size:15px;line-height:1.45}
.litla-haf{width:100%;max-width:440px;height:160px;border:2.5px solid var(--ink);border-radius:var(--horn);background:linear-gradient(var(--paper),var(--bla-t));box-shadow:4px 5px 0 var(--ink)}

/* Örkin */
.ork{display:block;width:100%;height:auto;overflow:visible}
.ork-midja{fill:none;stroke:color-mix(in oklab,var(--ink) 22%,transparent);stroke-width:2;stroke-dasharray:6 7}
.ork-skuggi{fill:none;stroke:var(--raud);stroke-width:6;stroke-linecap:round;transform:translate(3px,4px)}
.ork-lina{fill:none;stroke:var(--ink);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.ork-punktur circle{fill:var(--c,var(--paper));stroke:var(--ink);stroke-width:3}
.ork-punktur.buinn circle{fill:var(--ink)}
.ork-punktur.nuna circle{fill:var(--gul);animation:puls 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes puls{50%{transform:scale(1.22)}}
.ork text{font-family:var(--hand);font-size:17px;fill:var(--ink)}
.ork.med-tolum text{font-size:19px}
.thu-ert-her{font-size:16px;paint-order:stroke;stroke:var(--paper);stroke-width:5px;stroke-linejoin:round}
.ork.smatt .ork-lina{stroke-width:3.5}
.ork.smatt .ork-skuggi{stroke-width:4.5}
.arkir{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin:22px 0 0}
.orkuspjald{position:relative;display:grid;gap:8px;align-content:start;text-align:left;padding:16px 16px 14px;border:2.5px solid var(--ink);border-radius:var(--horn);background:var(--paper);box-shadow:4px 5px 0 var(--ink);transition:transform .15s,background .15s,box-shadow .15s;cursor:pointer}
.orkuspjald:nth-child(2n){border-radius:14px 22px 12px 26px}
.orkuspjald:hover{transform:rotate(-1deg)}
.orkuspjald[aria-checked=true]{background:var(--gul-t);box-shadow:5px 6px 0 var(--raud);transform:rotate(-1deg) scale(1.02)}
.orkuspjald[aria-checked=true]::after{content:'✓';position:absolute;right:-12px;top:-12px;width:38px;height:38px;display:grid;place-items:center;border:2.5px solid var(--ink);border-radius:50% 46% 52% 48%;background:var(--gul);font-size:20px;font-weight:800}
.orkuspjald.leitar{background:var(--bla-t);transform:scale(1.04)}
.orku-nafn{font-family:var(--hand);font-weight:400;font-size:28px;line-height:1}
.orku-lysing{font-size:15px;color:var(--soft);line-height:1.4}
.orku-slog{margin:0;padding-left:22px;font-size:14px;line-height:1.5}
.ritill .ork-handfang{cursor:ns-resize;touch-action:none;outline:none}
.ritill .grip{fill:transparent;stroke:none}
.ritill .ork-handfang circle:not(.grip){fill:var(--gul);stroke:var(--ink);stroke-width:3}
.ritill .ork-handfang:focus-visible circle:not(.grip){fill:var(--bleik);stroke-dasharray:4 3}

/* Að teikna */
.teikniskjar{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:30px;align-items:start}
.upplysingar{display:grid;gap:18px;position:sticky;top:96px}
.flosku-midi{background:var(--paper);border:2.5px solid var(--ink);border-radius:12px 8px 14px 7px;padding:12px 14px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-1deg)}
.flosku-midi p{font-family:var(--hand);font-size:22px;line-height:1.15;margin:0}
.flosku-midi .spjald-merki{--c:var(--graen)}
.stada{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--horn);padding:16px 14px 12px;box-shadow:3px 3px 0 var(--ink)}
.slag{display:grid;gap:3px;margin:8px 0 0;text-align:center}
.slag span{font-size:13px;color:var(--soft)}
.slag b{font-family:var(--hand);font-weight:400;font-size:24px;line-height:1.1}
.fyrri-rammi{margin:0;display:grid;gap:8px}
.fyrri-rammi figcaption{font-size:13px;color:var(--soft);text-align:center}
.mynd-takki{display:block;width:100%;padding:0;border:3px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--ink);transform:rotate(1.5deg);cursor:zoom-in}
.mynd-takki img{display:block;width:100%;height:auto}
.fyrstur{font-family:var(--hand);font-size:20px;line-height:1.2;text-align:center;background:var(--gul-t);border:2px dashed var(--ink);border-radius:12px;padding:14px;margin:0}
.skeytisreitur{display:grid;gap:10px}
.upprullad{position:relative;display:grid;gap:4px;justify-items:center;width:100%;padding:24px 16px 20px 40px;border:2.5px solid var(--ink);border-radius:40px 40px 14px 14px/18px 18px 14px 14px;background:linear-gradient(90deg,#eadcbb,var(--paper) 22%,var(--paper) 82%,#eadcbb);box-shadow:4px 5px 0 var(--ink);animation:nudge 1.6s ease-in-out infinite}
.upprullad b{font-family:var(--hand);font-weight:400;font-size:24px}
.upprullad span:last-child{font-size:14px;color:var(--soft)}
.upprullad-band{position:absolute;left:18px;top:-2px;bottom:-2px;width:12px;background:var(--raud);border-left:2px solid var(--ink);border-right:2px solid var(--ink)}
.teiknisvaedi{display:grid;gap:14px;justify-items:center;min-width:0}
.teikna-titill{font-family:var(--hand);font-weight:400;font-size:clamp(26px,4vw,36px);line-height:1.2;margin:0;text-align:center}
.rammi-hylki{position:relative;width:min(100%,720px,calc(100svh - 300px));max-width:100%;aspect-ratio:1;background:#fff;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.rammi-hylki canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.lag-ofan{cursor:crosshair}
.limmidaritill{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%;max-width:720px;padding:10px;background:var(--gul-t);border:2px dashed var(--ink);border-radius:14px}
.ritill-reitur{display:flex;align-items:center;gap:8px;flex:1 1 240px}
.ritill-merki{font-family:var(--hand);font-size:17px;white-space:nowrap}
.tolastika{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;align-items:center;width:100%;max-width:720px}
.tolahopur{display:flex;gap:6px;align-items:center}
.toltakki{width:48px;height:48px;display:grid;place-items:center;padding:0;border:2.5px solid var(--ink);border-radius:14px 10px 15px 9px;background:var(--paper);box-shadow:2px 2px 0 var(--ink);transition:transform .1s,background .1s}
.toltakki .takn{width:26px;height:26px}
.toltakki[aria-pressed=true]{background:var(--gul);transform:rotate(-4deg) translateY(-2px);box-shadow:3px 4px 0 var(--ink)}
.toltakki.limm{background:var(--bla-t)}
.toltakki:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}
.toltakki:disabled{opacity:.35}
.pennastaerd{width:44px;height:44px;display:grid;place-items:center;padding:0;border:2.5px solid var(--ink);border-radius:50% 45% 52% 48%;background:var(--paper)}
.pennastaerd span{width:var(--b);height:var(--b);border-radius:50%;background:var(--ink)}
.pennastaerd[aria-pressed=true]{background:var(--gul);box-shadow:2px 2px 0 var(--ink)}
.litir{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;max-width:460px}
.litur{width:34px;height:34px;padding:0;border:2.5px solid var(--ink);border-radius:46% 54% 41% 59%;background:var(--l);transition:transform .1s}
.litur:nth-child(3n){border-radius:54% 46% 59% 41%}
.litur[aria-pressed=true]{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--ink);transform:rotate(-8deg) scale(1.08)}

/* Skeytin: hver tegund lítur út á sinn hátt */
.skeyti{position:relative;display:grid;gap:8px;padding:14px 14px 12px;background:var(--paper);border:2.5px solid var(--ink);border-radius:16px 10px 18px 9px;box-shadow:4px 5px 0 var(--ink);text-align:left}
.skeyti .spjald-merki{margin:0}
.skeyti-skyring{margin:0;font-size:14px;color:var(--soft);line-height:1.4}
.skeyti-fra{margin:0;font-size:13px;color:var(--soft);font-weight:700}
.skeyti-setning .spjald-merki{--c:var(--bla)}
.talbladra{position:relative;margin:2px 8px 24px;padding:18px 22px;background:#fff;border:3px solid var(--ink);border-radius:50%;text-align:center}
.talbladra::before{content:'';position:absolute;left:24%;bottom:-23px;border:12px solid transparent;border-top:22px solid var(--ink);border-bottom:0;transform:skewX(-24deg)}
.talbladra::after{content:'';position:absolute;left:calc(24% + 4.5px);bottom:-15px;border:8px solid transparent;border-top:15px solid #fff;border-bottom:0;transform:skewX(-24deg)}
.talbladra p{margin:0;font-family:var(--blodruletur);font-size:22px;line-height:1.2;overflow-wrap:anywhere}
.skeyti-hljod{background:var(--raud-t)}
.skeyti-hljod .spjald-merki{--c:var(--raud)}
.hljodstafir{text-align:center;padding:6px 0 4px;overflow:hidden}
.hljodstafir p{display:inline-block;margin:0;font-family:var(--hljodletur);font-size:clamp(32px,5vw,46px);line-height:1;color:var(--gul);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);transform:rotate(-5deg);text-transform:uppercase;overflow-wrap:anywhere}
.skeyti-atvik{background:#f7f0dc}
.skeyti-atvik .spjald-merki{--c:var(--paper)}
.simskeyti{border:2px solid var(--ink);background:#fffdf3;padding:0 0 12px;overflow:hidden}
.simskeyti-haus{display:block;background:var(--ink);color:var(--paper);font-family:var(--ritvel);font-size:11px;letter-spacing:.2em;padding:4px 8px;white-space:nowrap;overflow:hidden}
.simskeyti p{margin:10px 12px 0;font-family:var(--ritvel);font-size:17px;line-height:25px;text-transform:uppercase;letter-spacing:.03em;background:repeating-linear-gradient(transparent 0 24px,#d8cfb8 24px 25px);overflow-wrap:anywhere}
.skeyti-stemning .spjald-merki{--c:var(--slikja-merki,var(--bleik))}
.slikja{padding:20px 14px;border-radius:30px 16px 34px 20px;background:radial-gradient(circle at 28% 35%,color-mix(in oklab,var(--slikja) 85%,transparent) 0 26%,transparent 60%),radial-gradient(circle at 74% 64%,color-mix(in oklab,var(--slikja) 70%,transparent) 0 24%,transparent 58%),color-mix(in oklab,var(--slikja) 30%,var(--paper))}
.slikja p{margin:0;font-family:var(--hand);font-size:24px;line-height:1.2;text-align:center}
.skeyti-sjonarhorn{background:#f1f0f4}
.skeyti-sjonarhorn .spjald-merki{--c:var(--paper)}
.myndavel{position:relative;padding:22px 24px;--h:linear-gradient(var(--ink),var(--ink));background:var(--h) top left/26px 4px,var(--h) top left/4px 26px,var(--h) top right/26px 4px,var(--h) top right/4px 26px,var(--h) bottom left/26px 4px,var(--h) bottom left/4px 26px,var(--h) bottom right/26px 4px,var(--h) bottom right/4px 26px;background-repeat:no-repeat}
.myndavel p{margin:0;font-weight:700;font-size:18px;line-height:1.35;text-align:center}
.rec{position:absolute;top:7px;right:32px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#d0412b}
.rec::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#d0412b;margin-right:4px;animation:blikka 1s steps(1) infinite}
@keyframes blikka{50%{opacity:0}}
.skeyti-leyndarmal{background:var(--fjola-t)}
.skeyti-leyndarmal .spjald-merki{--c:var(--fjola)}
.leyndo{position:relative;padding:16px 56px 14px 14px;background:linear-gradient(135deg,var(--paper) 49.6%,#e3d8c2 50%,var(--paper) 50.4%);border:2px dashed var(--ink);border-radius:6px}
.leyndo p{margin:0;font-family:var(--hand);font-size:22px;line-height:1.2}
.innsigli{position:absolute;right:9px;top:50%;margin-top:-21px;width:42px;height:42px;display:grid;place-items:center;border-radius:46% 54% 50% 50%;background:radial-gradient(circle at 35% 30%,#ff8a7a,#b8321f 72%);border:2px solid var(--ink);font-family:var(--hand);color:#ffe3dc;font-size:20px;padding-top:3px;box-shadow:2px 2px 0 var(--ink)}
.lokad .leyndo p{visibility:hidden}
.leyndo-lokad{position:absolute;inset:0 50px 0 0;display:grid;place-items:center;font-family:var(--hand);font-size:18px;color:var(--soft)}
.opnast .leyndo{animation:opnast .6s cubic-bezier(.2,1.4,.4,1)}
@keyframes opnast{from{transform:perspective(500px) rotateX(80deg);opacity:.3}}
.skeyti.litid{padding:10px 10px 9px;gap:6px;box-shadow:3px 3px 0 var(--ink);width:100%}
.litid .talbladra{padding:12px 14px;margin-bottom:20px}
.litid .talbladra p,.litid .slikja p,.litid .leyndo p{font-size:17px}
.litid .hljodstafir p{font-size:30px}
.litid .simskeyti p{font-size:13px;line-height:20px;background-size:100% 20px}
.litid .myndavel{padding:16px 18px}
.litid .myndavel p{font-size:15px}

/* Skeyti til næsta */
.naest{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 44px;margin:-8px 0 26px;text-align:center}
.naest p{margin:0;display:grid;gap:8px;justify-items:center}
.naest-slag{font-family:var(--hand);font-weight:400;font-size:26px;line-height:1.1}
.skeyti-svaedi{max-width:780px;margin:0 auto;display:grid;gap:16px}
.kafli-merki{font-family:var(--hand);font-size:22px;text-align:center}
.tegundir{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:10px}
.tegund{display:grid;gap:3px;align-content:start;text-align:left;padding:10px 12px 9px;border:2.5px solid var(--ink);border-radius:14px 9px 16px 8px;background:var(--paper);box-shadow:2px 2px 0 var(--ink);transition:transform .1s,background .1s}
.tegund b{font-family:var(--hand);font-weight:400;font-size:22px;line-height:1.1}
.tegund small{font-size:12.5px;color:var(--soft);line-height:1.35}
.tegund[aria-checked=true]{background:var(--gul);transform:rotate(-1deg);box-shadow:3px 3px 0 var(--ink)}
.tegund[aria-checked=true] small{color:var(--ink)}
.tegund:disabled{opacity:.5;background:repeating-linear-gradient(45deg,var(--page) 0 6px,var(--paper) 6px 12px);box-shadow:none}
.skeyti-svaedi textarea{font-size:18px}
.forskodun{display:grid}
.i-flosku{display:grid;justify-items:center;gap:16px;padding:60px 0;text-align:center}
.i-flosku p{font-family:var(--hand);font-size:26px;margin:0}
.tappa{width:96px;padding-top:140px}
.tappa .flaska-midi{animation:detta .8s cubic-bezier(.3,1.3,.5,1) both}
@keyframes detta{from{transform:translateY(-190px) rotate(-12deg);opacity:0}}
.tappa .flaska-korkur{animation:tappi .45s .75s cubic-bezier(.3,1.6,.5,1) both}
@keyframes tappi{from{transform:translateY(-70px) rotate(-20deg);opacity:0}}

/* Afhending og landtaka */
.afhending{display:grid;justify-items:center;align-content:start;text-align:center;gap:6px;margin:-18px calc(50% - 50vw) -90px;padding:0 16px 60px;min-height:calc(100svh - 60px);background:linear-gradient(var(--page) 0 25%,var(--bla-t))}
.haf-stort{width:min(100%,760px);height:250px;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.haf-stort .rugg{width:92px;margin-left:-46px;bottom:-12px}
.afhending-texti{display:grid;justify-items:center;gap:10px;max-width:560px}
.nafnspjald{font-family:var(--hand);font-weight:400;font-size:clamp(48px,12vw,84px);line-height:1;margin:4px 0 8px;padding:12px 30px 6px;background:var(--c);border:3px solid var(--ink);border-radius:22px 14px 26px 12px;box-shadow:6px 6px 0 var(--ink);transform:rotate(-2deg);overflow-wrap:anywhere}
.afhending-texti h1:not(.nafnspjald){font-family:var(--hand);font-weight:400;font-size:clamp(40px,9vw,64px);margin:0}
.landtaka{display:grid;justify-items:center;text-align:center;gap:8px;padding-bottom:30px}
.landtaka h1{font-family:var(--hand);font-weight:400;font-size:clamp(34px,7vw,56px);line-height:1.05;margin:10px 0 0}
.landtaka p{margin:0 0 10px;color:var(--soft);font-size:17px}
.fjara{width:min(100%,760px);height:250px;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.fjara .alda{bottom:60px}
.fjara .alda.aftari{bottom:80px}
.sandur{position:absolute;left:-10%;right:-10%;bottom:0;height:92px;z-index:3;background:var(--sandur);border-top:3px solid var(--ink);border-radius:50% 50% 0 0/44px 44px 0 0}
.i-sandi{position:absolute;z-index:2;left:50%;bottom:40px;width:84px;margin-left:-42px;transform:rotate(26deg);transform-origin:50% 100%}
.landtaka.poppar .i-sandi{animation:hrista .3s linear 2}
@keyframes hrista{25%{transform:rotate(22deg)}75%{transform:rotate(30deg)}}

/* Afhjúpunin */
.afhjupun{display:grid;gap:20px}
.saga-haus{text-align:center;max-width:860px;margin:0 auto}
.saga-haus h1{font-family:var(--hand);font-weight:400;font-size:clamp(32px,6vw,52px);line-height:1.05;margin:4px 0 0;transform:rotate(-1deg)}
.ork-afhjupun{width:100%;max-width:1060px;margin:0 auto;clip-path:inset(-30px calc(100% - var(--synt,0%)) -30px -30px);transition:clip-path .9s ease-out}
.rammarod{display:grid;gap:34px 28px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1060px;width:100%;margin:0 auto}
.afhjupadur{margin:0;display:grid;gap:12px;align-content:start;opacity:0;transform:translateY(30px) rotate(-3deg) scale(.92);transition:opacity .5s,transform .6s cubic-bezier(.2,1.5,.4,1)}
.afhjupadur:nth-child(2n){--halli:1deg}
.afhjupadur.synilegur{opacity:1;transform:rotate(var(--halli,-.8deg))}
.rammamynd{position:relative;border:3px solid var(--ink);background:#fff;box-shadow:6px 6px 0 var(--ink)}
.rammamynd img{display:block;width:100%;height:auto;aspect-ratio:1}
.rammanumer{position:absolute;left:-14px;top:-14px;z-index:4;width:40px;height:40px;display:grid;place-items:center;border:2.5px solid var(--ink);border-radius:50% 46% 52% 48%;background:var(--c);font-family:var(--hand);font-size:22px;padding-top:3px;box-shadow:2px 2px 0 var(--ink)}
.perlur{position:absolute;right:8px;top:8px;z-index:2;display:flex;gap:4px}
.perla{width:26px;height:26px;border-radius:50%;border:2px solid var(--ink);background:radial-gradient(circle at 34% 30%,#fff 0 16%,#fdf1f5 34%,#efdcea 62%,#cdb6d8);box-shadow:1px 2px 0 var(--ink)}
.fekk-perlu .perla:last-child{animation:stimpill .45s cubic-bezier(.2,1.9,.4,1)}
@keyframes stimpill{from{transform:scale(2.4) rotate(-30deg);opacity:0}}
.perlu-takki{position:absolute;left:50%;bottom:14px;z-index:3;translate:-50% 0;white-space:nowrap;font-family:var(--hand);font-size:21px;border:2.5px solid var(--ink);background:var(--paper);border-radius:14px 9px 16px 8px;padding:9px 16px 6px;box-shadow:3px 3px 0 var(--ink);animation:nudge 1.4s ease-in-out infinite}
.perlu-takki::before{content:'';display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:-1px;border-radius:50%;border:2px solid var(--ink);background:radial-gradient(circle at 34% 30%,#fff 0 16%,#fdf1f5 34%,#efdcea 62%,#cdb6d8)}
.afhjupadur.eigin .rammamynd{opacity:.5}
.afhjupadur figcaption{display:grid;gap:8px;justify-items:start}
.slag-litid{font-size:14px;color:var(--soft);font-style:italic}
.falinn .rammamynd img{visibility:hidden}
.tjald{position:absolute;inset:-3px;z-index:3;display:grid;place-content:center;justify-items:center;gap:12px;border:3px solid var(--ink);background:repeating-linear-gradient(90deg,#d9503b 0 16px,var(--raud) 16px 34px,#e86a54 34px 40px);color:var(--paper);padding:20px;text-align:center}
.tjald b{font-family:var(--hand);font-weight:400;font-size:clamp(26px,3.4vw,36px);line-height:1;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}
.tjald small{font-family:var(--hand);font-size:18px;color:var(--ink);background:var(--paper);border:2.5px solid var(--ink);border-radius:14px 9px 16px 8px;padding:6px 14px 3px;box-shadow:3px 3px 0 var(--ink);animation:nudge 1.4s ease-in-out infinite}
.tjald:hover small{background:var(--gul)}
.trommur .tjald{animation:trommur .09s linear infinite}
@keyframes trommur{25%{transform:translate(-4px,2px) rotate(-.8deg)}50%{transform:translate(3px,-2px) rotate(.6deg)}75%{transform:translate(-2px,-3px) rotate(-.4deg)}}
.opnast .rammamynd{animation:skellur .6s cubic-bezier(.2,1.8,.4,1)}
@keyframes skellur{from{transform:scale(1.25) rotate(-6deg)}}
.framhald{display:grid;justify-items:center;gap:14px;margin:14px 0 30px;text-align:center}
.framhald-texti{font-family:var(--hand);font-size:24px;line-height:1.3;margin:0}

/* Búið */
.lokamynd{margin:0 auto 26px;max-width:1040px}
.lokamynd img{display:block;width:100%;height:auto;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff}

/* Gluggar */
.gluggi{width:min(820px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:0 18px 22px;border:3px solid var(--ink);border-radius:26px 16px 30px 14px;background:var(--page);color:var(--ink);box-shadow:6px 7px 0 var(--ink)}
.gluggi::backdrop{background:#231d38aa;backdrop-filter:blur(3px)}
.gluggi-haus{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 -18px 16px;padding:10px 14px 10px 18px;background:var(--ink);color:var(--paper);font-family:var(--hand);font-size:18px}
.loka{border:2px solid var(--paper);background:var(--ink);color:var(--paper);width:38px;height:38px;font-size:22px;line-height:1;border-radius:50% 45% 52% 48%;padding:0;flex-shrink:0}
.gluggi img{display:block;width:100%;height:auto;border:3px solid var(--ink);background:#fff;margin-bottom:14px}
.myndagluggi{width:min(640px,calc(100vw - 16px))}
.spurning{width:min(440px,calc(100vw - 32px));padding:24px 22px 22px}
.spurning p{font-family:var(--hand);font-size:24px;line-height:1.25;margin:0 0 20px;text-align:center}

.toast{position:fixed;left:50%;bottom:30px;z-index:70;transform:translate(-50%,20px);opacity:0;pointer-events:none;font-family:var(--hand);font-size:19px;background:var(--ink);color:var(--paper);padding:10px 18px 7px;border-radius:14px 9px 16px 8px;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);text-align:center}
.toast.syna{opacity:1;transform:translate(-50%,0) rotate(-1deg)}

/* Konfetti */
.konfetti-lag{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}
.konfetti{position:absolute;left:var(--x0);top:var(--y0);width:11px;height:15px;animation:kx var(--lengd,2s) cubic-bezier(.1,.6,.3,1) forwards}
.konfetti i{display:block;width:100%;height:100%;background:var(--cc);border:1.5px solid var(--ink);border-radius:2px;animation:ky var(--lengd,2s) linear forwards}
.konfetti.kringlott i{border-radius:50%}
@keyframes kx{to{transform:translateX(var(--dx))}}
@keyframes ky{0%{transform:translateY(0) rotate(0);animation-timing-function:cubic-bezier(.2,.7,.4,1)}28%{transform:translateY(var(--upp)) rotate(calc(var(--r) * .3));animation-timing-function:cubic-bezier(.5,0,.9,.6)}100%{transform:translateY(110vh) rotate(var(--r))}}

/* Flöskurnar mínar og flöskur á milli tækja */
.minar{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;margin:0 0 10px}
.min-floska{display:grid;gap:6px;align-content:start;padding:18px 20px}
.min-thema{font-family:var(--hand);font-size:21px;line-height:1.2;margin:0}
.min-floska .takkar{margin-top:6px}
.senda .afhending-texti{gap:12px}
.hlekkur-kassi{width:100%;max-width:520px}
.hlekkur-reitur{width:100%;font-family:var(--ritvel);font-size:15px;padding:12px 14px;border:2.5px solid var(--ink);border-radius:12px 8px 14px 7px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);text-overflow:ellipsis}
.mottaka .midi,.mottaka .personuspjald,.mottaka .sjokort{margin:6px auto 4px}
.mottaka-nafn{display:grid;gap:6px;justify-items:center;width:min(100%,320px);margin:8px 0}
.mottaka-nafn label{font-family:var(--hand);font-size:20px}
.mottaka-nafn input{text-align:center}

@media(max-width:900px){
 .teikniskjar{grid-template-columns:1fr;gap:20px}
 .upplysingar{position:static;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:'thema thema' 'fyrri stada' 'skeyti skeyti';align-items:start;gap:14px}
 .flosku-midi{grid-area:thema}.stada{grid-area:stada}.fyrri-rammi,.fyrstur{grid-area:fyrri}.skeytisreitur{grid-area:skeyti}
 .fyrstur{font-size:17px;padding:10px}
 .slag b{font-size:21px}
 .rammi-hylki{width:min(100%,640px)}
}
@media(max-width:760px){
 .rammarod{grid-template-columns:1fr;max-width:520px}
}
@media(max-width:600px){
 .vorumerki-nafn{font-size:34px}
 .vorumerki-fra{font-size:11px}
 main{padding-top:12px}
 .stor{font-size:23px;padding:12px 22px 9px}
 .staerd-tala{font-size:70px}
 .toltakki{width:44px;height:44px}
 .litur{width:31px;height:31px}
 .a-reki{grid-template-columns:1fr;justify-items:start}
 .a-reki-flaska{display:none}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}