:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3eee2;--paper-deep:#e9e1cd;--ink:#1b1915;--ink-soft:#4a443a;--ink-faint:#8a8170;--on-ink:#f6f2e8;--line:#1b19152e;--olive:#7d8a4e;--ochre:#c49a45;--rust:#a5552f;--player:#8a5a2b;--wash:#c49a4561;--veil:#1b191573;--error:#a5552f;--ok:#5f6f35;--scenery-shade:linear-gradient(transparent, transparent);--grain:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .25 0 0 0 0 .2 0 0 0 0 .12 0 0 0 .1 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");--mask-brush:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 120' preserveAspectRatio='none'><filter id='f' x='-4%' y='-30%' width='108%' height='160%'><feTurbulence type='fractalNoise' baseFrequency='.03 .06' numOctaves='3' seed='3' result='n'/><feDisplacementMap in='SourceGraphic' in2='n' scale='34' xChannelSelector='R' yChannelSelector='G' result='d'/><feTurbulence type='fractalNoise' baseFrequency='.004 .32' numOctaves='2' seed='10' result='s'/><feColorMatrix in='s' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 8 0 0 0 -2.4' result='m'/><feMorphology in='d' operator='erode' radius='12' result='c'/><feComposite in='d' in2='c' operator='out' result='r'/><feComposite in='r' in2='m' operator='in' result='y'/><feMerge><feMergeNode in='c'/><feMergeNode in='y'/></feMerge></filter><path filter='url(%23f)' d='M12 26C150 12 372 17 591 24C597 54 594 74 585 96C480 108 240 110 18 101C3 78 0 48 12 26Z'/></svg>");--mask-brush-2:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 120' preserveAspectRatio='none'><filter id='f' x='-4%' y='-30%' width='108%' height='160%'><feTurbulence type='fractalNoise' baseFrequency='.03 .06' numOctaves='3' seed='11' result='n'/><feDisplacementMap in='SourceGraphic' in2='n' scale='34' xChannelSelector='R' yChannelSelector='G' result='d'/><feTurbulence type='fractalNoise' baseFrequency='.004 .32' numOctaves='2' seed='18' result='s'/><feColorMatrix in='s' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 5 0 0 0 -1.5' result='m'/><feMorphology in='d' operator='erode' radius='12' result='c'/><feComposite in='d' in2='c' operator='out' result='r'/><feComposite in='r' in2='m' operator='in' result='y'/><feMerge><feMergeNode in='c'/><feMergeNode in='y'/></feMerge></filter><path filter='url(%23f)' d='M12 26C150 12 372 17 591 24C597 54 594 74 585 96C480 108 240 110 18 101C3 78 0 48 12 26Z'/></svg>");--mask-line:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 12' preserveAspectRatio='none'><filter id='f' x='0' y='-100%' width='100%' height='300%'><feTurbulence type='fractalNoise' baseFrequency='.02 .4' numOctaves='2' seed='5' result='n'/><feDisplacementMap in='SourceGraphic' in2='n' scale='5' xChannelSelector='R' yChannelSelector='G'/></filter><path filter='url(%23f)' d='M2 6.5C200 3 600 4.4 798 5.1L796 7.9C600 9.3 200 8.6 4 8.6Z'/></svg>");--mask-blot:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 110'><filter id='f' x='-20%' y='-20%' width='140%' height='140%'><feTurbulence type='fractalNoise' baseFrequency='.045' numOctaves='3' seed='8' result='n'/><feDisplacementMap in='SourceGraphic' in2='n' scale='16' xChannelSelector='R' yChannelSelector='G'/></filter><ellipse filter='url(%23f)' cx='60' cy='55' rx='46' ry='41'/></svg>");--seal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fe3cf' stroke-width='1.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10.5'/%3E%3Ccircle cx='12' cy='12' r='7.2' stroke-dasharray='2.2 1.6'/%3E%3Cpath d='M12 6.5v11M12 10 9 7.2M12 10l3-2.8M12 14l-3 2.8M12 14l3 2.8'/%3E%3C/svg%3E");--font:"Alegreya", Georgia, "Palatino Linotype", serif;--display:"Almendra SC", Georgia, serif;--ui:"Patrick Hand", "Comic Neue", "Segoe Print", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--side:24px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1a1c21;--paper-deep:#23262d;--ink:#ebe5d6;--ink-soft:#c9c2b1;--ink-faint:#8d8778;--on-ink:#17181c;--line:#ebe5d629;--olive:#5f7a72;--ochre:#b58a3e;--rust:#d07a52;--player:#d8a866;--wash:#b58a3e52;--veil:#0009;--error:#e08a6e;--ok:#a9c59a;--scenery-shade:linear-gradient(#0c0d1194, #0c0d1194);--grain:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .9 0 0 0 0 .88 0 0 0 0 .82 0 0 0 .05 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}}*{box-sizing:border-box}html,body{height:100%;margin:0}html{overflow:hidden}body{left:0;right:0;top:var(--vv-top,0px);height:var(--vv-height,100dvh);background:var(--grain), var(--paper);background-color:var(--paper);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;flex-direction:column;align-items:center;font-size:21px;line-height:1.62;display:flex;position:fixed;overflow:hidden}#app{background:inherit;display:contents}[hidden]{display:none!important}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.scenery{z-index:-1;background:var(--scenery-shade), var(--scenery-image) center / cover no-repeat;position:absolute;inset:0}.scene-enter-active{transition:opacity 1.2s}.scene-leave-active{transition:opacity 1.2s step-end}.scene-enter-from,.scene-leave-to{opacity:0}.scenery:after{content:"";background:var(--grain), color-mix(in srgb, var(--paper) 65%, transparent);position:absolute;inset:0}h1,.sheet-body h2,.sheet-traits span,.primary,.secondary,#suggestions button,#story .continue,#send{isolation:isolate;position:relative}h1:before,.sheet-body h2:before,.sheet-traits span:before,.primary:before,.secondary:before,#suggestions button:before,#story .continue:before,#send:before{content:"";z-index:-1;background:var(--ink);-webkit-mask:var(--mask-brush) center / 100% 100% no-repeat;-webkit-mask:var(--mask-brush) center / 100% 100% no-repeat;mask:var(--mask-brush) center / 100% 100% no-repeat;position:absolute;inset:0}header,.rule,#status,#story,#form{width:100%;max-width:720px}header{padding:calc(22px + env(safe-area-inset-top)) var(--side) 4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 12px;display:flex}h1{font-family:var(--display);letter-spacing:.02em;color:var(--on-ink);white-space:nowrap;margin:0 0 0 -12px;padding:12px 28px 10px 24px;font-size:28px;font-weight:400;line-height:1}.bar{gap:2px;display:flex}.link{color:var(--ink-soft);font-family:var(--ui);background:0 0;border:none;padding:8px 0;font-size:18px}.link:hover{color:var(--ink)}header .link{align-items:center;gap:7px;font-size:19px;display:inline-flex;position:relative}header .link:after{content:"";height:5px;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;mask:var(--mask-line) center / 100% 100% no-repeat;transform-origin:0;background:currentColor;transition:transform .25s;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}header .link:hover:after{transform:scaleX(1)}.bar .link{justify-content:center;width:40px;height:40px;padding:0}.bar .link:after{content:none}.bar .label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#toggleSuggestions .off{display:none}#toggleSuggestions[aria-pressed=false]{color:var(--ink-faint)}#toggleSuggestions[aria-pressed=false] .off{display:inline}.rule{height:10px;margin:6px 0 2px;position:relative}.rule:before{content:"";left:var(--side);right:var(--side);background:var(--ink);opacity:.55;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;mask:var(--mask-line) center / 100% 100% no-repeat;position:absolute;top:0;bottom:0}#status{padding:0 var(--side);font-family:var(--ui);color:var(--ink-faint);min-height:18px;font-size:16px}#testBadge{color:var(--rust)}#testBadge .link{color:var(--rust);padding:0;font-size:16px;text-decoration:underline}#story{min-height:0;padding:16px var(--side) 24px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 22px);mask-image:linear-gradient(#0000,#000 22px)}#story p{white-space:pre-wrap;margin:0 0 1em}#story p.first:first-letter{float:left;font-family:var(--display);color:var(--rust);padding:.08em .12em 0 0;font-size:3.3em;line-height:.8}#story .player{font-family:var(--ui);color:var(--player);margin:1.6em 0 1.1em;padding-left:24px;font-size:21px;position:relative}#story .player:before{content:"";opacity:.8;width:16px;height:9px;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;mask:var(--mask-line) center / 100% 100% no-repeat;background:currentColor;position:absolute;top:.62em;left:0}#story .end{text-align:center;font-family:var(--display);letter-spacing:.12em;color:var(--ink);margin-top:2.5em;font-size:21px}#story .end:before,#story .end:after{content:"";vertical-align:middle;opacity:.6;width:2.2em;height:.4em;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;mask:var(--mask-line) center / 100% 100% no-repeat;background:currentColor;margin:0 .7em;display:inline-block}#story .continue{font-family:var(--ui);color:var(--on-ink);background:0 0;border:none;margin:.5em auto 1.5em;padding:13px 32px 14px;font-size:21px;line-height:1.2;animation:.6s both fadein;display:block}#story .continue:hover:before{background:var(--rust)}.error{color:var(--error);font-size:18px}#waiting{color:var(--ink-faint);letter-spacing:.4em;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.9}}#suggestions{flex-wrap:wrap;gap:10px 12px;display:flex}#suggestions:not(:empty){padding:4px 0 8px}body.typing #suggestions,body.typing header,body.typing .rule,body.typing #status{display:none}#suggestions button{color:var(--ink);font-family:var(--ui);text-align:left;background:0 0;border:none;padding:10px 22px 11px;font-size:20px;line-height:1.25;animation:.4s both fadein}#suggestions button:before{background:var(--wash);-webkit-mask-image:var(--mask-brush-2);-webkit-mask-image:var(--mask-brush-2);mask-image:var(--mask-brush-2)}#suggestions button:hover,#suggestions button:active{color:var(--on-ink)}#suggestions button:hover:before,#suggestions button:active:before{background:var(--ink)}#suggestions button.skill:before{background:color-mix(in srgb, var(--skill) 40%, transparent)}#suggestions button.skill:hover:before,#suggestions button.skill:active:before{background:var(--skill)}.skill-tag{color:color-mix(in srgb, var(--skill) 62%, var(--ink));font-size:15px;line-height:1.2;display:block}#suggestions button.skill:hover .skill-tag,#suggestions button.skill:active .skill-tag{color:inherit}#story .gained{text-align:center;font-family:var(--display);letter-spacing:.04em;color:color-mix(in srgb, var(--skill) 62%, var(--ink));margin:1.6em 0;font-size:21px;animation:.6s both fadein}#story .gained:before,#story .gained:after{content:"";vertical-align:middle;background:var(--skill);width:2.2em;height:.4em;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;mask:var(--mask-line) center / 100% 100% no-repeat;margin:0 .7em;display:inline-block}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}}#form{padding:10px var(--side) calc(20px + env(safe-area-inset-bottom));align-items:center;gap:12px;display:flex}#form>span{color:var(--rust);font-family:var(--display);font-size:26px;line-height:1}.write{flex:1;min-width:0;position:relative}.write:after{content:"";background:var(--ink);opacity:.7;pointer-events:none;height:7px;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;mask:var(--mask-line) center / 100% 100% no-repeat;position:absolute;bottom:0;left:0;right:0}#input{width:100%;color:var(--ink);font-family:var(--ui);caret-color:var(--rust);background:0 0;border:none;outline:none;padding:8px 2px 10px;font-size:22px;line-height:1.4}#input::placeholder{color:var(--ink-soft);opacity:1}#input:disabled{opacity:1;-webkit-text-fill-color:currentColor}#input:disabled::placeholder{-webkit-text-fill-color:var(--ink-soft)}.round{border:1px solid var(--line);width:44px;height:44px;color:var(--ink-soft);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}#send{width:56px;height:52px;color:var(--on-ink);border:none;border-radius:0}#send:before{-webkit-mask-image:var(--mask-blot);-webkit-mask-image:var(--mask-blot);mask-image:var(--mask-blot)}#send:not(:disabled):hover:before,#send:not(:disabled):active:before{background:var(--rust)}.round:disabled{opacity:.3}.runestone{margin:.6em 0 1.4em;animation:.6s both fadein}.wheel{aspect-ratio:1;touch-action:none;cursor:grab;width:min(100%,380px);margin:0 auto;position:relative}.wheel.turning{cursor:grabbing}.wheel svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wheel .ring{transform-origin:50%;will-change:transform;pointer-events:none}.wheel .ring:focus{outline:none}.ring .sigil path{stroke:var(--c);fill:none;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .8s}.ring .sigil circle{fill:var(--c);transition:fill .8s}.ring .sigil{opacity:var(--glimmer,.5);filter:drop-shadow(0 0 var(--halo,2px) var(--c));transition:filter .4s}.ring.locked .sigil{--halo:6px}.runestone.solved .ring .sigil path{stroke:#f6e7b0}.runestone.solved .ring .sigil circle{fill:#f6e7b0}.runestone.solved .ring .sigil{filter:drop-shadow(0 0 7px #f6e7b0)}.wheel .glow{pointer-events:none;opacity:0;background:radial-gradient(closest-side,#f6e7b04d,#0000);border-radius:50%;transition:opacity 1.2s;position:absolute;inset:18%}.runestone.solved .glow{opacity:1;animation:3.2s ease-in-out infinite breathe}.runestone.solved .wheel,.wheel.still{cursor:default;touch-action:auto}@keyframes breathe{50%{opacity:.55}}.focus-ring{fill:none;stroke:var(--ochre);stroke-width:3px;opacity:0}.wheel:has(.ring:focus-visible) .focus-ring{opacity:1}.runestone .hint{text-align:center;font-family:var(--ui);color:var(--ink-soft);margin:10px 0 0;font-size:18px}.field{font-family:var(--ui);margin-bottom:18px;display:block}.field>span{color:var(--ink-soft);margin-bottom:4px;font-size:17px;display:block}input[type=email],input[type=password],select,textarea{background:color-mix(in srgb, var(--paper-deep) 55%, transparent);border:1.5px solid var(--line);width:100%;color:var(--ink);font-family:var(--ui);border-radius:3px;padding:9px 12px;font-size:19px}input:focus,select:focus,textarea:focus{outline:2px solid var(--ochre);outline-offset:0;border-color:#0000}textarea{font-family:var(--mono);resize:vertical;font-size:13.5px;line-height:1.55}#login .field,.scroll .field{position:relative}#login .field:after,.scroll .field:after{content:"";background:var(--ink);opacity:.7;pointer-events:none;height:7px;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;mask:var(--mask-line) center / 100% 100% no-repeat;position:absolute;bottom:0;left:0;right:0}#login input,.scroll input[type=email]{background:0 0;border:none;border-radius:0;padding:6px 2px 10px;font-size:20px}#login input:focus,.scroll input[type=email]:focus{outline:none}.primary,.secondary{font-family:var(--ui);background:0 0;border:none;padding:12px 28px 13px;font-size:20px;line-height:1.2}.primary{color:var(--on-ink)}.primary:not(:disabled):hover:before{background:var(--rust)}.secondary{color:var(--ink)}.secondary:before{background:var(--wash);-webkit-mask-image:var(--mask-brush-2);-webkit-mask-image:var(--mask-brush-2);mask-image:var(--mask-brush-2)}.secondary:not(:disabled):hover:before{background:color-mix(in srgb, var(--ochre) 62%, transparent)}.primary:disabled,.secondary:disabled{opacity:.5;cursor:default}.hint{font-family:var(--ui);color:var(--ink-soft);margin:0 0 14px;font-size:17px;line-height:1.45}.hint code{color:var(--rust);font-size:13px}.msg{font-family:var(--ui);margin:0 0 14px;font-size:18px;line-height:1.45}.msg.error{color:var(--error)}.msg.ok{color:var(--ok)}#login{z-index:30;background:inherit;place-items:center;padding:24px;display:grid;position:absolute;inset:0}#login form{width:100%;max-width:400px;padding:24px 8px}.seal{background:var(--rust);opacity:.85;width:64px;height:64px;-webkit-mask:var(--seal) center / contain no-repeat;-webkit-mask:var(--seal) center / contain no-repeat;mask:var(--seal) center / contain no-repeat;margin:0 auto 18px;display:block}#login h1{white-space:normal;text-align:center;margin:0 auto 14px;padding:18px 36px 15px;font-size:36px;display:table}#login .sub{text-align:center;font-family:var(--ui);color:var(--ink-soft);margin:0 0 28px;font-size:20px}#login .primary{width:100%;margin-top:6px}#login .link{margin:14px auto 0;display:block}#login a.link{text-align:center}#paywall{z-index:25;background:var(--veil);padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.scroll{width:100%;max-width:640px;color:var(--ink);background:var(--grain), radial-gradient(ellipse 55% 35% at 0 0, color-mix(in srgb, var(--olive) 22%, transparent), transparent 70%), radial-gradient(ellipse 60% 40% at 100% 100%, color-mix(in srgb, var(--ochre) 24%, transparent), transparent 70%), var(--paper);text-align:center;border-radius:2px;margin:auto;padding:44px 32px 30px;animation:.45s both unroll;position:relative;box-shadow:0 24px 70px #00000059}@keyframes unroll{0%{opacity:0;transform:translateY(12px)scale(.98)}}.scroll h2{font-family:var(--display);color:var(--ink);margin:0 0 10px;font-size:31px;font-weight:400;line-height:1.2}.scroll p{margin:0 0 16px}.pw-kicker{font-family:var(--ui);color:var(--rust);font-size:19px;margin-bottom:6px!important}.pw-kicker:before,.pw-kicker:after{content:"";vertical-align:middle;opacity:.7;width:1.6em;height:.35em;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;mask:var(--mask-line) center / 100% 100% no-repeat;background:currentColor;margin:0 .55em;display:inline-block}.scroll .seal{width:52px;height:52px;margin-bottom:14px}.pw-lead{color:var(--ink-soft);max-width:46ch;font-size:19px;margin-left:auto!important;margin-right:auto!important}.pw-x{width:40px;height:40px;color:var(--ink-soft);font-family:var(--ui);background:0 0;border:none;font-size:30px;line-height:1;position:absolute;top:14px;right:14px}.plans{flex-wrap:wrap;justify-content:center;gap:14px;margin:24px 0 10px;display:flex}.plan{background:color-mix(in srgb, var(--ochre) 12%, transparent);max-width:280px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:2px;flex-direction:column;flex:220px;align-items:center;padding:22px 18px 18px;display:flex}.plan-name{font-family:var(--ui);color:var(--rust);font-size:20px}.plan-price{font-family:var(--display);margin-top:8px;font-size:40px;font-weight:400;line-height:1.1}.plan-term{font-family:var(--ui);color:var(--ink-soft);font-size:17px}.plan-note{flex:1;font-size:17px;line-height:1.4;margin:12px 0 16px!important}.plan .primary{width:100%}.scroll .link{color:var(--ink-soft);text-decoration:underline}.scroll .field{text-align:left;max-width:380px;margin:0 auto 16px}.scroll .msg.error{color:var(--error)}.scroll form .primary,#pwDone{min-width:220px}.pw-chosen{font-family:var(--ui);color:var(--rust);font-size:19px}.pw-small{color:var(--ink-soft);font-size:16px}.pw-loading{color:var(--rust);letter-spacing:.4em;animation:1.6s ease-in-out infinite pulse;margin:28px 0!important}.pw-admin{border-top:1px dashed var(--line);font-family:var(--ui);color:var(--ink-soft);margin-top:18px;padding-top:12px;font-size:16px}.pw-admin select{width:auto;padding:4px 8px;font-size:16px}#sheet{z-index:22;position:absolute;inset:0}.sheet-page{background:radial-gradient(ellipse 50% 30% at 100% 100%, color-mix(in srgb, var(--ochre) 22%, transparent), transparent 70%), radial-gradient(ellipse 40% 30% at 0 0, color-mix(in srgb, var(--olive) 18%, transparent), transparent 70%);flex-direction:column;align-items:center;height:100%;animation:.2s both slidein;display:flex}.sheet-head,.sheet-body{width:100%;max-width:720px}.sheet-head{padding:calc(22px + env(safe-area-inset-top)) var(--side) 4px}#sheetClose{align-items:center;gap:6px;font-size:19px;display:inline-flex}.sheet-foot{width:100%;max-width:720px;padding:0 var(--side) calc(8px + env(safe-area-inset-bottom))}.sheet-foot:before{content:"";background:var(--ink);opacity:.55;height:10px;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;mask:var(--mask-line) center / 100% 100% no-repeat;display:block}.sheet-foot nav{flex-wrap:wrap;gap:0 24px;padding-top:4px;display:flex}.sheet-foot .link{align-items:center;gap:7px;font-size:19px;display:inline-flex}.sheet-body{padding:10px var(--side) calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.sheet-body h2{font-family:var(--display);color:var(--on-ink);margin:6px 0 18px -10px;padding:12px 28px 10px 22px;font-size:28px;font-weight:400;line-height:1;display:inline-block}.sheet-body p{margin:0}.sheet-who{font-family:var(--ui);color:var(--ink-soft);font-size:21px}.sheet-name{font-family:var(--display);color:var(--ink);font-size:27px}.sheet-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 44px;font-size:19px;display:grid}.sheet-list{margin:0}.sheet-list div{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:0 12px;padding:5px 0;display:flex}.sheet-list dd{font-family:var(--ui);color:var(--ink-soft);text-align:right;margin:0 0 0 auto}.sheet-errands dd{color:var(--rust)}.sheet-items{margin:0;padding:0;list-style:none}.sheet-items li{padding:3px 0 3px 26px;position:relative}.sheet-items li:before{content:"";background:var(--ink);opacity:.7;width:15px;height:8px;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;mask:var(--mask-line) center / 100% 100% no-repeat;position:absolute;top:.85em;left:0}.sheet-traits{flex-wrap:wrap;gap:10px 12px;padding-top:4px;display:flex}.sheet-traits span{font-family:var(--ui);padding:7px 20px 8px}.sheet-traits span:before{background:var(--wash);-webkit-mask-image:var(--mask-brush-2);-webkit-mask-image:var(--mask-brush-2);mask-image:var(--mask-brush-2)}.sheet-note{font-family:var(--ui);color:var(--ink-faint);font-size:17px;margin-top:32px!important}.sheet-empty{font-family:var(--ui);color:var(--ink-faint)}.sheet-skills{margin:0;padding:0;list-style:none}.sheet-skills li{padding:4px 0 14px}.sheet-skills .sheet-traits span:before{background:color-mix(in srgb, var(--skill) 42%, transparent)}.sheet-skills p{color:var(--ink-soft);margin-top:4px}.sheet-items .link{font-family:var(--font);font-size:inherit;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ochre);text-decoration-color:var(--ochre);text-underline-offset:4px;padding:0}#openSheet .badge{background:var(--rust);border-radius:50%;width:9px;height:9px;animation:.4s both fadein;position:absolute;top:6px;right:6px}#mapView{z-index:24;background:var(--veil);padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-sheet{background:var(--grain), var(--paper);border-radius:2px;margin:0;padding:14px;animation:.45s both unroll;position:relative;box-shadow:0 24px 70px #0006}.map-sheet img{width:min(88vw, calc(var(--vv-height,100dvh) - 110px), 900px);aspect-ratio:1;height:auto;display:block}.map-sheet figcaption{font-family:var(--ui);color:var(--ink-soft);text-align:center;padding-top:8px;font-size:18px}.map-sheet .pw-x{background:var(--paper);border-radius:50%;top:-6px;right:-6px;box-shadow:0 2px 10px #00000040}#settings{z-index:20;background:var(--veil);justify-content:flex-end;display:flex;position:absolute;inset:0}#settings .panel{background:var(--grain), var(--paper);border-left:1px solid var(--line);flex-direction:column;width:min(760px,100%);height:100%;animation:.2s both slidein;display:flex;box-shadow:-18px 0 50px #0000002e}@keyframes slidein{0%{opacity:0;transform:translate(24px)}}.panel-head,.panel-foot{padding:calc(14px + env(safe-area-inset-top)) 20px 14px;border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex}.panel-head h2{font-family:var(--display);color:var(--ink);flex:1;margin:0;font-size:26px;font-weight:400}.panel-head .round{width:38px;height:38px}.panel-body{flex:1;padding:20px;overflow-y:auto}.panel-body h3,.sheet-body h3{font-family:var(--display);color:var(--ink);margin:30px 0 12px;padding-bottom:6px;font-size:22px;font-weight:400;display:inline-block;position:relative}.panel-body h3:after,.sheet-body h3:after{content:"";background:var(--ink);opacity:.6;height:6px;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;-webkit-mask:var(--mask-line) center / 100% 100% no-repeat;mask:var(--mask-line) center / 100% 100% no-repeat;position:absolute;bottom:0;left:0;right:0}.panel-foot{border-bottom:none;border-top:1px solid var(--line);padding:14px 20px calc(14px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:flex-end}.row{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.row .field{flex:240px}.check{font-family:var(--ui);align-items:center;gap:10px;margin-bottom:18px;padding:10px 0;font-size:19px;display:flex}.check input{width:18px;height:18px;accent-color:var(--rust)}.buttons{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}#cfgScript{height:46vh;min-height:220px}#cfgPrompt{height:32vh;min-height:180px}#cfgPricing,#cfgCharacter,#cfgPresets{height:30vh;min-height:200px}.table-wrap{margin-bottom:10px;overflow-x:auto}#stats table{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums;width:100%;font-size:16px}#stats th,#stats td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 10px 6px 0}#stats th{color:var(--ink-soft);font-family:var(--ui);font-weight:400}#stats td.num{text-align:right}.account{font-family:var(--ui);color:var(--ink-soft);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;padding-top:16px;font-size:17px;display:flex}.account .link{padding:0;font-size:17px;text-decoration:underline}#settings .loading{font-family:var(--ui);color:var(--ink-soft)}@media (max-width:600px){:root{--side:18px}body{font-size:19px;line-height:1.58}header{padding:calc(10px + env(safe-area-inset-top)) var(--side) 2px}h1{margin-left:-6px;padding:8px 18px 7px 14px;font-size:clamp(16px,5vw,20px)}.rule{margin:2px 0 0}#form{padding-top:6px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}#story{padding-top:8px;padding-bottom:16px}#story .player{font-size:19px}#suggestions button{padding:8px 18px 9px;font-size:18px}#login h1{font-size:29px}#settings .panel{border-left:none}.panel-body{padding:16px}textarea{font-size:16px}.panel-foot button{flex:auto}.scroll{padding:38px 18px 22px}.scroll h2{font-size:25px}.plan{max-width:none}.sheet-head{padding-top:calc(10px + env(safe-area-inset-top))}#story .gained{font-size:19px}#story .gained:before,#story .gained:after{content:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}