:root{--w0:#120c09;--w1:#23160f;--w2:#342116;--w3:#4d3020;--w4:#7a4f2c;--w5:#b07a41;--w6:#d9b57c;--w7:#f0dcb4;--brass:#b98c33;--brass-hi:#f2d68a;--brass-lo:#6d5119;--verm:#c1462f;--jade:#4c7a5f;--indigo:#2f4560;--ink:#100b08;--paper:#f3e6cb;--font-d:"Shippori Mincho B1", "Hiragino Mincho ProN", serif;--font-u:"Zen Kaku Gothic New", system-ui, sans-serif;--font-p:"DM Mono", ui-monospace, monospace;--wall:98px;--drawer:320px;--ease-slide:cubic-bezier(.22, .9, .24, 1);--ease-pop:cubic-bezier(.16, 1.3, .3, 1)}*{box-sizing:border-box}html,body{background:var(--w0);height:100%;color:var(--w7);font-family:var(--font-u);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus{outline:none}:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px;border-radius:2px}.wood-grain{background-color:var(--w2);background-image:repeating-linear-gradient(93deg,#ffecc80b 0 1px,#0000 1px 4px),repeating-linear-gradient(88deg,#00000038 0 1px,#0000 1px 9px),repeating-linear-gradient(91deg,#0000001a 0 3px,#0000 3px 21px),linear-gradient(178deg,#ffd8a01c,#0000004d)}.yos-stripe{background-image:repeating-linear-gradient(90deg, var(--w7) 0 2px, var(--w1) 2px 4px, var(--verm) 4px 5px, var(--w5) 5px 7px, var(--w2) 7px 9px, var(--w6) 9px 11px, var(--indigo) 11px 12px, var(--w3) 12px 14px)}.yos-chev{background-image:repeating-linear-gradient(45deg, var(--w6) 0 5px, var(--w2) 5px 10px), repeating-linear-gradient(-45deg, #0000006b 0 5px, transparent 5px 10px)}.yos-diamond{background-image:conic-gradient(from 45deg at 50% 50%, var(--w6) 0 25%, var(--w2) 0 50%, var(--w5) 0 75%, var(--w1) 0);background-size:14px 14px}.lacquer{position:relative}.lacquer:after{content:"";pointer-events:none;background:linear-gradient(108deg,#0000 26%,#fff0cd24 44%,#fff0cd0a 53%,#0000 68%);position:absolute;inset:0}.seam-t{box-shadow:inset 0 1px #ffdaa029,inset 0 2px #0000006b}.box{background:var(--w1);grid-template-rows:68px 1fr 86px;display:grid;position:fixed;inset:0}.lid{background-color:var(--w2);z-index:6;background-image:repeating-linear-gradient(93deg,#ffecc80b 0 1px,#0000 1px 4px),repeating-linear-gradient(88deg,#00000038 0 1px,#0000 1px 9px),linear-gradient(178deg,#ffd8a021,#00000057);border-bottom:1px solid #000000b8;align-items:center;gap:22px;padding:0 20px;display:flex;position:relative;box-shadow:0 3px #ffd6960f,0 10px 26px #0000008c}.lid-grain{background-image:repeating-linear-gradient(90deg, var(--w7) 0 2px, var(--w1) 2px 4px, var(--verm) 4px 5px, var(--w5) 5px 7px, var(--w2) 7px 9px, var(--w6) 9px 11px, var(--indigo) 11px 12px, var(--w3) 12px 14px);filter:brightness(.92);height:8px;position:absolute;inset:auto 0 0;box-shadow:inset 0 1px #0000008c,inset 0 -1px #0000008c}.crest{align-items:center;gap:12px;display:flex}.crest-mark{width:38px;height:38px;font-family:var(--font-d);color:#2a1a0e;background:linear-gradient(150deg, var(--brass-hi), var(--brass) 46%, var(--brass-lo));border-radius:2px;place-items:center;font-size:21px;display:grid;transform:rotate(-2deg);box-shadow:inset 0 1px #ffffebb3,inset 0 -2px 3px #00000073,0 2px 5px #0000008c}.crest-text{flex-direction:column;line-height:1;display:flex}.crest-name{font-family:var(--font-d);letter-spacing:.2em;color:var(--w7);text-shadow:0 1px #000000e6,0 0 18px #f0c8822e;font-size:21px;font-weight:800}.crest-sub{font-family:var(--font-p);letter-spacing:.22em;color:#d9b57c9e;margin-top:5px;font-size:9.5px}.secrets{align-items:center;gap:12px;margin-left:auto;display:flex}.secrets-cap{font-family:var(--font-d);letter-spacing:.18em;color:#d9b57c9e;white-space:nowrap;font-size:12px}.secrets-cap b{font-family:var(--font-p);color:var(--brass-hi);font-weight:500}.inlays{gap:7px;display:flex}.inlay{background:linear-gradient(140deg, var(--w4), var(--w2));width:27px;height:27px;transition:box-shadow .45s ease, background .45s ease, transform .45s var(--ease-pop);border-radius:2px;position:relative;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #b98c336b,inset 0 1px #ffdca02e}.inlay span{font-family:var(--font-d);color:#f0dcb473;place-items:center;font-size:12px;transition:color .45s,text-shadow .45s;display:grid;position:absolute;inset:0;transform:rotate(-45deg)}.inlay.lit{background:linear-gradient(140deg, var(--brass-hi), var(--brass) 55%, #8a6a22);box-shadow:inset 0 0 0 1px #fff5d28c,0 0 14px #e2b2548c}.inlay.lit span{color:#2c1c0c;text-shadow:0 1px #fff0c880}.inlay.flash{animation:inlay-flash .72s var(--ease-pop)}@keyframes inlay-flash{0%{transform:rotate(45deg)scale(1)}35%{transform:rotate(45deg)scale(1.55);box-shadow:0 0 30px #ffe296f2}to{transform:rotate(45deg)scale(1)}}.lid-right{align-items:center;gap:14px;display:flex}.plate{background:linear-gradient(165deg,#3b2b12,#241906);border-radius:2px;align-items:baseline;gap:8px;padding:5px 12px 6px;display:flex;box-shadow:inset 0 0 0 1px #b98c3380,inset 0 2px 6px #000000bf}.plate-label{font-family:var(--font-p);letter-spacing:.24em;color:#f2d68a80;font-size:8.5px}.plate-val{font-family:var(--font-p);color:var(--brass-hi);text-shadow:0 0 10px #f2d68a66;text-align:right;min-width:26px;font-size:16px;font-weight:500;display:inline-block}.plate-val.tick{animation:plate-tick .28s var(--ease-pop)}@keyframes plate-tick{0%{color:#fff3d2;transform:translateY(-7px)scale(1.18)}to{transform:none}}.switch{align-items:center;gap:7px;padding:4px;display:flex}.switch-slot{background:linear-gradient(#180f07,#2c1d10);border-radius:10px;width:40px;height:20px;position:relative;box-shadow:inset 0 2px 5px #000000d9,inset 0 0 0 1px #b98c3359}.switch-knob{background:linear-gradient(150deg, var(--brass-hi), var(--brass) 55%, var(--brass-lo));width:16px;height:16px;transition:transform .32s var(--ease-pop), filter .32s ease;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #000000b3}.switch[aria-pressed=true] .switch-knob{transform:translate(20px)}.switch[aria-pressed=false] .switch-knob{filter:grayscale()brightness(.55)}.switch-label{font-family:var(--font-d);color:#d9b57cb3;font-size:14px}.body{background:var(--w1);display:flex;position:relative;overflow:hidden}.wall{z-index:4;width:var(--wall);flex:0 0 var(--wall);background-color:var(--w2);background-image:repeating-linear-gradient(3deg,#ffecc80a 0 1px,#0000 1px 4px),repeating-linear-gradient(178deg,#0000003d 0 1px,#0000 1px 8px),linear-gradient(90deg,#ffd8a01a,#00000057);flex-direction:column;align-items:stretch;gap:8px;padding:12px 9px;display:flex;position:relative}.wall-l{box-shadow:6px 0 18px #0009,inset -1px 0 #000c}.wall-r{background-image:repeating-linear-gradient(-3deg,#ffecc80a 0 1px,#0000 1px 4px),repeating-linear-gradient(182deg,#0000003d 0 1px,#0000 1px 8px),linear-gradient(270deg,#ffd8a01a,#00000057);box-shadow:-6px 0 18px #0009,inset 1px 0 #000c}.wall-cap,.wall-foot{text-align:center;font-family:var(--font-d);letter-spacing:.24em;color:#d9b57cb8;text-shadow:0 1px #000c;font-size:12px}.wall-foot{font-family:var(--font-p);letter-spacing:.18em;color:#b98c33a6;margin-top:auto;font-size:9px}.spine{background:linear-gradient(160deg, var(--w4), var(--w2) 55%, var(--w1));min-height:0;transition:transform .34s var(--ease-pop), box-shadow .34s ease, filter .3s ease;border-radius:2px;flex:1 1 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000000bf,inset 0 1px #ffdeaa38,0 2px 6px #00000080}.spine:before{content:"";opacity:.3;background-image:repeating-linear-gradient(45deg,#f0dcb480 0 1px,#0000 1px 11px),repeating-linear-gradient(-45deg,#f0dcb452 0 1px,#0000 1px 11px),repeating-linear-gradient(0deg,#00000059 0 1px,#0000 1px 16px);transition:opacity .35s;position:absolute;inset:0}.spine-face{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex;position:relative}.spine-glyph{font-family:var(--font-d);color:var(--w7);text-shadow:0 1px #000000d9,0 0 14px #00000080;transition:transform .35s var(--ease-pop), color .3s ease;font-size:26px}.spine-name{writing-mode:vertical-rl;font-family:var(--font-p);letter-spacing:.34em;color:#f5e4c3d1;text-shadow:0 1px #000000e6;font-size:9.5px}.spine-key{background:linear-gradient(180deg, var(--brass-hi), var(--brass) 50%, var(--brass-lo));width:26px;height:7px;transition:transform .3s var(--ease-pop), width .3s ease;border-radius:4px;margin-left:-13px;position:absolute;bottom:9px;left:50%;box-shadow:0 1px 2px #000000b3,inset 0 1px #fffae199}.spine:hover{filter:brightness(1.13)}.spine:hover .spine-glyph{transform:translateY(-2px)}.spine:hover .spine-key{transform:translateY(2px)}.wall-l .spine.open{transform:translate(7px)}.wall-r .spine.open{transform:translate(-7px)}.spine.open{filter:brightness(.86);box-shadow:inset 0 0 0 1px #000000e6,inset 0 3px 12px #000c,0 0 0 1px #b98c338c}.spine.open:before{opacity:.6}.spine.open .spine-glyph{color:var(--brass-hi)}.spine.open .spine-key{transform:translateY(3px)scaleX(.7)}.spine.locked{filter:grayscale(.65)brightness(.62)}.spine.locked .spine-key{background:linear-gradient(#6b6157,#3a332c)}.spine.unlocking{animation:unlock .6s var(--ease-pop)}@keyframes unlock{0%{filter:grayscale(.65)brightness(.62)}40%{filter:grayscale(0)brightness(1.5)}to{filter:none}}.spine.jam{animation:.36s cubic-bezier(.36,.07,.19,.97) jam}@keyframes jam{0%,to{transform:translate(0)}20%{transform:translate(4px)}45%{transform:translate(-3px)}70%{transform:translate(2px)}}.chamber{z-index:1;background-color:var(--w1);background-image:repeating-linear-gradient(90deg,#0006 0 1px,#0000 1px 26px),repeating-linear-gradient(0deg,#0006 0 1px,#0000 1px 26px),radial-gradient(120% 100% at 50% 0,#b07a4129,#0000 70%);flex:auto;min-width:0;padding:18px 20px 58px;position:relative}.well{height:100%;box-shadow:inset 0 0 0 1px #000000f2, inset 0 5px 22px #000000e6, 0 0 0 1px #b98c336b, 0 0 0 5px var(--w2), 0 0 0 6px #000c, 0 16px 40px #0009;background:#0b0806;border-radius:2px;position:relative;overflow:hidden}.mount{position:absolute;inset:0}.mount canvas,.mount>*{display:block;width:100%!important;height:100%!important}.well-lip{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px #0000008c}.well.thump{animation:thump .4s var(--ease-pop)}@keyframes thump{0%{transform:scale(1)}30%{transform:scale(.994)}to{transform:scale(1)}}.boot{z-index:3;background:radial-gradient(60% 60% at 50% 45%,#1b120c,#090605);place-content:center;justify-items:center;gap:18px;transition:opacity .6s,visibility .6s;display:grid;position:absolute;inset:0}.boot.gone{opacity:0;visibility:hidden}.boot-box{font-family:var(--font-d);color:var(--brass);text-shadow:0 0 28px #b98c3380;font-size:46px;animation:2.6s ease-in-out infinite boot-spin}@keyframes boot-spin{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(8deg)translateY(-8px)}}.boot-txt{font-family:var(--font-p);letter-spacing:.24em;color:#d9b57c8c;font-size:10.5px}.specimen{background:linear-gradient(#33240f,#1d1408);border-radius:2px;align-items:center;gap:12px;height:36px;padding:0 14px;display:flex;position:absolute;bottom:12px;left:20px;right:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #b98c3366,inset 0 2px 6px #000c}.specimen:after{content:"";background:linear-gradient(100deg,#0000 40%,#ffebbe17 50%,#0000 60%);position:absolute;inset:0}.specimen-glyph{font-family:var(--font-d);color:var(--brass-hi);text-align:center;width:24px;transition:transform .3s var(--ease-pop);font-size:17px}.specimen-name{font-family:var(--font-p);letter-spacing:.14em;color:var(--brass-hi);font-size:11px}.specimen-hint{color:#d9b57c73;letter-spacing:.04em;margin-left:auto;font-size:11px}.specimen.held{box-shadow:inset 0 0 0 1px #f2d68abf,inset 0 2px 6px #000c,0 0 16px #b98c3347}.specimen.held .specimen-glyph{transform:scale(1.12)}.specimen.bump{animation:spec-bump .34s var(--ease-pop)}@keyframes spec-bump{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}.drawer{width:var(--drawer);z-index:2;visibility:hidden;background-color:var(--w3);background-image:repeating-linear-gradient(2deg,#ffecc80d 0 1px,#0000 1px 5px),repeating-linear-gradient(178deg,#0003 0 1px,#0000 1px 11px),linear-gradient(#ffd8a014,#0000005c);display:flex;position:absolute;top:0;bottom:0}.drawer-l{left:var(--wall);flex-direction:row;transform:translate(-100%)}.drawer-r{right:var(--wall);flex-direction:row-reverse;transform:translate(100%)}.drawer.open,.drawer.shutting{visibility:visible}.drawer-l.open{animation:slide-out-l .62s var(--ease-slide) forwards}.drawer-r.open{animation:slide-out-r .62s var(--ease-slide) forwards}.drawer-l.shutting{animation:.4s cubic-bezier(.5,0,.75,.4) forwards slide-in-l}.drawer-r.shutting{animation:.4s cubic-bezier(.5,0,.75,.4) forwards slide-in-r}@keyframes slide-out-l{0%{transform:translate(-100%)}44%{animation-timing-function:cubic-bezier(.4,0,.7,1);transform:translate(-13%)}56%{animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translate(-10.5%)}88%{transform:translate(.9%)}to{transform:translate(0)}}@keyframes slide-out-r{0%{transform:translate(100%)}44%{animation-timing-function:cubic-bezier(.4,0,.7,1);transform:translate(13%)}56%{animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translate(10.5%)}88%{transform:translate(-.9%)}to{transform:translate(0)}}@keyframes slide-in-l{0%{transform:translate(0)}22%{transform:translate(3%)}to{transform:translate(-100%)}}@keyframes slide-in-r{0%{transform:translate(0)}22%{transform:translate(-3%)}to{transform:translate(100%)}}.drawer-edge{background-image:repeating-linear-gradient(90deg, var(--w7) 0 2px, var(--w1) 2px 4px, var(--verm) 4px 5px, var(--w5) 5px 7px, var(--w2) 7px 9px, var(--w6) 9px 11px, var(--indigo) 11px 12px, var(--w3) 12px 14px);filter:brightness(.85);flex:0 0 14px;box-shadow:inset 0 0 0 1px #000000b3}.drawer-l .drawer-edge{box-shadow:5px 0 18px #000000a6,inset 0 0 0 1px #000000b3}.drawer-r .drawer-edge{box-shadow:-5px 0 18px #000000a6,inset 0 0 0 1px #000000b3}.drawer-in{background-color:#120c0957;background-image:repeating-linear-gradient(45deg,#ffe2b40e 0 1px,#0000 1px 15px),repeating-linear-gradient(-45deg,#ffe2b40a 0 1px,#0000 1px 15px),repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 15px);border-radius:2px;flex-direction:column;flex:auto;gap:12px;min-width:0;margin:10px 9px;padding:12px 13px 15px;display:flex;overflow:hidden auto;box-shadow:inset 0 0 30px #0009,inset 0 2px 5px #000000b3,inset 0 0 0 1px #0009,0 1px #ffdcaa1a}.drawer-in::-webkit-scrollbar{width:6px}.drawer-in::-webkit-scrollbar-thumb{background:#b98c3366;border-radius:3px}.drawer-head{border-bottom:1px solid #0000008c;align-items:baseline;gap:9px;padding-bottom:9px;display:flex;box-shadow:0 1px #ffdcaa17}.dh-jp{font-family:var(--font-d);color:var(--brass-hi);font-size:18px}.dh-en{font-family:var(--font-p);letter-spacing:.2em;color:#f0dcb4b8;text-transform:uppercase;font-size:10px}.drawer-r .dh-en,.drawer-l .shut{margin-left:auto}.shut{font-family:var(--font-p);letter-spacing:.14em;color:#f0dcb480;background:#00000052;border-radius:2px;padding:3px 7px;font-size:9px;transition:color .2s,background .2s,transform .2s;box-shadow:inset 0 0 0 1px #f0dcb424}.shut:hover{color:var(--brass-hi);background:#0000008c;transform:translateY(-1px)}.drawer-note{color:#d9b57c80;border-top:1px solid #00000080;margin:auto 0 0;padding-top:12px;font-size:10.5px;font-style:italic;line-height:1.5;position:relative;box-shadow:inset 0 -1px #ffdcaa12}.sub-rule{font-family:var(--font-p);letter-spacing:.2em;color:#d9b57c73;text-transform:uppercase;align-items:center;gap:9px;font-size:8.5px;display:flex}.sub-rule:after{content:"";background:#00000080;flex:1;height:1px;box-shadow:0 1px #ffdcaa17}.chips{gap:9px;display:grid}.chips.grid5{grid-template-columns:repeat(3,1fr)}.chips.grid4{grid-template-columns:repeat(2,1fr)}.chip{text-align:left;background:linear-gradient(155deg, var(--w4), var(--w2) 60%, var(--w1));transition:transform .18s var(--ease-pop), box-shadow .18s ease, filter .18s ease;border-radius:2px;padding:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000000b3,inset 0 1px #ffdeaa33,0 3px #00000073}.chip:after{content:"";background:linear-gradient(115deg,#0000 35%,#fff0cd29 48%,#0000 62%);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.chip:hover{filter:brightness(1.12);transform:translateY(-3px);box-shadow:inset 0 0 0 1px #000000b3,inset 0 1px #ffdeaa4d,0 6px #00000073,0 8px 16px #00000073}.chip:hover:after{transform:translate(120%)}.chip:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px #000c,0 1px #00000073}.drawer.open .chip{animation:chip-settle .42s var(--ease-pop) backwards;animation-delay:calc(.24s + var(--i,0) * 45ms)}.drawer-r.open .chip{animation-name:chip-settle-r}@keyframes chip-settle{0%{opacity:0;transform:translate(-22px)rotate(-1.6deg)}}@keyframes chip-settle-r{0%{opacity:0;transform:translate(22px)rotate(1.6deg)}}.chip-text{align-items:center;gap:11px;display:flex}.chip-text .ct-prev{font-family:var(--font-d);color:var(--w7);text-shadow:0 1px #000c;text-align:center;flex:0 0 44px;line-height:1}.chip-text .ct-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.ct-name{font-family:var(--font-p);letter-spacing:.16em;color:var(--w7);font-size:10px}.ct-sub{color:#d9b57c80;font-size:9.5px}.chip-sq{aspect-ratio:1;place-items:center;gap:5px;padding:6px;display:grid}.chip-sq svg{filter:drop-shadow(0 2px 3px #0000008c);width:34px;height:34px;display:block}.chip-sq .cs-lab{font-family:var(--font-p);letter-spacing:.14em;color:#f0dcb48c;font-size:7.5px}.chip-img{aspect-ratio:4/3;padding:0;overflow:hidden}.chip-img img{object-fit:cover;filter:sepia(.28)saturate(.9)brightness(.92);width:100%;height:100%;transition:filter .25s,transform .4s;display:block}.chip-img:hover img{filter:none;transform:scale(1.07)}.pots{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pot{aspect-ratio:1;background:var(--c);transition:transform .2s var(--ease-pop), box-shadow .2s ease;border-radius:50%;position:relative;box-shadow:inset 0 -3px 6px #00000080,inset 0 2px 3px #ffffff59,0 0 0 1px #000000b3,0 3px 6px #00000080}.pot:after{content:"";background:linear-gradient(#ffffffbf,#fff0);border-radius:50%;width:30%;height:22%;position:absolute;top:15%;left:22%}.pot:hover{transform:translateY(-4px)scale(1.08)}.pot:active{transform:translateY(1px)scale(.95)}.pot.on{box-shadow:0 0 0 2px var(--brass-hi), 0 0 14px #f2d68a99, inset 0 -3px 6px #00000080}.pot.splash{animation:splash .5s var(--ease-pop)}@keyframes splash{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.drawer.open .pot{animation:unfold .5s var(--ease-pop) backwards}.drawer.open .pot:first-child{animation-delay:.2s}.drawer.open .pot:nth-child(2){animation-delay:.24s}.drawer.open .pot:nth-child(3){animation-delay:.28s}.drawer.open .pot:nth-child(4){animation-delay:.32s}.drawer.open .pot:nth-child(5){animation-delay:.26s}.drawer.open .pot:nth-child(6){animation-delay:.3s}.drawer.open .pot:nth-child(7){animation-delay:.34s}.drawer.open .pot:nth-child(8){animation-delay:.38s}.drawer.open .pot:nth-child(9){animation-delay:.32s}.drawer.open .pot:nth-child(10){animation-delay:.36s}.drawer.open .pot:nth-child(11){animation-delay:.4s}.drawer.open .pot:nth-child(12){animation-delay:.44s}@keyframes unfold{0%{opacity:0;transform:perspective(320px)rotateY(-82deg)translate(-14px)}to{opacity:1;transform:none}}.rods{flex-direction:column;gap:15px;display:flex}.rod.off{opacity:.32;pointer-events:none;filter:grayscale(.8)}.rod-top{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.rod-name{font-family:var(--font-p);letter-spacing:.2em;color:#f0dcb4b3;font-size:9px}.rod-val{font-family:var(--font-p);color:var(--brass-hi);font-size:11px}.rod-track{cursor:ew-resize;touch-action:none;align-items:center;height:20px;display:flex;position:relative}.rod-track:before{content:"";background:linear-gradient(#150e07,#2b1c0f);border-radius:4px;height:8px;position:absolute;left:0;right:0;box-shadow:inset 0 2px 5px #000000e6,inset 0 0 0 1px #b98c3347}.rod-detents{opacity:.7;background-image:repeating-linear-gradient(90deg,#b98c336b 0 1px,#0000 1px 25%);border-radius:4px;height:8px;position:absolute;left:0;right:0}.rod-fill{background:linear-gradient(180deg, var(--brass-hi), var(--brass) 50%, var(--brass-lo));border-radius:4px;height:8px;position:absolute;left:0;box-shadow:0 0 9px #e2b25466}.rod-knob{background:repeating-linear-gradient(90deg, #0000004d 0 1px, transparent 1px 3px), linear-gradient(160deg, var(--brass-hi), var(--brass) 50%, #7a5a1c);width:17px;height:22px;transition:transform .12s var(--ease-pop);pointer-events:none;border-radius:3px;margin-left:-8.5px;position:absolute;box-shadow:0 2px 5px #000000b3,inset 0 1px #fffae1b3}.rod-track:hover .rod-knob{transform:scale(1.14)}.rod-track.dragging .rod-knob{transform:scale(1.22)}.dial-wrap{align-items:center;gap:14px;margin-top:4px;display:flex}.dial{cursor:grab;touch-action:none;background:radial-gradient(60% 60% at 34% 28%, var(--w5), var(--w3) 55%, var(--w1));border-radius:50%;flex:0 0 92px;width:92px;height:92px;position:relative;box-shadow:inset 0 0 0 1px #000c,inset 0 2px 4px #ffdeaa38,0 5px 12px #0009}.dial.off{opacity:.32;pointer-events:none;filter:grayscale(.8)}.dial:active{cursor:grabbing}.dial-face{position:absolute;inset:0}.dial-notches{opacity:.75;background:repeating-conic-gradient(#00000080 0deg 1.2deg,#0000 1.2deg 15deg);border-radius:50%;position:absolute;inset:6px}.dial-mark{transition:transform .14s var(--ease-pop);position:absolute;inset:0}.dial-mark:after{content:"";background:linear-gradient(180deg, var(--brass-hi), var(--brass));border-radius:2px;width:4px;height:30px;margin-left:-2px;position:absolute;top:7px;left:50%;box-shadow:0 0 8px #f2d68ab3}.dial-read{flex-direction:column;gap:3px;display:flex}.dial-num{font-family:var(--font-p);color:var(--brass-hi);font-size:20px}.dial-cap{font-family:var(--font-p);letter-spacing:.24em;color:#d9b57c80;font-size:8.5px}.pad{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,1fr);gap:6px;width:152px;margin:2px auto 0;display:grid}.pad.off{opacity:.32;pointer-events:none;filter:grayscale(.8)}.pad-b{color:#f2d68ad1;background:linear-gradient(160deg, var(--w4), var(--w2));transition:transform .12s var(--ease-pop), filter .15s;border-radius:2px;place-items:center;font-size:11px;display:grid;box-shadow:inset 0 0 0 1px #000000b3,inset 0 1px #ffdeaa33,0 3px #00000073}.pad-b:hover{filter:brightness(1.2);transform:translateY(-2px)}.pad-b:active{transform:translateY(3px);box-shadow:inset 0 0 0 1px #000c}.pad-up{grid-area:1/2}.pad-left{grid-area:2/1}.pad-c{color:var(--brass-hi);grid-area:2/2;font-size:15px}.pad-right{grid-area:2/3}.pad-down{grid-area:3/2}.stack{flex-direction:column;flex:auto;gap:4px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.stack-empty{text-align:center;color:#d9b57c59;margin:14px 0;font-size:10.5px;font-style:italic}.slat{text-align:left;transition:transform .14s var(--ease-pop), filter .14s, box-shadow .14s;background:linear-gradient(150deg,#7a4f2cbf,#23160fd9);border-radius:2px;align-items:center;gap:9px;padding:6px 9px;display:flex;box-shadow:inset 0 0 0 1px #0009,inset 0 1px #ffdeaa24}.slat:hover{filter:brightness(1.2);transform:translate(-3px)}.slat.on{background:linear-gradient(150deg,#a06c34e6,#342116e6);box-shadow:inset 0 0 0 1px #f2d68ad9,0 0 12px #b98c3359}.slat-g{font-family:var(--font-d);color:var(--brass-hi);text-align:center;white-space:nowrap;flex:0 0 30px;font-size:13px}.slat-n{font-family:var(--font-p);letter-spacing:.13em;color:#f0dcb4cc;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.slat-i{font-family:var(--font-p);color:#d9b57c66;margin-left:auto;font-size:9px}.stack-row{gap:8px;margin-top:4px;display:flex}.wkey{font-family:var(--font-p);letter-spacing:.1em;color:#f0dcb4cc;background:linear-gradient(160deg, var(--w4), var(--w2));transition:transform .15s var(--ease-pop), filter .15s;border-radius:2px;flex:1;padding:9px 6px;font-size:9px;box-shadow:inset 0 0 0 1px #000000b3,inset 0 1px #ffdeaa2e,0 3px #00000073}.wkey:hover{filter:brightness(1.15);transform:translateY(-2px)}.wkey:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px #000c}.base{z-index:6;background-color:var(--w2);background-image:repeating-linear-gradient(93deg,#ffecc80a 0 1px,#0000 1px 4px),repeating-linear-gradient(88deg,#0000003d 0 1px,#0000 1px 9px),linear-gradient(2deg,#ffd8a01a,#0000005c);border-top:1px solid #000000bf;align-items:center;gap:26px;padding:0 20px;display:flex;position:relative;box-shadow:0 -3px #ffd6960d,0 -10px 26px #00000080}.base-grain{background-image:repeating-linear-gradient(45deg, var(--w6) 0 4px, var(--w2) 4px 8px), repeating-linear-gradient(-45deg, #00000080 0 4px, transparent 4px 8px);filter:brightness(.82);height:8px;position:absolute;inset:0 0 auto;box-shadow:inset 0 1px #0009,inset 0 -1px #0009}.keys{align-items:center;gap:14px;display:flex}.zoomplate{margin-left:2px}.zoomplate .plate-val{min-width:42px;font-size:13px}.kgroup{gap:8px;display:flex}.kseam{background:repeating-linear-gradient(0deg, var(--w6) 0 3px, var(--w1) 3px 6px);opacity:.4;border-radius:2px;width:4px;height:40px}.key{width:56px;height:48px;transition:transform .12s var(--ease-pop), box-shadow .12s ease, filter .2s;background:linear-gradient(165deg,#4b3a1a,#2c1f0c);border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #b98c3366,inset 0 1px #ffecbe47,0 4px #1a1206,0 6px 10px #00000080}.key .k-g{color:var(--brass-hi);text-shadow:0 1px #000c;font-size:17px;line-height:1}.key .k-l{font-family:var(--font-p);letter-spacing:.16em;color:#f2d68a9e;font-size:7.5px}.key:hover{filter:brightness(1.18);transform:translateY(-1px)}.key:active,.key.hit{transform:translateY(4px);box-shadow:inset 0 0 0 1px #b98c3366,0 0 #1a1206,0 2px 4px #00000080}.key.danger .k-g{color:#f0a08c}.key[disabled]{opacity:.34;pointer-events:none}.clasp{align-items:center;width:300px;height:50px;margin-left:auto;display:flex;position:relative}.clasp-track{background:linear-gradient(#150e07,#2a1b0e);border-radius:3px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 2px 7px #000000e6,inset 0 0 0 1px #b98c3359}.clasp-teeth{background-image:repeating-linear-gradient(90deg,#b98c3338 0 1px,#0000 1px 14px);position:absolute;inset:0}.clasp-fill{background:linear-gradient(90deg,#b98c3329,#f2d68a57);width:0;position:absolute;top:0;bottom:0;left:0}.clasp-hint{font-family:var(--font-p);letter-spacing:.2em;text-transform:uppercase;color:#f2d68ab8;pointer-events:none;place-items:center;padding-left:40px;font-size:9px;transition:color .25s,letter-spacing .25s;display:grid;position:absolute;inset:0}.clasp.armed .clasp-hint{color:var(--brass-hi);letter-spacing:.3em}.bolt{cursor:grab;touch-action:none;background:repeating-linear-gradient(0deg, #00000029 0 1px, transparent 1px 4px), linear-gradient(160deg, var(--brass-hi), var(--brass) 48%, #7a5a1c);border-radius:2px;place-items:center;width:52px;height:44px;display:grid;position:absolute;top:3px;left:3px;box-shadow:0 3px 7px #000000b3,inset 0 1px #fffce8cc,inset 0 -2px 3px #00000059}.bolt:active{cursor:grabbing}.bolt-face{font-family:var(--font-d);color:#33240d;text-shadow:0 1px #fff5d28c;font-size:19px}.bolt.snap{transition:left .42s var(--ease-pop)}.bolt.sealed{animation:.6s bolt-flash}@keyframes bolt-flash{0%{filter:brightness(2.4)}to{filter:none}}.flyers{pointer-events:none;z-index:40;position:fixed;inset:0}.flyer{background:linear-gradient(155deg, var(--w5), var(--w2));border-radius:2px;place-items:center;font-size:22px;display:grid;position:absolute;box-shadow:0 8px 22px #0009,inset 0 0 0 1px #ffdeaa59}.ripple{pointer-events:none;border:2px solid #f2d68ad9;border-radius:50%;position:absolute}.seatframe{pointer-events:none;border-radius:3px;position:absolute;box-shadow:0 0 0 2px #f2d68ae6,0 0 24px #f2d68a80,inset 0 0 22px #f2d68a38}.toast{font-family:var(--font-p);letter-spacing:.12em;color:#2a1b08;background:linear-gradient(165deg, var(--brass-hi), var(--brass));opacity:0;pointer-events:none;z-index:50;transition:opacity .25s ease, transform .35s var(--ease-pop);border-radius:2px;padding:9px 20px;font-size:11px;position:fixed;top:84px;left:50%;transform:translate(-50%,-14px);box-shadow:0 8px 24px #0009,inset 0 1px #fffff0b3}.toast.show{opacity:1;transform:translate(-50%)}.sunburst{pointer-events:none;z-index:45;opacity:0;background:radial-gradient(closest-side,#ffe8aa80,#0000 70%),repeating-conic-gradient(#ffe29624 0deg 5deg,#0000 5deg 10deg);position:fixed;inset:0}.sunburst.go{animation:1.5s ease-out sunburst}@keyframes sunburst{0%{opacity:0;transform:scale(.4)rotate(0)}25%{opacity:1}to{opacity:0;transform:scale(1.9)rotate(38deg)}}.box.solved{animation:box-solved .9s var(--ease-pop)}@keyframes box-solved{0%{transform:scale(1)}22%{transform:scale(1.012)rotate(.16deg)}55%{transform:scale(.997)rotate(-.1deg)}to{transform:scale(1)}}html.reduced *,html.reduced :before,html.reduced :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}html.reduced .drawer-l.open,html.reduced .drawer-r.open{transform:translate(0)}