html,body{background:#000;height:100%;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#view{touch-action:none;width:100%;height:100%;image-rendering:pixelated;outline:none;display:block}#debug{color:#f4f1ea;pointer-events:none;white-space:pre;background:#0c0a10b8;max-width:46vw;margin:0;padding:6px 8px;font:11px/1.35 ui-monospace,Consolas,monospace;position:absolute;top:8px;left:8px;overflow:hidden}#fail{text-align:center;color:#f4f1ea;font:14px/1.4 system-ui,sans-serif;position:absolute;inset:auto 0 40%}#touch{pointer-events:none;transition:opacity .4s steps(4,end);position:absolute;inset:0}html.cine #touch{opacity:0;visibility:hidden;transition:none}.press{z-index:5;color:#f6eee9;letter-spacing:.18em;cursor:pointer;background:#00000059;border:2px solid #f6eee9;padding:10px 22px;font:400 14px/1 ui-monospace,Consolas,monospace;position:absolute;bottom:12vh;left:50%;translate:-50%}.press:hover,.press:focus-visible{color:#000;background:#f6eee9;outline:none}.press[hidden]{display:none}#touch .tb{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:#1b1922cc;background:#fffaf052;border:2px solid #1b19228c;border-radius:50%;place-items:center;padding:0;font:600 18px/1 system-ui,sans-serif;display:grid;position:absolute}#touch .tb.on{background:#fffaf09e}#touch .tb.cool{opacity:.4}#touch .attack{width:76px;height:76px;right:max(26px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom));font-size:26px}#touch .jump{width:58px;height:58px;right:calc(max(26px, env(safe-area-inset-right)) + 92px);bottom:max(18px, env(safe-area-inset-bottom))}#touch .dash{width:50px;height:50px;right:calc(max(26px, env(safe-area-inset-right)) + 88px);bottom:calc(max(18px, env(safe-area-inset-bottom)) + 70px)}#touch .kit{width:44px;height:44px;font-size:15px}#touch .kit.q{right:calc(max(26px, env(safe-area-inset-right)) + 30px);bottom:calc(max(26px, env(safe-area-inset-bottom)) + 92px)}#touch .kit.r{right:max(16px, env(safe-area-inset-right));bottom:calc(max(26px, env(safe-area-inset-bottom)) + 142px);border-color:#c9304fbf}#touch .stick-base{opacity:0;background:#fffaf029;border:2px solid #1b192259;border-radius:50%;width:96px;height:96px;margin:-48px 0 0 -48px;transition:opacity .12s;position:absolute}#touch .stick-base.on{opacity:1}#touch .stick-knob{background:#fffaf08c;border:2px solid #1b192273;border-radius:50%;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#panel-layer{z-index:5;background:#0c0a106b;place-items:center;display:none;position:absolute;inset:0}#panel-layer.on{display:grid}.panel{--ink:#1b1922;--paper:#fffaf0;--paper2:#f6ecd8;--red:#c9304f;--gold:#f3bd41;--lacquer:#27242d;width:min(680px,92vw);max-height:min(82vh,760px);color:var(--ink);letter-spacing:.01em;background:var(--paper);image-rendering:pixelated;box-shadow:0 0 0 3px var(--ink), 0 0 0 6px var(--gold), 0 0 0 9px var(--ink), 8px 10px 0 9px #00000059;flex-direction:column;font:16px/1.5 DotGothic16,ui-monospace,monospace;display:flex;position:relative}.panel.wide{width:min(1100px,94vw)}.panel header{background:var(--lacquer);color:#fff4f1;align-items:center;gap:12px;padding:10px 14px;display:flex}.panel header h2{font:inherit;letter-spacing:.04em;flex:1;margin:0;font-size:20px}.panel header .close{background:var(--red);color:#fff4f1;width:34px;height:34px;font:inherit;cursor:pointer;box-shadow:0 0 0 2px var(--ink);border:0;font-size:22px;line-height:1}.panel .body{overscroll-behavior:contain;padding:14px 18px 18px;overflow:auto}.panel .lede{margin:0 0 12px;font-size:17px}.panel h3{font:inherit;color:var(--red);margin:10px 0 4px;font-size:17px}.panel p{margin:4px 0}.panel .foot{margin-top:14px}.panel a{color:#1e6cab}.panel .btn{background:var(--red);color:#fff4f1;font:inherit;cursor:pointer;box-shadow:0 0 0 2px var(--ink), 3px 3px 0 2px #00000040;border:0;margin:6px 6px 0 0;padding:4px 12px;text-decoration:none;display:inline-block}.panel .btn.big{padding:6px 16px;font-size:18px}.panel .btn:focus-visible,.panel .chip:focus-visible,.panel .close:focus-visible,.panel a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.panel .tag{background:var(--ink);color:#fff4f1;margin-left:8px;padding:0 6px;font-size:13px}.panel.look-board{background:#3a3240}.panel.look-board .body,.panel.look-board .lede,.panel.look-board .foot a{color:#fff4f1}.panel .notices{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.panel .notice{background:var(--paper);color:var(--ink);box-shadow:0 0 0 2px var(--ink), 3px 4px 0 2px #0000004d;padding:10px 12px 12px;position:relative}.panel .notice:before{content:"";background:var(--gold);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);margin-left:-4px;position:absolute;top:-5px;left:50%}.panel .notice h3{color:var(--ink);margin-top:2px}.panel .notice .meta{color:#62576e;font-size:13px}.panel.look-shelf{background:#f1e2c4}.panel .shelf-row{border-bottom:6px solid #896741;margin-bottom:10px;padding-bottom:8px}.panel .books{gap:8px;margin:0;padding:0;list-style:none;display:grid}.panel .book{background:var(--paper);box-shadow:0 0 0 2px var(--ink);border-left:8px solid var(--red);padding:6px 10px}.panel .book-title{color:var(--ink);font-size:17px}.panel.look-ledger,.panel.look-slip{background:repeating-linear-gradient(var(--paper) 0 27px, #e6d8bc 27px 28px)}.panel .slip-code{box-sizing:border-box;width:100%;font:inherit;box-shadow:0 0 0 2px var(--ink);background:#fff;border:0;margin:4px 0;padding:6px 8px;font-size:14px;display:block}.panel .msg{min-height:1.5em;color:var(--red)}.panel.look-box{background:#f6ecd8}.panel .give{background:var(--paper);box-shadow:0 0 0 2px var(--ink);margin-bottom:12px;padding:10px 12px}.panel .qr{width:max-content;box-shadow:0 0 0 2px var(--ink);margin:8px 0}.panel .qr canvas{width:180px;height:180px;image-rendering:pixelated;display:block}.panel .picks{flex-wrap:wrap;gap:6px;display:flex}.panel .chip{background:var(--paper2);color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 0 0 2px var(--ink);border:0;padding:2px 8px;font-size:14px}.panel .wheel{box-shadow:0 0 0 2px var(--ink);background:repeating-linear-gradient(90deg,#fffaf0 0 18px,#f6ecd8 18px 36px);padding:10px 12px}.panel.look-scroll{background:var(--paper);box-shadow:0 0 0 3px var(--ink), 0 -12px 0 3px #896741, 0 12px 0 3px #896741, 8px 10px 0 9px #00000059}.panel.look-frame{background:#1b1922}.panel.look-frame .body{place-items:center;display:grid}.panel .piece{margin:0}.panel .piece img{width:auto;max-width:100%;height:auto;max-height:66vh;box-shadow:0 0 0 4px var(--gold), 0 0 0 8px var(--lacquer);display:block}.panel.look-frame .foot a{color:#fff4f1}@media (prefers-reduced-motion:no-preference){#panel-layer.on .panel{animation:.12s steps(3,end) both panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}}}.panel .plaques{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.panel .plaque{border-top:6px solid var(--gold)}.panel .steps{margin:8px 0;padding-left:22px}.panel .steps li{margin:4px 0}.panel .sum{word-break:break-all;font-size:13px}.panel.look-board .foot{color:#fff4f1}#touch .tab{left:50%;bottom:max(6px, env(safe-area-inset-bottom));background:linear-gradient(#f5d25c,#dca82e);border:2px solid #5a3c06;border-radius:2px;width:26px;height:46px;margin-left:-13px}#touch .tab:after{content:"";background:#d8232c;width:4px;height:22px;margin-left:-2px;position:absolute;top:9px;left:50%}.controls{left:max(14px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top));z-index:4;color:#f6eee9;letter-spacing:.08em;pointer-events:none;opacity:0;visibility:hidden;background:#0000008c;border:2px solid #f6eee9;padding:10px 14px 9px;font:400 12px/1 ui-monospace,Consolas,monospace;transition:opacity .5s steps(4,end),visibility 0s .5s;position:absolute}.controls.on{opacity:1;visibility:visible;transition:opacity .2s steps(2,end),visibility}.controls ul{grid-template-columns:auto auto;align-items:center;gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}.controls li{display:contents}.controls .keys{justify-content:flex-end;gap:3px;display:flex}.controls kbd{min-width:1.4em;font:inherit;text-align:center;letter-spacing:0;border:1px solid #f6eee9;padding:3px 4px 2px;display:inline-block;box-shadow:0 2px #f6eee9}.controls .what{text-transform:uppercase;letter-spacing:.16em}.controls .again{opacity:.75;margin:9px 0 0;font-size:11px}.controls .again kbd{min-width:0;box-shadow:none;padding:1px 3px 0}.controls-q{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));z-index:4;color:#f6eee9;cursor:pointer;opacity:.6;background:#00000059;border:2px solid #f6eee9;width:26px;height:26px;padding:0;font:400 13px/1 ui-monospace,Consolas,monospace;position:absolute}.controls-q:hover,.controls-q:focus-visible,.controls-q.on{color:#000;opacity:1;background:#f6eee9;outline:none}.controls-q[hidden]{display:none}html.cine .controls,html.cine .controls-q{visibility:hidden}@media (prefers-reduced-motion:reduce){.controls,.controls.on{transition:none}}#touch .tb[data-label]:after{content:attr(data-label);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#fffaf0d9;text-shadow:0 1px #1b1922e6;pointer-events:none;font:600 9px/1 ui-monospace,Consolas,monospace;position:absolute;top:calc(100% + 3px);left:50%;translate:-50%}