:root{--bord: #6b4a31;--bord-mork: #573a24;--bord-ljus: #7d5a3d;--pa-bord: #f0e7d7;--pa-bord-svag: #c4ab8d;--papper: #fdfaf1;--papper-tonad: #f2ece0;--blyerts: #171310;--grafit: #4d443b;--grafit-ljus: #857a6c;--papper-linje: #d8d0be;--gul: #fbe8b0;--gul-stark: #f2c548;--gul-kant: #c08f14;--rod: #b3402a;--gron: #3f7d55;--font-ui: "Archivo", system-ui, -apple-system, sans-serif;--font-clue: "Archivo Narrow", "Archivo", system-ui, sans-serif;--font-hand: "Caveat", "Archivo", cursive;--linje: 1px;--ram: 2px;--gutter: 16px;--skugga-ark: 0 2px 4px rgb(23 19 16 / .3), 0 26px 60px -18px rgb(23 19 16 / .62);--skugga-lag: 0 2px 5px rgb(23 19 16 / .28);--snabb: 90ms cubic-bezier(.32, .72, 0, 1);--lugn: .22s cubic-bezier(.32, .72, 0, 1)}.bordsyta{background-color:var(--bord);background-image:radial-gradient(1200px 620px at 22% -10%,rgb(255 255 255 / .1),transparent 62%),radial-gradient(900px 700px at 92% 108%,rgb(0 0 0 / .24),transparent 64%),repeating-linear-gradient(93deg,#6b4a31 0 3px,#66462e 3px 7px,#714f36 7px 12px);background-attachment:fixed}@media(prefers-reduced-motion:reduce){:root{--snabb: 1ms;--lugn: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bord);background-image:radial-gradient(1200px 620px at 22% -10%,rgb(255 255 255 / .1),transparent 62%),radial-gradient(900px 700px at 92% 108%,rgb(0 0 0 / .24),transparent 64%),repeating-linear-gradient(93deg,#6b4a31 0 3px,#66462e 3px 7px,#714f36 7px 12px);background-attachment:fixed;color:var(--pa-bord);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3,p,ul,ol,figure,fieldset,legend{margin:0;padding:0}ul,ol{list-style:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--rod);outline-offset:2px}.etikett{font-family:var(--font-clue);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--grafit-ljus)}.knapp{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:var(--linje) solid var(--papper-linje);border-radius:5px;background:var(--papper);color:var(--blyerts);font-size:.85rem;font-weight:600;white-space:nowrap;box-shadow:var(--skugga-lag);transition:background-color var(--snabb),border-color var(--snabb)}.knapp--tyst:hover{background:var(--gul)}.knapp--fylld{background:var(--blyerts);color:var(--papper);border-color:var(--blyerts)}.knapp--fylld:hover{background:#2c2a1f}.knapp--stor{justify-content:center;width:100%;padding:15px 20px;font-size:1rem}.bibliotek{max-width:1000px;margin:0 auto;padding:clamp(28px,6vw,68px) var(--gutter) 64px}.hero__rad{display:flex;align-items:stretch;width:min(100%,540px);margin-bottom:24px;background:var(--papper);border:var(--ram) solid var(--blyerts);box-shadow:var(--skugga-ark)}.hero__ledtrad{position:relative;display:flex;align-items:center;flex:1.8 1 0;min-width:0;background:var(--papper);padding:10px clamp(16px,3.4vw,26px) 10px 12px;border-right:var(--linje) solid var(--blyerts);font-family:var(--font-clue);font-style:italic;font-size:clamp(.62rem,1.6vw,.8rem);font-weight:600;line-height:1.1;text-transform:uppercase;color:var(--grafit)}.hero__pil{position:absolute;top:50%;right:calc(clamp(20px,4.4vw,32px)/-2);width:clamp(20px,4.4vw,32px);height:clamp(20px,4.4vw,32px);transform:translateY(-50%);color:var(--rod);overflow:visible}.hero__ruta{display:grid;place-items:center;flex:1 1 0;min-width:0;aspect-ratio:1;color:var(--blyerts);border-right:var(--linje) solid var(--blyerts);font-family:var(--font-ui);font-size:clamp(1.7rem,6vw,3rem);font-weight:600;animation:fallIn .46s cubic-bezier(.32,.72,0,1) both;animation-delay:calc(var(--i) * 60ms + .1s)}.hero__ruta:last-child{border-right:0}@keyframes fallIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hero__ruta{animation:none}}.hero__text{max-width:44ch;color:var(--pa-bord);font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.55;text-shadow:0 1px 2px rgb(23 19 16 / .4)}.hero__hand{display:block;margin:4px 0 14px;color:#f2cd91;font-family:var(--font-hand);font-size:clamp(1.3rem,3.4vw,1.75rem);line-height:1;transform:rotate(-1.5deg)}.sektion{margin-top:clamp(38px,6vw,58px)}.sektion__topp{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:var(--linje) solid rgb(240 231 215 / .32)}.sektion__rubrik{font-family:var(--font-clue);font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pa-bord)}.sektion__antal{color:var(--pa-bord-svag);font-family:var(--font-clue);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums}.kortlista{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:16px;margin-top:20px}.kort{display:flex;flex-direction:column;gap:8px;width:100%;height:100%;padding:12px 13px 13px;border:0;border-radius:0;background:var(--papper);color:var(--blyerts);text-align:left;box-shadow:0 1px 2px #17131057,0 12px 22px -10px #1713108c;transition:transform var(--snabb),box-shadow var(--snabb)}.kort:hover{transform:translateY(-3px);box-shadow:var(--skugga-ark)}.kort__titel{font-size:1.02rem;font-weight:600}.kort__meta{color:var(--grafit-ljus);font-family:var(--font-clue);font-size:.74rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;font-variant-numeric:tabular-nums}.kort__fot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:var(--linje) solid var(--papper-linje)}.miniatyr{display:grid;grid-template-columns:repeat(var(--kolumner),1fr);gap:1px;padding:1px;border:var(--linje) solid var(--blyerts);background:var(--bord-mork)}.miniatyr__ruta{aspect-ratio:1;background:var(--grafit)}.miniatyr__ruta--papper{background:var(--papper)}.svarighet{display:flex;gap:3px}.svarighet__prick{width:6px;height:6px;border:var(--linje) solid var(--grafit-ljus);border-radius:50%}.svarighet__prick--pa{background:var(--blyerts);border-color:var(--blyerts)}.markering{color:var(--grafit-ljus);font-family:var(--font-clue);font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;font-variant-numeric:tabular-nums}.markering--klar{color:var(--gron)}.kort--skapa{align-items:flex-start;justify-content:center;gap:10px;min-height:178px;border:var(--linje) dashed rgb(240 231 215 / .42);background:#ffffff0d;color:var(--pa-bord);box-shadow:none}.kort--skapa:hover{background:#ffffff1f;box-shadow:none}.kort--skapa .kort__meta{color:var(--pa-bord-svag)}.kort--skapa__ikon{display:grid;place-items:center;width:38px;height:38px;border:var(--ram) solid var(--gul-stark);border-radius:50%;color:var(--gul-stark)}.fot{margin-top:64px;padding-top:16px;border-top:var(--linje) solid rgb(240 231 215 / .24);color:var(--pa-bord-svag);font-family:var(--font-clue);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.spelare,.skapa{position:relative;display:flex;flex-direction:column;height:100dvh;overflow:hidden}.topp{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:9px var(--gutter);border-bottom:var(--linje) solid rgb(0 0 0 / .28);background:#1e120957;color:var(--pa-bord)}.topp__mitt{flex:1;min-width:0;text-align:center}.topp__titel{font-family:var(--font-clue);font-size:.78rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topp__meta{color:var(--pa-bord-svag);font-size:.75rem;font-variant-numeric:tabular-nums}.topp__plats{width:92px}.framsteg{flex:none;height:2px;background:#0000004d}.framsteg__fyllt{height:100%;background:var(--gul-stark);transition:width var(--lugn)}.brade{position:relative;display:grid;place-items:center;flex:1;min-height:0;padding:clamp(10px,2.2vw,26px);overflow:auto;scroll-padding:26px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.bordssaker{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.penna{position:absolute;top:22%;left:3.5%;width:14px;height:220px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#b98b28,#dcae42 22%,#f2d383 48%,#d0a13a 76%,#a97d22);transform:rotate(9deg);box-shadow:7px 12px 20px #17131073}.penna:after{content:"";position:absolute;bottom:-26px;left:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:26px solid #e7d0a6}.penna:before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;border-radius:3px 3px 0 0;background:#c9b7a2}.kaffering{position:absolute;top:12%;right:5%;width:128px;height:128px;border:9px solid rgb(58 31 13 / .3);border-radius:50%;filter:blur(1.2px)}@media(max-width:1150px){.bordssaker{display:none}}.zoom{position:absolute;right:var(--gutter);bottom:calc(var(--gutter) + 76px);z-index:30;display:flex;border:var(--linje) solid var(--blyerts);background:var(--papper);box-shadow:var(--skugga-lag)}.zoom button{display:grid;place-items:center;min-width:38px;height:34px;padding:0 8px;border:0;border-left:var(--linje) solid var(--bord-mork);background:transparent;font-family:var(--font-clue);font-size:.72rem;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;transition:background-color var(--snabb)}.zoom button:first-child{border-left:0}.zoom button:hover:not(:disabled){background:var(--gul)}.zoom button:disabled{color:var(--bord-mork);cursor:default}@media(max-width:900px){.zoom{bottom:calc(var(--gutter) + 62px)}}.meny{position:relative}.meny__bakgrund{position:fixed;inset:0;z-index:40}.meny__panel{position:absolute;top:calc(100% + 7px);right:0;z-index:41;display:flex;flex-direction:column;min-width:246px;padding:4px;border:var(--linje) solid var(--blyerts);background:var(--papper);box-shadow:var(--skugga-ark)}.meny__panel button{padding:10px 11px;border:0;background:transparent;text-align:left;font-size:.875rem}.meny__panel button:hover{background:var(--gul)}.meny__rensa{margin-top:3px;border-top:var(--linje) solid var(--bord-mork)!important;color:var(--rod)}.ledtradsrad{display:flex;align-items:center;gap:8px;flex:none;padding:9px var(--gutter);border-top:var(--linje) solid rgb(0 0 0 / .28);background:#1e120961;color:var(--pa-bord)}.ledtradsrad--tom{min-height:62px}.ledtradsrad__text{display:flex;align-items:center;gap:12px;flex:1;min-width:0;justify-content:center}.ledtradsrad__pil{display:grid;place-items:center;flex:none;width:24px;height:24px;color:var(--gul-stark)}.ledtradsrad__fraga{font-family:var(--font-clue);font-style:italic;font-size:clamp(1.05rem,3.6vw,1.35rem);font-weight:700;line-height:1.2;letter-spacing:.02em;text-align:center;text-transform:uppercase}.ledtradsrad__svar{display:flex;flex:none}.ledtradsrad__ruta{display:grid;place-items:center;width:clamp(15px,4.4vw,21px);height:clamp(19px,5.6vw,26px);margin-left:-1px;border:var(--linje) solid rgb(240 231 215 / .42);font-size:clamp(.68rem,2.4vw,.84rem);font-weight:600;line-height:1}.ledtradsrad__ruta:first-child{margin-left:0}.stegknapp{display:grid;place-items:center;flex:none;width:38px;height:38px;border:var(--linje) solid rgb(240 231 215 / .28);border-radius:5px;background:#ffffff0f;color:var(--pa-bord);transition:background-color var(--snabb),border-color var(--snabb)}.stegknapp:hover{border-color:#f0e7d799;background:#ffffff24}.tangentbord{display:none;flex-direction:column;gap:6px;flex:none;padding:8px 5px calc(8px + env(safe-area-inset-bottom));border-top:var(--linje) solid rgb(0 0 0 / .3);background:#1e120957}.tangentbord__rad{display:flex;gap:4px;justify-content:center}.tangent{display:grid;place-items:center;flex:1 1 0;min-width:0;height:46px;border:var(--linje) solid var(--papper-linje);border-radius:5px;background:var(--papper);color:var(--blyerts);font-size:1.05rem;font-weight:600;box-shadow:0 2px 3px #17131059;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tangent:active{background:var(--gul-stark)}.tangent--bred{flex:1.9 1 0;font-family:var(--font-clue);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}@media(max-width:900px){.tangentbord{display:flex}}.klart{position:fixed;inset:auto 0 0;z-index:60;display:flex;justify-content:center;padding:var(--gutter);padding-bottom:calc(var(--gutter) + env(safe-area-inset-bottom));pointer-events:none;animation:stigUpp .32s cubic-bezier(.32,.72,0,1) both}@keyframes stigUpp{0%{opacity:0;transform:translateY(14px)}}@media(prefers-reduced-motion:reduce){.klart{animation:none}}.klart__kort{display:flex;align-items:center;gap:clamp(12px,2.4vw,24px);width:min(680px,100%);padding:12px 14px 12px 18px;border:var(--ram) solid var(--blyerts);background:var(--papper);box-shadow:var(--skugga-ark);pointer-events:auto}.klart__rubrik{flex:none;font-family:var(--font-clue);font-size:.72rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--grafit-ljus)}.klart__tid{flex:none;padding-right:clamp(12px,2.4vw,24px);border-right:var(--linje) solid var(--bord-mork);font-size:1.9rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.klart__text{flex:1;min-width:0;color:var(--grafit);font-size:.85rem;line-height:1.35}@media(max-width:620px){.klart__kort{flex-wrap:wrap;padding:14px}.klart__tid{padding-right:0;border-right:0}.klart__text{flex-basis:100%;order:3}.klart__kort .knapp{flex-basis:100%;order:4;justify-content:center}}.skapa__innehall{display:flex;flex-direction:column;gap:24px;width:min(560px,100%);margin:0 auto;padding:clamp(24px,5vw,40px) clamp(18px,4vw,36px) 48px;background:var(--papper);border-left:var(--linje) solid var(--bord-mork);border-right:var(--linje) solid var(--bord-mork);box-shadow:var(--skugga-ark);overflow-y:auto}.falt{display:flex;flex-direction:column;gap:7px;border:0}.falt__etikett{font-family:var(--font-clue);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--grafit-ljus)}.falt__input{padding:12px 14px;border:var(--linje) solid var(--blyerts);border-radius:0;background:var(--papper);color:var(--blyerts);font:inherit}.falt__input::placeholder{color:var(--grafit-ljus)}.falt__input:focus-visible{outline:2px solid var(--rod);outline-offset:-1px}.falt__hjalp{color:var(--grafit-ljus);font-size:.8rem;line-height:1.45}.valjare{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.valjare__val{display:flex;flex-direction:column;gap:2px;padding:12px 11px;border:var(--linje) solid var(--bord-mork);background:var(--papper);text-align:left;transition:border-color var(--snabb),background-color var(--snabb)}.valjare__val--vald{border-color:var(--blyerts);background:var(--gul)}.valjare__namn{font-weight:600}.valjare__matt{font-family:var(--font-clue);font-size:.74rem;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums}.valjare__beskrivning{color:var(--grafit-ljus);font-size:.74rem}.varning{padding:12px 14px;border:var(--linje) solid var(--rod);background:#fbeceb;color:#8f1d13;font-size:.875rem;line-height:1.5}.arbetar{padding:18px;border:var(--linje) solid var(--bord-mork);background:var(--papper)}.steg{display:flex;flex-direction:column;gap:12px}.steg__rad{display:flex;align-items:center;gap:11px;color:var(--grafit-ljus);font-size:.9rem}.steg__prick{width:9px;height:9px;border:var(--linje) solid var(--grafit-ljus);border-radius:50%;flex:none}.steg__rad--klar{color:var(--grafit)}.steg__rad--klar .steg__prick{background:var(--gron);border-color:var(--gron)}.steg__rad--nu{color:var(--blyerts)}.steg__rad--nu .steg__prick{background:var(--rod);border-color:var(--rod);animation:puls 1.1s ease-in-out infinite}@keyframes puls{50%{transform:scale(1.5);opacity:.5}}.forklaring{display:flex;flex-direction:column;gap:18px;counter-reset:steg;padding-top:6px;border-top:var(--linje) solid var(--bord-mork)}.forklaring li{position:relative;padding-left:32px;padding-top:14px;counter-increment:steg}.forklaring li:before{content:counter(steg);position:absolute;left:0;top:14px;display:grid;place-items:center;width:21px;height:21px;border:var(--linje) solid var(--blyerts);border-radius:50%;font-size:.7rem;font-weight:700}.forklaring h3{font-family:var(--font-clue);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.forklaring p{margin-top:3px;color:var(--grafit);font-size:.85rem;line-height:1.55}.steg__ord{padding-top:2px;font-family:var(--font-clue);font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--rod)}.ark{background:var(--papper);box-shadow:var(--skugga-ark);padding:clamp(10px,1.6vw,20px);padding-top:clamp(8px,1.2vw,14px)}.ark__rubrik{display:flex;align-items:baseline;justify-content:center;gap:.6em;padding-bottom:clamp(7px,1vw,11px);font-family:var(--font-clue);font-size:clamp(.6rem,1.1vw,.72rem);font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--grafit-ljus);white-space:nowrap;overflow:hidden}.ark__rubrik b{color:var(--blyerts);font-weight:700}.ark__skiljetecken{color:var(--bord-mork)}.rutnat{display:grid;grid-template-columns:repeat(var(--kolumner),var(--cell));grid-auto-rows:var(--cell);background:var(--papper);border-top:var(--linje) solid var(--blyerts);border-left:var(--linje) solid var(--blyerts);outline:var(--ram) solid var(--blyerts)}.ruta{position:relative;margin:0;padding:0;border:0;border-right:var(--linje) solid var(--blyerts);border-bottom:var(--linje) solid var(--blyerts);background:var(--papper);font-family:inherit;border-radius:0}.ruta--bokstav{display:grid;place-items:center;color:var(--blyerts);cursor:pointer;transition:background-color var(--snabb);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ruta__bokstav{font-family:var(--font-ui);font-size:calc(var(--cell) * .56);font-weight:600;font-stretch:100%;line-height:1}.ruta--ord{background:var(--gul)}.ruta--markor{background:var(--gul-stark);box-shadow:inset 0 0 0 2px var(--gul-kant)}.ruta--fel .ruta__bokstav{color:var(--rod)}.ruta--fel:after{content:"";position:absolute;inset:auto 0 0 auto;border-width:0 0 calc(var(--cell) * .2) calc(var(--cell) * .2);border-style:solid;border-color:transparent transparent var(--rod) transparent}.ruta--avslojad .ruta__bokstav{color:var(--grafit-ljus)}.ruta--tom{background:var(--papper-tonad)}.ruta--ledtrad{display:flex;flex-direction:column;cursor:pointer;transition:background-color var(--snabb);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ruta--ledtrad-aktiv{background:#fbf7e4}.ledtrad{display:flex;flex:1 1 0;min-height:0;align-items:center;justify-content:center;margin:0;padding:calc(var(--cell) * .05) calc(var(--cell) * .06)}.ledtrad+.ledtrad{border-top:var(--linje) solid var(--blyerts)}.ruta--ledtrad-h .ledtrad{padding-right:calc(var(--cell) * .2)}.ruta--ledtrad-b .ledtrad:last-of-type{padding-bottom:calc(var(--cell) * .12)}.ruta--ledtrad-2.ruta--ledtrad-b .ledtrad:last-of-type .ledtrad__text{font-size:calc(var(--cell) * .132)}.ledtrad__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;font-family:var(--font-clue);font-style:italic;font-size:calc(var(--cell) * .17);font-weight:600;line-height:1.22;letter-spacing:.005em;text-align:center;text-transform:uppercase;color:var(--grafit);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.ruta--ledtrad-2 .ledtrad__text{-webkit-line-clamp:2;line-clamp:2;font-size:calc(var(--cell) * .148)}.ledtrad--mellan .ledtrad__text{font-size:calc(var(--cell) * .155)}.ledtrad--liten .ledtrad__text{font-size:calc(var(--cell) * .138)}.ruta--ledtrad-2 .ledtrad--mellan .ledtrad__text{font-size:calc(var(--cell) * .136)}.ruta--ledtrad-2 .ledtrad--liten .ledtrad__text{font-size:calc(var(--cell) * .124)}.ledtrad--aktiv .ledtrad__text{color:var(--blyerts)}.pil-plats{position:absolute;display:grid;place-items:center;width:calc(var(--cell) * .3);height:calc(var(--cell) * .3);pointer-events:none;z-index:3}.pil-plats--höger{right:calc(var(--cell) * -.11);transform:translateY(-50%)}.pil-plats--botten{bottom:calc(var(--cell) * -.11);transform:translate(-50%)}.pil{width:100%;height:100%;overflow:visible}.pil__linje{fill:none;stroke:var(--blyerts);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--snabb)}.pil__spets{fill:var(--blyerts);transition:fill var(--snabb)}.pil--aktiv .pil__linje{stroke:var(--rod);stroke-width:2.4}.pil--aktiv .pil__spets{fill:var(--rod)}.rutnat--klart .ruta--bokstav{animation:klarna .7s cubic-bezier(.32,.72,0,1) both}.rutnat--klart .ruta--markor{background:var(--papper);box-shadow:none}@keyframes klarna{0%{background:var(--gul)}50%{background:#d7ecdd}to{background:var(--papper)}}@media(prefers-reduced-motion:reduce){.rutnat--klart .ruta--bokstav{animation:none}}