@font-face{font-family:Fraunces;src:url(./fraunces-latin-400-normal-6IfK1voy.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Fraunces;src:url(./fraunces-latin-400-italic-ChpO6tcr.woff2)format("woff2");font-weight:400;font-style:italic;font-display:block}:root{--paper:#efe6d6;--inkA:#3a3f63;--inkB:#8b97ad}html,body{background:var(--paper);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#stage{touch-action:none;position:fixed;inset:0}#stage canvas{touch-action:none;display:block}#overlay{pointer-events:none;color:var(--inkA);font-family:Fraunces,Georgia,serif;position:fixed;inset:0}.line{text-align:center;letter-spacing:.02em;opacity:0;font-size:17px;transition:opacity 1.6s;position:absolute;left:0;right:0}.line.on{opacity:1}.line em{font-style:italic}.links{letter-spacing:.06em;opacity:0;justify-content:center;gap:8px;font-size:15px;transition:opacity 1.2s;display:flex;position:absolute;left:0;right:0}.links.on{opacity:1;pointer-events:auto}.links a{color:var(--inkA);text-align:center;min-width:44px;padding:12px 6px;text-decoration:none}.rooms{pointer-events:auto;letter-spacing:.06em;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:18px;display:flex;position:absolute;inset:0}.rooms[hidden]{display:none}.rooms a{color:var(--inkA);text-transform:lowercase;padding:10px 16px;text-decoration:none}.rooms .done{color:var(--inkB)}.caption{left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 10px);text-align:center;letter-spacing:.03em;opacity:0;font-size:14px;font-style:italic;transition:opacity .4s;position:absolute}.caption.on{opacity:.85}body.big #overlay{font-size:133%}body.big .line{font-size:22px}body.big .links,body.big .caption{font-size:19px}@media (prefers-reduced-motion:reduce){.line,.links,.hint,.word,.caption{transition-duration:10ms}}.lab{padding:calc(env(safe-area-inset-top,0px) + 20px) 16px 40px;-webkit-user-select:text;user-select:text;position:absolute;inset:0;overflow:auto}.lab h1{letter-spacing:.08em;margin:0 0 4px;font-size:28px;font-weight:400}.lab h2{margin:22px 0 8px;font-size:16px;font-style:italic;font-weight:400}.lab p{color:var(--inkB);margin:0;font-size:14px}.lab .row{flex-wrap:wrap;gap:4px 14px;display:flex}.lab button{font:inherit;color:var(--inkA);border:none;border-bottom:1.5px solid var(--inkA);cursor:pointer;background:0 0;min-height:44px;padding:10px 2px 4px;font-size:15px}.lab button.on{font-style:italic}.lab .slider{align-items:center;gap:12px;margin:6px 0;font-size:15px;display:flex}.lab .slider span{width:110px}.lab input[type=range]{accent-color:var(--inkA);flex:1}.debug{left:calc(env(safe-area-inset-left,0px) + 6px);bottom:calc(env(safe-area-inset-bottom,0px) + 6px);white-space:pre;color:var(--inkA);opacity:.8;font:11px/1.35 ui-monospace,Menlo,monospace;position:absolute}:root{--underline:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5.2 C 18 3.6 30 6.4 48 4.6 S 80 3.4 98 5' fill='none' stroke='%233A3F63' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");--gold:#d9a13b}.screen{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto;background:var(--paper);padding:calc(env(safe-area-inset-top,0px) + 56px) calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 40px) calc(env(safe-area-inset-left,0px) + 16px);box-sizing:border-box;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.screen h1{letter-spacing:.1em;margin:0 0 6px;font-size:30px;font-weight:400}.screen .aside{color:var(--inkB);text-align:center;margin:2px 0 16px;font-size:15px;font-style:italic}.word{color:var(--inkA);letter-spacing:.08em;box-sizing:border-box;background-position:50% calc(100% - 4px);background-repeat:no-repeat;background-size:0% 7px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 8px 8px;font-size:18px;text-decoration:none;transition:background-size .25s;display:inline-flex}.word:focus-visible,.word:hover,.word.on{background-image:var(--underline);background-size:92% 7px;outline:none}.word.big{background-image:var(--underline);background-size:92% 7px;font-size:24px}.word.small{color:var(--inkB);margin-top:28px;font-size:14px}.word.back{top:calc(env(safe-area-inset-top,0px) + 6px);left:calc(env(safe-area-inset-left,0px) + 6px);font-size:16px;position:absolute}.menu{flex-direction:column;align-items:center;gap:2px;display:flex}.screen-title{justify-content:center;gap:4px}.screen-title .wordmark{margin-bottom:0}.subtitle{margin:2px 0 6px;font-size:16px;font-style:italic}.illustration{margin:0 0 10px}.plan{margin:8px 0 12px;position:relative}.plan canvas{position:absolute;inset:0}.plan .room{box-sizing:border-box;color:var(--inkA);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;padding:12px 10px 0;font-size:15px;font-style:italic;line-height:1.15;text-decoration:none;display:flex;position:absolute}.plan .room .note{letter-spacing:.04em;color:var(--inkB);font-size:12px;font-style:normal;position:absolute;bottom:10px;left:0;right:0}.plan .room:focus-visible{outline:2px dashed var(--inkA);outline-offset:-8px}.plates{grid-template-columns:repeat(2,minmax(0,150px));justify-content:center;gap:10px 18px;width:100%;display:grid}.plate{flex-direction:column;align-items:center;margin:0;display:flex}.plate figcaption{text-align:center;font-size:14px;line-height:1.3}.plate .no{letter-spacing:.04em}.plate .line{color:var(--inkB);margin-top:2px;font-size:12px;font-style:italic;display:block}.name{align-items:baseline;gap:10px;margin:6px 0 14px;font-size:18px;display:flex}.name input{font:inherit;color:var(--inkA);border:none;border-bottom:2px solid var(--inkA);box-sizing:border-box;-webkit-user-select:text;user-select:text;background:0 0;border-radius:0;width:9em;min-height:44px;padding:6px 2px;font-style:italic}.name input:focus{border-bottom-style:dashed;outline:none}.coats{grid-template-columns:repeat(2,minmax(0,150px));justify-content:center;gap:8px 18px;display:grid}.coat{color:var(--inkA);background-position:50% 98%;background-repeat:no-repeat;background-size:0 7px;flex-direction:column;align-items:center;padding:4px;text-decoration:none;display:flex}.coat.on{background-image:var(--underline);background-size:60% 7px}.coat .cname{font-size:16px}.coat .how{color:var(--inkB);min-height:1.2em;font-size:12px;font-style:italic}.coat.locked .cname{color:var(--inkB)}.settings{flex-direction:column;gap:4px;width:100%;max-width:340px;display:flex}.settings .row{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.settings .label{font-size:17px}.choices{gap:6px;display:flex}.settings .choice{color:var(--inkA);letter-spacing:.06em;box-sizing:border-box;opacity:.55;background-position:50% calc(100% - 4px);background-repeat:no-repeat;background-size:0 7px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 8px 8px;font-size:16px;text-decoration:none;display:inline-flex}.settings .choice.on{opacity:1;background-image:var(--underline);background-size:90% 7px}input[type=range].cord{appearance:none;background:0 0;flex:1;max-width:190px;height:44px}input[type=range].cord::-webkit-slider-runnable-track{background:var(--inkA);border-radius:1px;height:2px}input[type=range].cord::-moz-range-track{background:var(--inkA);height:2px}input[type=range].cord::-webkit-slider-thumb{-webkit-appearance:none;border:2.5px solid var(--inkA);box-sizing:border-box;background:#b98a5c;border-radius:50%;width:22px;height:22px;margin-top:-10px}input[type=range].cord::-moz-range-thumb{border:2.5px solid var(--inkA);box-sizing:border-box;background:#b98a5c;border-radius:50%;width:22px;height:22px}input[type=range].cord:focus-visible::-webkit-slider-thumb{background:var(--gold)}.rules{max-width:330px;margin:8px 0 0}.rules dt{margin-top:14px;font-size:18px}.rules dd{color:var(--inkB);margin:2px 0 0;font-size:15px;font-style:italic}.pause{pointer-events:auto;background:#efe6d69e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause .word{text-shadow:0 0 6px var(--paper), 0 0 12px var(--paper), 0 0 18px var(--paper)}.hint{left:0;right:0;top:calc(var(--room-bottom,100vh) - 74px);box-sizing:border-box;text-align:center;letter-spacing:.02em;opacity:0;background:linear-gradient(#efe6d600,#efe6d6e6 38% 72%,#efe6d600);padding:22px 16px 12px;font-size:16px;font-style:italic;transition:opacity .6s;position:absolute}.hint.on{opacity:1}.links.note{color:var(--inkB);font-size:14px;font-style:italic}body.big .word,body.big .hint,body.big .rules dt{font-size:22px}body.big .plate figcaption,body.big .rules dd,body.big .aside{font-size:17px}.marks{pointer-events:none;position:absolute;inset:0}.line .how{color:var(--inkB);margin-top:2px;font-size:14px;font-style:italic;display:block}.wash{opacity:0;pointer-events:none;background:linear-gradient(#efe6d600,#efe6d6e6 30% 78%,#efe6d600);transition:opacity 1.6s;position:absolute;left:0;right:0}.wash.on{opacity:1}.wash[data-floor="0"]{display:none}
