#ui{pointer-events:none;font-size:0;line-height:0;position:fixed;inset:0;overflow:hidden}#ui>*{pointer-events:auto}#dim{pointer-events:none;background:#43344f00;transition:background .2s;position:fixed;inset:0}#dim.on{pointer-events:auto;background:#43344f73}canvas.text,canvas[data-art]{image-rendering:pixelated;display:block}.panel{position:relative}.panel-bg{position:absolute;inset:0}.panel>:not(.panel-bg){position:relative}.pixel-button{appearance:none;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;margin:0;padding:0;display:block;position:relative}.pixel-button .face{position:absolute;top:0;left:0}.pixel-button .face-down,.pixel-button.is-down .face-up{display:none}.pixel-button.is-down .face-down{display:block}.pixel-button .button-content{justify-content:center;align-items:center;gap:var(--px);padding-bottom:calc(var(--px) * 2);display:flex;position:absolute;inset:0}.pixel-button.is-down .button-content{padding-bottom:0;padding-top:calc(var(--px) * 2)}.pixel-button:focus-visible{outline-offset:2px;outline:3px solid #ffdf7e}.close-button{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.card-wrap{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-wrap>*{pointer-events:auto}.card-body{gap:calc(var(--px) * 3);box-sizing:border-box;touch-action:pan-y;flex-direction:column;height:100%;display:flex;overflow-y:auto}.card-title{margin:0 auto calc(var(--px) * 1)}.row{justify-content:space-between;align-items:center;gap:calc(var(--px) * 2);flex-wrap:wrap;display:flex}.row>:last-child{margin-left:auto}.stack{gap:calc(var(--px) * 3);flex-direction:column;align-items:center;display:flex}.spread{gap:calc(var(--px) * 3);flex-wrap:wrap;justify-content:center;display:flex}.grow{flex:1}#hud{left:calc(env(safe-area-inset-left) + var(--px) * 2);right:calc(env(safe-area-inset-right) + var(--px) * 2);top:calc(env(safe-area-inset-top) + var(--px) * 2);align-items:flex-start;gap:var(--px);pointer-events:none;display:flex;position:fixed}#hud>*{pointer-events:auto}#hud .spacer{pointer-events:none;flex:1}#help,#skip{right:calc(env(safe-area-inset-right) + var(--px) * 2);bottom:calc(env(safe-area-inset-bottom) + var(--px) * 2);position:fixed}#decorate{left:calc(env(safe-area-inset-left) + var(--px) * 2);bottom:calc(env(safe-area-inset-bottom) + var(--px) * 2);position:fixed}.pill{align-items:center;gap:var(--px);padding:0 calc(var(--px) * 2);box-sizing:border-box;display:flex}.pill .panel-bg{z-index:0}#dialogue,#hint{left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--px) * 2);touch-action:none;position:fixed;transform:translate(-50%)}#hint{bottom:calc(env(safe-area-inset-bottom) + var(--px) * 30)}.dialogue-inner{padding:calc(var(--px) * 6) calc(var(--px) * 6) calc(var(--px) * 5);box-sizing:border-box;gap:calc(var(--px) * 2);flex-direction:column;display:flex;position:absolute;inset:0}.dialogue-more{right:calc(var(--px) * 6);bottom:calc(var(--px) * 3);animation:.9s ease-in-out infinite bob;position:absolute}.hint-inner{padding:calc(var(--px) * 5) calc(var(--px) * 6);box-sizing:border-box;align-items:center;gap:calc(var(--px) * 3);display:flex;position:absolute;inset:0}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--px) * -1))}}@media (prefers-reduced-motion:reduce){.dialogue-more{animation:none}}.screen{touch-action:pan-y;box-sizing:border-box;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.screen-inner{justify-content:center;align-items:center;gap:calc(var(--px) * 4);padding:calc(env(safe-area-inset-top) + var(--px) * 4) calc(env(safe-area-inset-right) + var(--px) * 4) calc(env(safe-area-inset-bottom) + var(--px) * 4) calc(env(safe-area-inset-left) + var(--px) * 4);box-sizing:border-box;flex-direction:column;min-width:100%;margin:auto;display:flex;position:relative}.screen .version{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + var(--px) * 2);pointer-events:none;margin:0 auto;position:absolute}.screen-inner{padding-bottom:calc(env(safe-area-inset-bottom) + var(--px) * 18)}.screen .top{left:calc(env(safe-area-inset-left) + var(--px) * 2);top:calc(env(safe-area-inset-top) + var(--px) * 2);position:absolute}.letters{gap:var(--px);justify-content:center;display:grid}.name-note{opacity:.85}.tabs{gap:var(--px);justify-content:center;display:flex}.tabs .pixel-button{min-width:0;min-height:0}.page{gap:calc(var(--px) * 2);touch-action:pan-y;flex-direction:column;flex:1;align-items:stretch;display:flex;overflow-y:auto}.page>canvas.text{align-self:center}.quest-body{gap:calc(var(--px) * 2);flex-direction:column;display:flex}.quest-body .pixel-button{min-width:0;min-height:0}.quest-row,.line{gap:calc(var(--px) * 2);align-items:flex-start;display:flex}.line{align-items:center}.quest-col{gap:calc(var(--px) * 2);flex-direction:column;min-width:0;display:flex}.item-grid{gap:calc(var(--px) * 2);flex-wrap:wrap;justify-content:center;display:flex}.item-cell{appearance:none;align-items:center;gap:var(--px);background:0 0;border:0;flex-direction:column;min-width:44px;min-height:44px;padding:0;display:flex}.item-slot{position:relative}.cols{gap:calc(var(--px) * 6);justify-content:center;align-items:flex-start;display:flex}.cols>.stack{gap:calc(var(--px) * 3)}.puzzle .card-body>*{flex-shrink:0}.board{touch-action:none;align-self:center;position:relative}.board .slot{position:absolute}.board .slot.glow .panel-bg{filter:brightness(1.12)}.tile{appearance:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;border:0;min-width:0;min-height:0;margin:0;padding:0;position:absolute}.tile canvas{pointer-events:none}.tile.lifted{z-index:3;filter:drop-shadow(0 calc(var(--px) * 1) 0 #43344f59)}.tile.dragging{z-index:4;cursor:grabbing}.tile.locked{cursor:default;filter:saturate(.85)}.tile:focus-visible{outline-offset:2px;outline:3px solid #ffdf7e}.puzzle-picture{touch-action:none}.pixel-button.dim{opacity:.55}@keyframes tile-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(calc(var(--px) * -4))}}@media (prefers-reduced-motion:reduce){.tile{transition:none!important}@keyframes tile-bounce{0%,to{transform:none}}}.counters{gap:calc(var(--px) * 2);flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;display:flex}.counter{position:relative}.count-label{left:50%;top:calc(var(--px) * -8);transition:opacity .2s;position:absolute;transform:translate(-50%)}.sign{margin:0 var(--px)}.pixel-button.highlight .face-up{filter:brightness(1.1)}.pixel-button.is-chosen{outline:calc(var(--px) * 1) solid #bd3f78;outline-offset:0;border-radius:calc(var(--px) * 2)}#look .line .pixel-button{min-width:0;min-height:0}.outfit-cell.is-chosen{outline:calc(var(--px) * 1) solid #bd3f78;outline-offset:0;border-radius:calc(var(--px) * 2)}.card .line .pixel-button{min-width:0;min-height:0}.backup-field{border-radius:calc(var(--px) * 1);color:#43344f;resize:none;-webkit-user-select:text;user-select:text;background:#fff8ea;border:2px solid #43344f;padding:4px;font:12px/1.3 ui-monospace,Menlo,monospace}