@font-face{font-family:Yuanmo;src:url('KNYuanmo-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box} :root{--paper:#f7f3e9;--ink:#292c25;--green:#286546}body{margin:0;background:var(--paper);color:var(--ink);font-family:Yuanmo,'Trebuchet MS',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #245bd6;outline-offset:5px}header{height:112px;max-width:1500px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:34px;font-weight:1000;letter-spacing:-2px;color:var(--green);text-decoration:none;transform:rotate(-4deg);line-height:.9}.brand span{display:block;font-size:10px;letter-spacing:3.7px;margin:9px 0 0 3px}.header-note{font-size:13px;color:#68695e}.quiet{background:none;border:0;font-size:12px;padding:12px 0}.quiet span{font-size:20px;margin-left:12px}.book{max-width:1400px;min-height:660px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d8d6c9;border-bottom:1px solid #d8d6c9}.page{padding:40px 8%;position:relative}.story{background:linear-gradient(90deg,transparent 95%,#e8e4da55);border-right:1px solid #d8d6c9}.eyebrow{font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.spark{font-size:30px;color:#ef764a}.scene{animation:arrive .5s ease both}h1{font-size:clamp(52px,5.2vw,80px);line-height:1.04;letter-spacing:-3px;margin:35px 0 25px;font-weight:900}h1 em{font-style:normal;color:var(--green);display:inline-block;position:relative}h1 em:after{content:'';position:absolute;bottom:-7px;left:0;width:100%;height:8px;border-radius:80% 40% 60% 20%;background:#f4cc38;transform:rotate(-2deg)}.intro{font-size:17px;line-height:1.8;max-width:390px;color:#626459}.tiny-note{font-size:12px;color:#727568;display:flex;align-items:center;gap:9px;margin:26px 0}.primary{background:var(--green);color:white;border:0;border-radius:7px 13px 9px 12px;padding:17px 23px;font-weight:bold;font-size:15px;box-shadow:2px 3px 0 #173b29;display:inline-flex;align-items:center;gap:38px;transition:transform .2s}.primary:hover{transform:translateY(-3px) rotate(-1deg)}.welcome-bottom{display:flex;align-items:center;gap:20px;margin-top:42px}.rings{width:74px;height:74px;object-fit:cover;border-radius:50%;transform:rotate(-12deg)}.handnote{font-size:14px;line-height:1.5;transform:rotate(-3deg);max-width:190px}.world{padding:32px 5% 20px;background:#f0f1e7}.world-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;align-items:center}.map-tag{border:1px solid #a9b3a0;border-radius:50%;padding:9px 14px;transform:rotate(7deg)}.map-intro{font-size:24px;font-weight:bold;letter-spacing:-.8px;margin:25px 0 0;transform:rotate(-2deg)}.map{position:relative;margin:0 -20px;aspect-ratio:640/510}.map svg{width:100%;height:100%;overflow:visible}.pin{position:absolute;border:0;background:#fffcef;padding:8px 10px;font-size:12px;font-weight:bold;border-radius:4px 7px 3px 6px;box-shadow:2px 3px 0 #34392d35;transform:rotate(-3deg);white-space:nowrap;transition:scale .2s}.pin:hover{scale:1.1}.pin span{margin-left:5px}.outside{left:14%;top:39%}.groups{left:65%;top:37%;transform:rotate(3deg)}.reception{left:38%;top:48%;font-size:11px}.food{left:31%;top:84%}.studio{left:66%;top:83%;transform:rotate(3deg)}.play{left:9%;top:78%}.map-caption{font-size:13px;text-align:center;transform:rotate(-3deg);margin:-8px 0 25px}.drawn-arrow{font-size:29px;margin-right:8px}.legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:10px}.legend span{display:flex;align-items:center;gap:5px}i{display:inline-block;width:12px;height:12px;border-radius:45% 55% 60% 40%;background:var(--c)}.world-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d4d8ca;margin-top:24px;padding-top:17px;color:#777c69;font-size:10px}.world-bottom>span:last-child{font-size:24px;color:#397052}footer{max-width:1400px;margin:auto;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;gap:15px}.progress-label{display:flex;gap:15px;font-size:11px;align-items:center}#page-number{color:var(--green);font-weight:bold}#chapter-label{color:#737569}nav{display:flex;gap:8px}nav button{width:28px;height:8px;border:0;border-radius:9px;background:#dcded0;padding:0}nav button.active{background:var(--green);width:45px}nav button.done{background:#92b197}dialog{border:0;border-radius:16px 28px 14px 22px;max-width:520px;width:calc(100% - 32px);padding:40px;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #19231833}dialog::backdrop{background:#23362666;backdrop-filter:blur(4px)}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px}h2{font-size:32px;letter-spacing:-1px}dialog p{line-height:1.7}dialog img{width:100%;border-radius:8px}.choices{display:grid;gap:9px;margin:20px 0}.choice{background:#fffdf5;border:1px solid #cbd0bf;border-radius:10px 6px 12px 8px;text-align:left;padding:13px 16px;font-size:14px}.choice:hover,.choice.selected{border-color:#286546;background:#e3ecd9}.feedback{font-size:14px;line-height:1.6;min-height:26px;margin:15px 0;color:#286546}.scene h1.small{font-size:48px;line-height:1.1}.back{border:0;background:none;padding:16px;font-size:12px}.staff{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}.person{width:23px;height:37px;background:var(--c);border-radius:50% 50% 30% 30%;clip-path:polygon(20% 0,80% 0,100% 30%,65% 48%,90% 55%,100% 100%,0 100%,10% 55%,35% 48%,0 30%)}.role-list{display:flex;flex-wrap:wrap;gap:7px}.role-list button{font-size:12px;padding:8px;border:1px solid #dadcca;background:#fffdf4;border-radius:8px}.skip{position:absolute;top:-80px}.skip:focus{top:0;z-index:20;background:white;padding:20px}.no-motion *{animation:none!important;transition:none!important}@keyframes arrive{from{opacity:0;transform:translateY(12px) rotate(-1deg)}to{opacity:1;transform:none}}@media(min-width:1600px){.book{margin-top:25px;min-height:720px}.page{padding-top:50px}.map{margin-top:15px}}@media(max-width:800px){header{height:90px;padding:20px 6%}.header-note{display:none}.book{grid-template-columns:1fr}.page{padding:30px 7%}.story{border-right:0;border-bottom:1px solid #d8d6c9}h1{font-size:64px}.welcome-bottom{margin-top:28px}.world{padding:25px 7%}.map{max-width:600px;margin:0 auto}.world-top,.map-intro{max-width:550px;margin-left:auto;margin-right:auto}footer{flex-wrap:wrap;padding:22px 7%}.progress-label{width:100%}footer .quiet{margin-left:auto}.scene h1.small{font-size:43px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(horizontal-viewport-segments:2){.book{grid-template-columns:env(viewport-segment-width 0 0) env(viewport-segment-width 1 0);gap:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0));max-width:none}.story{border-right:0}.page{padding:30px 7%}}
/* Litir, einföld form og dagurinn á kortinu. */
.book{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.page{min-width:0}body{font-synthesis:weight}.intro{color:#474d40}.map{isolation:isolate}.map>svg{position:relative;z-index:1}.pin{z-index:4;min-height:34px}.groups{left:62%;top:36%;font-size:11px}.studio{left:61%;top:86%;font-size:11px}.food{top:91%}.map-caption{margin:15px 0 20px}.people-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.map-child,.map-staff{position:absolute;display:block;transform:translate(-50%,-50%);transition:left 1.1s ease-in-out,top 1.1s ease-in-out}.map-child{width:12px;height:12px;background:#fff9ed;border:2px solid #53462d;border-radius:50% 45% 50% 40%;box-shadow:1px 2px 0 #38382733}.map-staff{width:19px;height:24px;background:var(--role);border:3px solid #263429;border-radius:6px 6px 3px 3px;box-shadow:0 0 0 2px #fffbed}.map-staff:after{content:'';position:absolute;width:6px;height:6px;background:#fff9ed;border-radius:50%;left:3.5px;top:4px}.people-key{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;margin:15px 0}.people-key>span{display:flex;align-items:center;gap:7px}.child-key{background:#fff9ed;border:2px solid #53462d;border-radius:50%}.staff-key{background:#68bce9;border:2px solid #263429;border-radius:3px;width:13px;height:17px}.day-controls{background:#fffcf1;border:2px solid #d2d9bf;border-radius:13px 20px 12px 17px;padding:16px;margin-top:12px}.time-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.time-buttons button{background:#e6ead9;border:0;border-radius:8px 5px 10px 5px;min-height:44px;padding:8px 4px;font-size:16px}.time-buttons button[aria-pressed=true]{background:#286546;color:white;box-shadow:2px 3px 0 #ffce30;transform:rotate(-2deg)}#day-summary h3{font-size:21px;line-height:1.3;margin:20px 0 10px}#day-summary time{font-size:13px;display:block;color:#286546;margin-bottom:5px}#day-summary p{font-size:14px;line-height:1.6;margin:0}.staff-locations{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.staff-locations>span{display:grid;grid-template-columns:14px 1fr;gap:3px 5px;font-size:11px;align-items:center}.staff-locations>span>span{grid-column:2;color:#56604e}.symbol-note{font-size:10px;line-height:1.5;margin:15px 0 0;color:#65705a}.confetti{position:absolute;inset:0;pointer-events:none;z-index:0}.confetti b{position:absolute;font-size:46px;font-weight:normal;color:#f2a22a;left:2%;top:5%;transform:rotate(-13deg)}.confetti b:nth-child(2){left:49%;top:89%;color:#83a9e7}.confetti b:nth-child(3){left:5%;top:90%;color:#7aae61}.closed-sign{position:absolute;z-index:5;left:25%;top:30%;width:50%;text-align:center;background:#fff5c7;border:3px solid #3b5c3c;border-radius:18px 10px 20px 12px;font-size:24px;padding:18px 10px;transform:rotate(-5deg);pointer-events:none}.map[data-time="3"]>svg{opacity:.4;filter:saturate(.4)}.cleanup-route{position:absolute;z-index:4;left:40%;top:55%;font-size:11px;background:#fff6c5;padding:5px 9px;border-radius:8px;transform:rotate(-15deg);pointer-events:none}.cleanup-route span{font-size:28px;display:block;color:#286546}.story:after{content:'●  ▰  ✳  △';display:block;letter-spacing:14px;color:#ec9463;font-size:33px;transform:rotate(-5deg);margin-top:38px;pointer-events:none}.map [hidden]{display:none}.world-bottom{font-size:12px}.role-list button{min-height:44px}#chapters button{height:26px;border-top:9px solid var(--paper);border-bottom:9px solid var(--paper);border-radius:12px}.world-top{letter-spacing:1px}
@media(max-width:800px){.book{grid-template-columns:minmax(0,1fr)}.pin{font-size:10px;padding:6px}.groups{left:59%;font-size:9px}.studio{font-size:9px}.map-child{width:10px;height:10px}.map-staff{width:16px;height:21px;border-width:2px}.map-staff:after{left:3px}.closed-sign{font-size:20px}.story:after{margin-top:22px}.time-buttons button{font-size:15px}h1{font-size:clamp(46px,12vw,64px)}}
@media(horizontal-viewport-segments:2){.book{grid-template-columns:env(viewport-segment-width 0 0) env(viewport-segment-width 1 0)}}

.staff-locations{gap:16px 14px}.staff-locations>span{align-items:start;font-size:12px;line-height:1.5}.staff-locations>span>i{margin-top:3px}.staff-locations>span>span{line-height:1.65}
@media(max-width:480px){.staff-locations{grid-template-columns:1fr}}
/* Árgangar og sérstakt rými fyrir Kindergarten. */
.map-child,.child-key{background:var(--age,#fff9ed)}.map-child{box-shadow:0 0 0 1px #fff9ed,1px 2px 0 #38382733}.pin.studio{left:61%;top:86%;font-size:11px}.pin.kindergarten{left:77%;top:65%;font-size:11px;transform:rotate(3deg)}.kindergarten small{display:block;font-size:11px;font-weight:normal}.kindergarten>span{position:absolute;right:5px;top:6px}.kindergarten{padding-right:23px}.people-key{gap:10px 16px}.people-key>span:last-child{flex-basis:100%}
@media(max-width:800px){.pin.studio{left:61%;font-size:9px}.pin.kindergarten{left:75%;font-size:10px}.kindergarten small{font-size:10px}}

/* The logo switches language without restarting the journey. */
button.brand{border:0;background:none;text-align:left;padding:0;flex-shrink:0}.brand small{display:block;font-size:9px;letter-spacing:1px;line-height:1.2;margin:8px 0 0 3px;color:#65705a}html[lang="en"] .brand{font-size:28px;letter-spacing:-1px}html[lang="en"] .primary{gap:20px}html[lang="en"] .closed-sign{font-size:20px}
@media(max-width:480px){html[lang="en"] header>.quiet{max-width:145px;text-align:right}html[lang="en"] .brand{font-size:25px}html[lang="en"] .primary{font-size:13px;gap:14px}}

.brand .language-globe{display:block;width:23px;height:23px;transform:rotate(8deg)}.brand small{margin-top:5px}