@layer reset{*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}}@layer tokens{:root{--ink:#0c0a08;--ink-2:#16110b;--ink-3:#211a11;--parchment:#e8dcc3;--parchment-2:#d9c9a3;--quill:#2a2118;--quill-faded:#998c72;--brass:#c9a227;--brass-dim:#8a6f4d;--verdigris:#4a7a6a;--dim:#9a8e76;--tap:44px;--line:1px solid #c9a22738;--serif:"Marcellus", "Palatino Linotype", serif;--text:"Spectral", Georgia, serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}}@layer layout{body{background:var(--ink);color:var(--parchment);font-family:var(--text);-webkit-user-select:none;user-select:none;touch-action:manipulation;font-size:13px;overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}#workspace{flex-direction:column;flex:auto;min-height:0;display:flex}main{flex:auto;order:1;min-height:0;display:flex;position:relative}#shelf-row{order:2}#stage{flex:auto;min-width:0;position:relative;overflow:hidden}@media (width>=1000px){#workspace{flex-direction:row}#shelf-row{order:0}main{order:1}}canvas#cv{image-rendering:pixelated;cursor:crosshair;touch-action:none;-webkit-touch-callout:none;background:#0a0806;width:100%;height:100%;display:block;position:absolute;inset:0}}@layer bench{#bench-head{z-index:10;padding:6px 12px;padding-top:max(6px, env(safe-area-inset-top));background:var(--ink-2);background-image:var(--grain);border-bottom:1px solid #c9a2274d;flex:none;align-items:center;gap:10px;display:flex}h1{font-family:var(--serif);letter-spacing:.22em;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(105deg,#8a6f4d 0%,#ecd98f 38%,#c9a227 62%,#8a6f4d 100%);color:#0000;-webkit-background-clip:text;background-clip:text;min-width:0;font-size:clamp(13px,2.8vw,18px);font-weight:400;overflow:hidden}.seal{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.seal svg{display:block;transform:rotate(-90deg)}.ring-bg{stroke:#e8dcc324}.ring-fg{stroke:var(--brass);transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}#progress-label{color:var(--dim);letter-spacing:.06em;white-space:nowrap;font-size:11px}#progress-label b{color:var(--brass);font-weight:500}.iconbar{flex:none;gap:4px;display:flex}.ibtn{width:36px;height:36px;color:var(--dim);border:1px solid #0000;border-radius:4px;place-items:center;transition:transform 80ms,border-color .15s,color .15s,background .15s;display:grid;position:relative}.ibtn svg{fill:currentColor;width:16px;height:16px}.ibtn:active{transform:scale(.92)}.ibtn:hover{color:var(--parchment);background:var(--ink-2);border-color:#c9a2274d}.ibtn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.ibtn.active{color:var(--brass);border-color:var(--brass-dim)}.ibtn .badge{background:var(--brass);color:#1a1407;font-size:8px;font-weight:500;line-height:1.3;font-family:var(--serif);border-radius:2px;padding:1px 4px;position:absolute;top:-4px;right:-4px}#title-card{text-align:center;pointer-events:none;z-index:5;max-width:92%;transition:opacity 1.4s;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}#title-card .t-main{font-family:var(--serif);letter-spacing:.14em;background:linear-gradient(110deg,#8a6f4d 0%,#f0df9a 42%,#c9a227 58%,#8a6f4d 100%);color:#0000;filter:drop-shadow(0 2px 18px #c9a2272e);-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,7vw,56px);line-height:1.15}#title-card .t-sub{color:var(--dim);letter-spacing:.12em;text-shadow:0 1px 6px #000;margin-top:14px;font-size:12px;font-weight:300}#title-card .pc{display:none}@media (hover:hover) and (pointer:fine){#title-card .pc{display:inline}}#ring{pointer-events:none;mix-blend-mode:screen;z-index:6;border:1px solid #e8dcc38c;border-radius:50%;display:none;position:absolute;box-shadow:0 0 6px #c9a22740}#lockzone{pointer-events:none;z-index:5;border:1px dashed #c9a22799;border-radius:4px;animation:2.4s ease-in-out infinite lockpulse;position:absolute}#lockzone[hidden]{display:none}#lockzone .zl{font-family:var(--serif);letter-spacing:.2em;color:var(--brass);text-shadow:0 1px 6px #000;font-size:11px;position:absolute;top:-18px;left:0}@keyframes lockpulse{0%,to{box-shadow:0 0 #c9a22700,inset 0 0 14px #c9a2270d}50%{box-shadow:0 0 18px 2px #c9a2272e,inset 0 0 18px #c9a2271f}}#trial-hud{z-index:10;background:var(--ink-2);background-image:var(--grain);border:var(--line);text-align:center;border-radius:3px;max-width:88vw;padding:7px 16px;position:absolute;top:12px;left:50%;transform:translate(-50%)}#trial-hud[hidden]{display:none}#trial-hud b{font-family:var(--serif);color:var(--brass);letter-spacing:.24em;font-size:12px;font-weight:400;display:block}#trial-hud span{color:var(--dim);letter-spacing:.06em;margin-top:1px;font-size:11px;font-weight:300;display:block}#trial-hud .hint-text{color:var(--brass);max-width:64vw;margin-top:5px;font-style:italic}#hint-btn{color:var(--brass-dim);letter-spacing:.16em;border:1px solid #c9a22740;border-radius:2px;margin-top:6px;padding:4px 12px;font-size:10px}#hint-btn:hover{color:var(--brass);border-color:var(--brass-dim)}}@layer codex{#codex{z-index:40;background:var(--parchment);background-image:var(--grain), linear-gradient(160deg, #efe5cd 0%, #e8dcc3 40%, #ddcda9 100%);min-height:0;color:var(--quill);flex-direction:column;display:flex}.codex-head{font-family:var(--serif);letter-spacing:.22em;color:var(--quill);border-bottom:1px solid #2a211840;flex:none;justify-content:space-between;align-items:baseline;padding:14px 18px 10px;font-size:15px;display:flex}.codex-head span{font-family:var(--text);letter-spacing:.06em;color:var(--quill-faded);font-size:10px;font-weight:300}.grip{display:none}.codex-list{scrollbar-width:thin;scrollbar-color:#2a21184d transparent;-webkit-overflow-scrolling:touch;flex:1;padding:4px 0;overflow-y:auto}.cgroup{font-family:var(--serif);letter-spacing:.3em;color:var(--brass-dim);border-bottom:1px solid #2a21181f;padding:12px 18px 4px;font-size:10px}.entry{border-bottom:1px solid #2a211814;grid-template-columns:38px 1fr;gap:2px 8px;padding:9px 18px;display:grid}.entry .num{font-family:var(--serif);color:#8a6f4dbf;letter-spacing:.06em;grid-row:span 2;padding-top:2px;font-size:12px}.entry .name{font-family:var(--serif);color:#2a211852;letter-spacing:.1em;font-size:14px}.entry .sub{color:var(--quill-faded);letter-spacing:.02em;font-size:10.5px;font-style:italic;font-weight:300;line-height:1.5}.entry.found .name{color:var(--quill)}.entry.found .num{color:#7a5c1a}.entry.found .sub{color:#6b5a3e}.entry.fresh{animation:1.4s both inscribe}@keyframes inscribe{0%{background:#c9a22747}to{background:0 0}}.entry.fresh .name{background:linear-gradient(90deg, var(--quill) 50%, #2a211852 50%);color:#0000;background-position:100% 0;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.2s .1s both ink}@keyframes ink{to{background-position:0 0}}@media (width>=720px){#codex{border-left:0 solid #8a6f4d80;flex:none;width:0;transition:width .35s cubic-bezier(.2,.9,.25,1),border-left-width .35s;position:relative;overflow:hidden}#codex.open{border-left-width:2px;width:312px}.codex-head,.codex-list{width:310px}}@media (width<=719px){#codex{max-height:62vh;padding-bottom:env(safe-area-inset-bottom);border-top:2px solid #8a6f4d80;border-radius:6px 6px 0 0;transition:transform .3s cubic-bezier(.2,.9,.25,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(102%);box-shadow:0 -10px 40px #000000a6}#codex.open{transform:none}.grip{background:#2a211840;border-radius:2px;flex:none;width:36px;height:4px;margin:8px auto 0;display:block}#progress-label{display:none}}}@layer shelf{#shelf-row{z-index:10;background:var(--ink-2);background-image:var(--grain);flex:none;position:relative}.cab-head{font-family:var(--serif);letter-spacing:.3em;color:var(--brass-dim);justify-content:space-between;align-items:center;font-size:10px;display:flex}#brush-btn{border:1px solid #e8dcc31f;border-radius:4px;flex:none;place-items:center;width:38px;height:38px;transition:transform 80ms,border-color .15s;display:grid}#brush-btn:active{transform:scale(.92)}#brush-btn:hover{border-color:var(--brass-dim)}#brush-btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#brush-dot{background:var(--dim);border-radius:50%;transition:width .15s,height .15s;display:block}.el{border:1px solid #e8dcc314;border-radius:4px;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:4px;padding:6px 4px 5px;transition:transform 80ms,border-color .15s,background .15s;display:flex;position:relative}.el:active{transform:scale(.92)}.el:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.el .sw{background:linear-gradient(#ffffff1a, transparent 40%), linear-gradient(transparent 32%, var(--c,transparent) 32%);border:1px solid #e8dcc352;border-top:none;border-radius:2px 2px 7px 7px;width:15px;height:23px;margin-top:6px;position:relative;box-shadow:inset 0 -2px 4px #00000059}.el .sw:before{content:"";background:linear-gradient(#8a6f4d 55%,#0000 55%);border:1px solid #e8dcc352;border-bottom:none;border-radius:2px 2px 0 0;width:8px;height:6px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.el .lb{color:var(--dim);letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:300;line-height:1;overflow:hidden}.el:hover{border-color:var(--brass-dim);background:#c9a2270d}.el.sel{border-color:var(--brass);background:#c9a2271a;animation:.18s cubic-bezier(.3,1.6,.5,1) pop}.el.sel .lb{color:var(--parchment)}.el.sel .sw{filter:saturate(1.2)brightness(1.12);border-color:#e8dcc399;box-shadow:inset 0 -2px 4px #00000059,0 0 10px #c9a22773}.el.dis{opacity:.3;pointer-events:none}@keyframes pop{0%{transform:scale(.9)}to{transform:scale(1)}}@media (hover:hover) and (pointer:fine){.el[data-key]:after{content:attr(data-key);color:var(--brass-dim);font-size:8px;font-family:var(--serif);position:absolute;top:2px;right:4px}}@media (width<=999px){#shelf-row{width:100%;padding:6px 8px;padding-bottom:max(8px, env(safe-area-inset-bottom));border-top:1px solid #c9a22759;align-items:center;gap:6px;display:flex}.cab-head span{display:none}#shelf{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:stretch;min-width:0;padding:1px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#000 0 calc(100% - 16px),#0000)}#shelf::-webkit-scrollbar{display:none}.sgroup{align-items:stretch;gap:4px;padding:2px 6px 0;display:flex;position:relative}.sgroup+.sgroup{border-left:1px solid #c9a2272e}.sgroup:before{content:attr(data-label);letter-spacing:.22em;color:var(--brass-dim);font-size:7px;font-family:var(--serif);text-transform:uppercase;pointer-events:none;position:absolute;top:-1px;left:8px}.el{min-width:50px;height:52px}}@media (width>=1000px){#shelf-row{scrollbar-width:thin;scrollbar-color:#c9a22740 transparent;border-right:1px solid #c9a2274d;flex-direction:column;gap:8px;width:224px;padding:12px 12px 10px;display:flex;overflow-y:auto}#shelf{flex-direction:column;gap:10px;display:flex}.sgroup{flex-wrap:wrap;gap:4px;padding-top:14px;display:flex;position:relative}.sgroup:before{content:attr(data-label);letter-spacing:.28em;color:var(--brass-dim);font-size:8px;font-family:var(--serif);text-transform:uppercase;border-bottom:1px solid #c9a2272e;width:100%;padding-bottom:2px;position:absolute;top:0;left:2px}.el{width:62px;height:58px}}}@layer dialogs{dialog{background:var(--parchment);background-image:var(--grain), linear-gradient(160deg, #efe5cd 0%, #e8dcc3 40%, #ddcda9 100%);color:var(--quill);border:2px solid #8a6f4d8c;border-radius:4px;flex-direction:column;width:min(92vw,380px);max-height:82vh;margin:auto;padding:18px 20px 14px;display:none;box-shadow:0 16px 60px #000000b3}dialog[open]{display:flex}dialog::backdrop{background:#080604a8}dialog .t{font-family:var(--serif);color:#7a5c1a;letter-spacing:.3em;margin:0 0 8px;font-size:14px}.dlg-sub{color:var(--quill-faded);margin-bottom:10px;font-size:11px;font-style:italic;font-weight:300;line-height:1.6}.dlg-btn{color:var(--quill);letter-spacing:.1em;border:1px solid #2a21184d;border-radius:3px;margin-top:10px;padding:9px;font-size:11px}.dlg-btn:hover{color:#7a5c1a;border-color:#7a5c1a}.dlg-btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#trials-list{scrollbar-width:thin;flex-direction:column;gap:2px;display:flex;overflow-y:auto}.trow{text-align:left;border:1px solid #0000;border-radius:3px;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:9px 10px;transition:border-color .15s,background .15s;display:grid}.trow:hover{background:#c9a22714;border-color:#2a211840}.trow:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.trow .tn{font-family:var(--serif);color:var(--brass-dim);letter-spacing:.1em;font-size:12px}.trow .tt{color:var(--quill-faded);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:300;overflow:hidden}.trow .tt.done{color:var(--quill);font-family:var(--serif);letter-spacing:.1em;font-size:13px}.trow .tm{color:#7a5c1a;text-align:right;white-space:nowrap;font-size:11px}.trow .tm small{color:var(--quill-faded);margin-left:4px;font-size:9px}.help-keys{color:var(--quill-faded);letter-spacing:.04em;font-size:12px;font-weight:300;line-height:2.1}.help-keys b{color:var(--quill);font-weight:500}.vol-row{letter-spacing:.1em;color:var(--quill-faded);align-items:center;gap:10px;margin:12px 0 4px;font-size:11px;display:flex}.vol-row input{accent-color:#7a5c1a;flex:1}}@layer fx{#toasts{pointer-events:none;z-index:30;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:92%;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.toast{background:var(--parchment);background-image:var(--grain);color:var(--quill);text-align:center;border:1px solid #8a6f4d80;border-radius:2px;padding:9px 20px;animation:.5s cubic-bezier(.2,.9,.3,1.25) both toast-in;box-shadow:0 6px 24px #0000008c}.toast .name-line{font-family:var(--serif);letter-spacing:.08em;font-size:15px}.toast .star{color:#7a5c1a}.toast small{color:var(--quill-faded);letter-spacing:.08em;margin-top:2px;font-size:10px;font-weight:300;display:block}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)scale(.94)}to{opacity:1;transform:none}}.toast.out{animation:.6s both toast-out}@keyframes toast-out{to{opacity:0;transform:translateY(-10px)}}#stamp{font-family:var(--serif);letter-spacing:.22em;text-align:center;pointer-events:none;z-index:25;opacity:0;white-space:nowrap;background:linear-gradient(110deg,#8a6f4d,#f0df9a 45%,#c9a227 60%,#8a6f4d);color:#0000;filter:drop-shadow(0 2px 22px #c9a22766);-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,5.4vw,40px);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.7)}#stamp.show{animation:2s cubic-bezier(.2,1.4,.3,1) both stamp-in}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}22%{transform:translate(-50%,-50%)scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.04)}}.spark{pointer-events:none;z-index:24;background:radial-gradient(#f6e7a8,#c9a227);border-radius:50%;width:5px;height:5px;animation:1.15s cubic-bezier(.1,.8,.3,1) both spark-fly;position:absolute;top:42%;left:50%}@keyframes spark-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.2)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}