:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#171412;--ink:#f4f0ea;--muted:#a0968d;--dim:#6c625b;--hair:#3b332e;--accent:#d08e76;--pip:#5a4e47;--onaccent:#1a1512;--navbg:#1b1714;--serif:Georgia, "Iowan Old Style", "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--nav:calc(58px + env(safe-area-inset-bottom))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f6f2ec;--ink:#1c1a19;--muted:#655c55;--dim:#8a8079;--hair:#e0d7ce;--accent:#8f5443;--pip:#c9b3aa;--onaccent:#fbf6f2;--navbg:#efe9e1}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.4}#root{padding:max(16px, env(safe-area-inset-top)) 18px calc(var(--nav) + 24px);max-width:540px;min-height:100vh;margin:0 auto}.eyebrow{font-family:var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}header{text-align:center;padding:4px 0 16px}header .rule{background:var(--accent);width:34px;height:1px;margin:11px auto 9px}header p{color:var(--muted);margin:0;font-size:14px;font-style:italic}.empty{color:var(--dim);text-align:center;padding:18px 2px;font-size:14px;font-style:italic}nav{background:var(--navbg);border-top:1px solid var(--hair);padding-bottom:env(safe-area-inset-bottom);z-index:5;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{color:var(--dim);font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:1;padding:19px 4px;font-size:9.5px}nav button[aria-current=page]{color:var(--accent)}h2{font-family:var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:26px 0 10px;font-size:11px;font-weight:500}.note{color:var(--muted);margin:10px 2px 0;font-size:12.5px;font-style:italic}.card{border:1px solid var(--hair);background:var(--navbg);border-radius:6px;margin:14px 0;padding:20px 18px}.card-hd{text-align:center;margin-bottom:4px}.card .rule{background:var(--accent);width:34px;height:1px;margin:9px auto 2px}details{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);margin-bottom:20px}summary{cursor:pointer;justify-content:space-between;align-items:center;padding:13px 2px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary .chev{color:var(--muted);font-size:11px;font-family:var(--sans)}.row{justify-content:space-between;align-items:center;padding:7px 0;display:flex}.row .name{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:400}.seg{border:1px solid var(--hair);border-radius:2px;display:flex;overflow:hidden}.seg button{font-family:var(--sans);letter-spacing:.12em;color:var(--muted);cursor:pointer;background:0 0;border:0;min-width:54px;padding:7px 14px;font-size:11px;font-weight:500}.seg button[aria-pressed=true]{background:var(--accent);color:var(--onaccent)}.roll{background:var(--accent);width:100%;color:var(--onaccent);font-family:var(--sans);letter-spacing:.28em;text-transform:uppercase;cursor:pointer;border:0;border-radius:2px;padding:19px;font-size:13px;font-weight:600}.roll:active{transform:translateY(1px)}.ghost{border:1px solid var(--hair);width:100%;color:var(--muted);font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;margin-top:10px;padding:15px;font-size:11.5px}.ghost:active{color:var(--ink)}.linkish{color:var(--muted);font-family:var(--sans);letter-spacing:.04em;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:12px auto 0;font-size:12px;text-decoration:underline;display:block}.linkish:active{color:var(--ink)}button:focus-visible,summary:focus-visible,.field{border:1px solid var(--hair);width:100%;color:var(--ink);font-family:var(--sans);background:0 0;border-radius:4px;margin:12px 0;padding:12px 14px;font-size:16px;display:block}.field::placeholder{color:var(--dim)}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kodrad{font-family:var(--sans);letter-spacing:.18em;color:var(--accent);text-align:center;word-break:break-all;padding:18px 0 4px;font-size:15px}.line{border-bottom:1px solid var(--hair);opacity:0;align-items:flex-start;gap:15px;padding:13px 0;animation:.34s forwards in;display:flex}.line:last-child{border-bottom:0}.die{flex:0 0 30px;width:30px;height:30px;margin-top:1px}.die circle{fill:var(--accent)}.die rect{stroke:var(--pip)}.body{flex:1;min-width:0}.cat{font-family:var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;font-size:9.5px;display:block}.res{font-size:20px;line-height:1.2}.line.bonusline{border:1.5px solid var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);border-radius:10px;margin:10px 0 6px;padding:12px 14px}.line.bonusline .cat{color:var(--accent);font-weight:700}.finrow .die{opacity:.45}.rollfin{border:1px solid var(--accent);color:var(--accent);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;margin-top:2px;padding:8px 16px;font-size:11px}.rollfin:active{background:var(--accent);color:var(--onaccent)}.sub{font-family:var(--sans);color:var(--muted);margin-top:4px;font-size:11.5px}.dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-left:8px;display:inline-block}@keyframes in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.line{opacity:1;animation:none}}.ask{border:1px solid var(--accent);border-radius:2px;margin:16px 0 4px;padding:15px}.ask p{margin:0 0 12px;font-size:14px}.pick{gap:8px;display:flex}.pick button{border:1px solid var(--hair);color:var(--ink);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;flex:1;padding:12px 4px;font-size:11px}.wild{font-family:var(--serif);text-align:center;color:var(--ink);padding:22px 10px;font-size:19px;line-height:1.45}.lvltag{vertical-align:middle;margin-left:6px;font-size:12px}.custom{vertical-align:middle;opacity:.85;margin-left:4px;font-size:11px}nav button:disabled{opacity:.35;cursor:default}footer{text-align:center;color:var(--muted);margin-top:26px;font-size:13px;font-style:italic;line-height:1.6}.chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.chips button{border:1px solid var(--hair);color:var(--muted);font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;padding:9px 12px;font-size:10.5px}.chips button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.rec{border:1px solid var(--accent);text-align:center;color:var(--ink);font-family:var(--serif);letter-spacing:.01em;border-radius:2px;margin:14px 0 0;padding:16px;font-size:19px}.rrow{color:var(--dim);cursor:pointer;background:0 0;border:0;align-self:center;padding:2px 6px;font-size:16px}.rrow:active{color:var(--accent)}.toast{left:50%;bottom:calc(var(--nav) + 18px);background:var(--accent);color:var(--onaccent);font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;opacity:0;pointer-events:none;z-index:9;border-radius:2px;padding:11px 20px;font-size:11px;transition:opacity .25s;position:fixed;transform:translate(-50%)}.toast.on{opacity:1}.storyimg{border-radius:4px;width:100%;margin:8px 0 12px;display:block}.storyblock.noimg .storyimg,.storyblock.noimg .page-img{display:none}.imgtog{color:var(--dim);font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:11px}.storyposter{margin:8px 0 12px;position:relative}.storyposter .storyimg{margin:0}.poster-cap{text-align:center;pointer-events:none;z-index:1;background:linear-gradient(#000c,#0000008c 38%,#0003 72%,#0000);border-radius:4px 4px 0 0;padding:22px 16px 44px;position:absolute;top:0;left:0;right:0}.poster-title{font-family:var(--serif);color:#f4efe6;text-transform:uppercase;text-shadow:0 1px 12px #000000bf,0 0 3px #00000080;font-size:clamp(20px,6.2vw,31px);line-height:1.04}.poster-rule{opacity:.95;border-radius:1px;width:38px;height:1.5px;margin:9px auto 8px}.poster-sub{font-family:var(--serif);color:#f4efe6;letter-spacing:.22em;text-shadow:0 1px 10px #000000b3,0 0 3px #00000080;font-size:clamp(12px,3.4vw,16px);font-style:italic}.gallery{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px;display:grid}.gcard{cursor:pointer;aspect-ratio:2/3;background:0 0;border:0;border-radius:5px;padding:0;position:relative;overflow:hidden}.gcard .storyposter{margin:0;position:absolute;inset:0}.gcard .storyimg{object-fit:cover;border-radius:0;height:100%;margin:0}.gcard .poster-cap{padding:14px 8px 30px}.gcard .poster-title{font-size:clamp(12px,3.2vw,17px)}.gcard .poster-rule{width:26px;margin:6px auto 5px}.gcard .poster-sub{letter-spacing:.14em;font-size:clamp(9px,2.1vw,12px)}.gcard .gnoimg{background:var(--navbg);border:1px solid var(--hair);height:100%;font-family:var(--serif);color:var(--ink);text-align:center;justify-content:center;align-items:center;padding:10px;font-size:14px;display:flex}.storyblock .storyt{font-family:var(--serif);text-align:center;margin:6px 0 4px;font-size:19px}.storytext{font-family:var(--serif);color:var(--ink);margin:0 0 12px;font-size:16.5px;line-height:1.62}.book{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:8px;display:flex;overflow-x:auto}.book::-webkit-scrollbar{display:none}.page{scroll-snap-align:center;box-sizing:border-box;scrollbar-width:none;flex-direction:column;flex:0 0 100%;max-height:68vh;padding-right:2px;display:flex;overflow-y:auto}.page::-webkit-scrollbar{display:none}.page-img{border-radius:6px;width:100%;margin:12px 0 2px}.page-cover{justify-content:center;min-height:42vh}.booknav{justify-content:center;align-items:center;gap:16px;margin-top:12px;display:flex}.booknav button{border:1px solid var(--hair);color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;width:36px;height:36px;font-size:18px;line-height:0}.booknav button:disabled{opacity:.3;cursor:default}.bookpage{font-family:var(--sans);letter-spacing:.12em;color:var(--muted);text-align:center;min-width:58px;font-size:12px}.card-title{font-family:var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--ink);margin-top:5px;font-size:14px}.card-title small{letter-spacing:.3em;color:var(--accent);margin-top:4px;font-size:9px;display:block}.card.editcard{max-width:330px;margin-left:auto;margin-right:auto}.editrows .edit:last-child{border-bottom:0}.edit{border-bottom:1px solid var(--hair);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.edit .n{flex:0 0 26px;width:26px;height:26px;margin-top:6px}.edit .f{flex:1;min-width:0}.edit input{box-sizing:border-box;width:100%;margin-bottom:6px}.card .edit input{border:0;border-bottom:1px solid var(--hair);background:0 0;border-radius:0;padding:7px 2px}.card .edit input:focus{border-bottom-color:var(--accent);outline:none}.edit .ftop{align-items:center;gap:8px;display:flex}.edit .ftop input{flex:1;margin-bottom:0}.edit .ctrl{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.edit input.lvl{font-family:var(--sans);color:var(--muted);padding:7px 2px;font-size:13px}.pickbtn{color:var(--accent);font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:11px}.lvlset{cursor:pointer;color:var(--muted);background:0 0;border:0;margin-left:2px;padding:0 2px;font-size:13px;line-height:1}.mechtag{color:var(--muted);margin-left:2px;padding:0 2px;font-size:13px;line-height:1}.wrow{border-bottom:1px solid var(--hair);padding:8px 0}.wrow input{box-sizing:border-box;border:0;border-bottom:1px solid var(--hair);width:100%;font-family:var(--serif);background:0 0;border-radius:0;padding:6px 2px;font-size:15px}.wrow input:focus{border-bottom-color:var(--accent);outline:none}.wrow textarea{box-sizing:border-box;border:1px solid var(--hair);width:100%;font-family:var(--serif);resize:vertical;color:var(--ink);background:0 0;border-radius:3px;padding:7px 8px;font-size:14.5px;line-height:1.45}.wrow textarea:focus{border-color:var(--accent);outline:none}.wctrl{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.wctrl-l{align-items:center;gap:12px;display:flex}.wlvl{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:0;font-size:14px;line-height:1}.wdel{color:var(--dim);font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:11px}.sheet{z-index:20;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet-bd{background:#00000080;position:absolute;inset:0}.sheet-panel{background:var(--navbg);max-height:78vh;padding:16px 18px calc(18px + env(safe-area-inset-bottom));border-top-left-radius:14px;border-top-right-radius:14px;position:relative;overflow-y:auto;box-shadow:0 -12px 30px #00000059}.sheet-hd{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sheetx{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:26px;line-height:1}.sheet-grp{font-family:var(--sans);letter-spacing:.14em;color:var(--muted);margin:14px 0 2px;font-size:11px}.sheet-opt{text-align:left;border:0;border-bottom:1px solid var(--hair);width:100%;color:var(--ink);font-family:var(--serif);cursor:pointer;background:0 0;align-items:baseline;gap:8px;padding:11px 2px;font-size:15px;display:flex}.sheet-opt .när{font-family:var(--sans);letter-spacing:.1em;color:var(--muted);font-size:10.5px}.sheet-act{text-align:left;width:100%;color:var(--accent);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:13px 2px;font-size:12px}#printArea{display:none}@media print{@page{size:A4;margin:8mm}:root:has(#printArea){--bg:#fff;--ink:#1c1a19;--muted:#655c55;--dim:#8a8079;--hair:#b9a79e;--accent:#8f5443;--pip:#b9a79e;--navbg:#fff;--onaccent:#fff;background:#fff;max-width:none;margin:0;padding:0}:root:has(#printArea) body{background:#fff;max-width:none;margin:0;padding:0}:root:has(#printArea) #root{max-width:none;min-height:0;margin:0;padding:0}:root:has(#printArea) #root>:not(#printArea){display:none!important}:root:has(#printArea) .toast{display:none!important}#printArea{flex-wrap:wrap;align-content:flex-start;gap:4mm;display:flex!important}.pcard{box-sizing:border-box;border:1px solid var(--hair);page-break-inside:avoid;break-inside:avoid;width:63mm;height:88mm;color:var(--ink);border-radius:3mm;flex-direction:column;padding:5mm 4mm;display:flex;overflow:hidden}.pcard .eyebrow{text-align:center}.pcard .rule{border-top:1px solid var(--accent);background:0 0;width:9mm;height:0;margin:2mm auto}.pcard-cat{font-family:var(--sans);letter-spacing:.26em;text-transform:uppercase;text-align:center;margin-top:3pt;font-size:11pt}.pcard-cat small{letter-spacing:.3em;color:var(--accent);margin-top:2pt;font-size:6pt;display:block}.pcard-rows{flex-direction:column;flex:1;justify-content:space-between;display:flex}.prow{align-items:flex-start;gap:2.5mm;display:flex}.prow .die{flex:0 0 6mm;width:6mm;height:6mm;margin-top:.5mm}.pmain{font-size:9pt;line-height:1.15}.psub{font-family:var(--sans);color:var(--muted);margin-top:.3mm;font-size:6.5pt}.pcard-title{text-align:center;justify-content:center;align-items:center}.pcard-big{font-family:var(--sans);letter-spacing:.28em;margin-top:4mm;font-size:13pt}.pcard-tag{color:var(--muted);margin:2mm 0;font-size:9pt;font-style:italic}.pcard-title .die{flex:none;width:16mm;height:16mm;margin:3mm auto}.pcard-foot{text-align:center;color:var(--muted);margin-top:auto;font-size:8pt;font-style:italic}.pcard-rules h3{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:2.5mm 0 1mm;font-size:7.5pt}.pcard-rules p{margin:0 0 1.5mm;font-size:8pt;line-height:1.3}.pfield{border-bottom:1px solid var(--hair);margin-bottom:2.5mm;padding:1mm 0}.pfield .lbl{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.5mm;font-size:6.5pt;display:block}.pfb{padding-bottom:8mm}.pline{border-bottom:1px solid var(--hair);flex:1;height:5mm;margin-top:2mm}.pline-c{flex:none;width:60%;margin:4mm auto 1mm}.pcard-list .pllist{flex-direction:column;flex:1;gap:1.8mm;margin-top:1mm;display:flex;overflow:hidden}.plrow{font-family:var(--serif);border-bottom:1px solid var(--hair);padding-bottom:1.6mm;font-size:8.5pt;line-height:1.25}.pstory{width:100%;max-width:150mm;color:var(--ink);break-before:page;flex:0 0 100%;margin:0 auto}.pstory:first-child{break-before:avoid}.pstory .eyebrow{text-align:center}.pstory .rule{border-top:1px solid var(--accent);background:0 0;width:9mm;height:0;margin:2mm auto 5mm}.pstory-title{font-family:var(--serif);text-align:center;margin:2mm 0 0;font-size:17pt;font-weight:400}.pstory .pstory-cover{break-inside:avoid;border-radius:2mm;width:100%;margin:0 0 5mm}.pstory p{font-family:var(--serif);text-align:justify;margin:0 0 3mm;font-size:10.5pt;line-height:1.5}.pstory img{break-inside:avoid;border-radius:2mm;width:100%;margin:3mm 0}}.claimadd{gap:10px;margin:10px 0 6px;display:flex}.claimadd .field{flex:1;margin:0}.claimadd .roll{flex:0 0 96px;padding:12px}.ford{border-bottom:1px solid var(--hair);align-items:flex-start;gap:13px;padding:14px 0;display:flex}.box{border:1px solid var(--hair);cursor:pointer;width:22px;height:22px;color:var(--accent);text-align:center;background:0 0;border-radius:2px;flex:0 0 22px;margin-top:2px;padding:0;font-size:14px;line-height:20px}.ford.klar .txt{color:var(--dim);text-decoration:line-through}.ford .txt{word-break:break-word;flex:1;min-width:0}.ford .kod{font-family:var(--sans);letter-spacing:.16em;color:var(--accent);margin-top:4px;font-size:10.5px;display:block}.ford.klar .kod{color:var(--dim)}.ford .när{color:var(--dim);margin-top:3px;font-size:12px;display:block}.ford .öppna{cursor:pointer}.ford .del{color:var(--dim);cursor:pointer;background:0 0;border:0;flex:none;padding:2px 0;font-size:17px;line-height:1}