:root{--void: #100c09;--umber: #1e1811;--stone-deep: #2c251c;--stone: #6d5d45;--stone-lit: #a08a66;--sand: #cbb692;--sand-lit: #eddfbe;--ember: #dd8f3c;--ember-hot: #ffca7c;--bronze: #8a6a3b;--bronze-lit: #c79a58;--verdigris: #6f9a8b;--ring: 0 0 0 2px rgba(255, 202, 124, .75), 0 0 18px rgba(221, 143, 60, .45);--serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "DejaVu Sans Mono", monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--void);color:var(--sand);font-family:var(--serif);-webkit-text-size-adjust:100%}body{overflow-x:hidden}button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}:focus-visible{outline:none;box-shadow:var(--ring)}ol,p{margin:0;padding:0}ol{list-style:none}.glyph{display:block;inline-size:100%;aspect-ratio:1;background-image:var(--mark);background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}}:root{--tex-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='4' seed='7'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)'/%3E%3C/svg%3E");--tex-mottle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.011 0.017' numOctaves='4' seed='23'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='700' height='700' filter='url(%23m)'/%3E%3C/svg%3E");--tex-quarry: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='q'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.03 0.045' numOctaves='5' seed='41'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='520' height='520' filter='url(%23q)'/%3E%3C/svg%3E");--tex-fibre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.035 0.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url(%23f)'/%3E%3C/svg%3E");--surface-wall: var(--tex-mottle);--surface-wall-size: 700px;--surface-wall-blend: soft-light;--surface-wall-opacity: .34;--surface-slab: var(--tex-quarry);--surface-slab-size: 520px;--surface-slab-blend: overlay;--surface-slab-opacity: .26;--surface-grain: var(--tex-grain);--surface-grain-size: 300px;--surface-grain-blend: overlay;--surface-grain-opacity: .2;--surface-paper: var(--tex-fibre);--surface-paper-size: 420px;--surface-paper-blend: multiply;--surface-paper-opacity: .22}.scene{position:relative;min-height:100svh;display:grid;place-items:center;padding:clamp(.75rem,2.5vw,2.5rem);padding-bottom:max(clamp(.75rem,2.5vw,2.5rem),env(safe-area-inset-bottom));overflow-x:clip;isolation:isolate}.scene[data-phase=entering],.scene[data-phase=open]{overflow:hidden}.wall{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transform-origin:var(--focus-wall, 50% 50%);background:radial-gradient(125% 95% at 20% 2%,#94764c 0%,#5e4b2e 32%,#322616 66%,#150d06 92%,var(--void) 100%)}.wall>span{position:absolute;top:0;right:0;bottom:0;left:0}.wall__courses{background-image:repeating-linear-gradient(to bottom,transparent 0 clamp(58px,9vw,108px),rgba(16,12,9,.55) clamp(58px,9vw,108px) calc(clamp(58px,9vw,108px) + 3px),rgba(190,168,130,.06) calc(clamp(58px,9vw,108px) + 3px) calc(clamp(58px,9vw,108px) + 5px)),repeating-linear-gradient(to right,transparent 0 clamp(120px,18vw,240px),rgba(16,12,9,.4) clamp(120px,18vw,240px) calc(clamp(120px,18vw,240px) + 3px));opacity:.5}.wall__grain{background-image:var(--surface-wall),var(--surface-grain);background-size:var(--surface-wall-size),var(--surface-grain-size);mix-blend-mode:var(--surface-wall-blend);opacity:var(--surface-wall-opacity)}.wall__torch{background:radial-gradient(62% 50% at 18% -6%,rgba(255,190,106,.5),transparent 70%),radial-gradient(90% 70% at 50% 120%,rgba(24,16,10,.75),transparent 65%);animation:lamp 6.5s ease-in-out infinite}.wall__vignette{background:radial-gradient(100% 80% at 50% 42%,transparent 34%,rgba(9,6,4,.55) 76%,rgba(6,4,2,.94) 100%),linear-gradient(180deg,transparent 45%,rgba(8,5,3,.5) 100%)}@keyframes lamp{0%,to{opacity:.92}38%{opacity:1}52%{opacity:.83}71%{opacity:.97}}.dust-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.dust{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;opacity:.5;background-repeat:repeat}.dust--near{background-image:radial-gradient(1.6px 1.6px at 12% 30%,rgba(255,226,178,.55),transparent 60%),radial-gradient(1.3px 1.3px at 68% 12%,rgba(255,226,178,.4),transparent 60%),radial-gradient(1.9px 1.9px at 84% 62%,rgba(255,226,178,.45),transparent 60%),radial-gradient(1.2px 1.2px at 38% 78%,rgba(255,226,178,.35),transparent 60%);background-size:460px 460px;animation:drift 34s linear infinite}.dust--far{background-image:radial-gradient(1px 1px at 26% 54%,rgba(255,226,178,.3),transparent 60%),radial-gradient(1px 1px at 76% 28%,rgba(255,226,178,.24),transparent 60%);background-size:300px 300px;animation:drift 61s linear infinite reverse;opacity:.35}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-140px,260px,0)}}.scene[data-phase=refused] .dust--near{animation:drift 34s linear infinite,shed var(--t-refuse) ease-out}@keyframes shed{0%{opacity:.5}18%{opacity:1}to{opacity:.5}}.vault{position:relative;z-index:1;width:min(100%,1240px);display:grid;grid-template-columns:minmax(300px,.88fr) minmax(340px,1fr);grid-template-areas:"chrome chrome" "door console" "note console";align-items:center;justify-items:center;column-gap:clamp(1rem,3.5vw,4rem);row-gap:clamp(.75rem,2vw,1.75rem);transform-origin:var(--focus-vault, 50% 50%)}.vault__chrome{grid-area:chrome;justify-self:end;display:flex;align-items:center;gap:.5rem}.vault__murmur{grid-area:door;font-size:.95rem;letter-spacing:.16em;color:#cbb6928c}.doorway{grid-area:door}.console{grid-area:console}.note{grid-area:note}@media(max-width:940px){.vault{grid-template-columns:minmax(0,1fr);grid-template-areas:"chrome" "door" "console" "note";row-gap:clamp(1rem,4vw,2rem)}}.scene[data-phase=opening] .vault,.scene[data-phase=entering] .vault{will-change:transform,opacity}.scene[data-phase=opening] .wall,.scene[data-phase=entering] .wall{will-change:transform}.scene[data-phase=opening] .wall__torch,.scene[data-phase=entering] .wall__torch,.scene[data-phase=open] .wall__torch{animation-play-state:paused}.wall__grain{transition:opacity .7s ease-out}.scene[data-phase=opening] .wall__grain,.scene[data-phase=entering] .wall__grain,.scene[data-phase=open] .wall__grain{opacity:0}.scene[data-phase=entering] .leaf__grain,.scene[data-phase=open] .leaf__grain,.scene[data-phase=entering] .console__slab:after,.scene[data-phase=open] .console__slab:after,.scene[data-phase=entering] .lintel__face:after,.scene[data-phase=open] .lintel__face:after{opacity:0}.scene[data-phase=entering] .dust,.scene[data-phase=open] .dust{animation-play-state:paused}.scene[data-phase=entering] .wall,.scene[data-phase=open] .wall{transform:scale(1.62);transition:transform var(--t-zoom) cubic-bezier(.38,0,.64,.62)}.scene[data-phase=entering] .vault,.scene[data-phase=open] .vault{transform:scale(2.05);opacity:0;transition:transform var(--t-zoom) cubic-bezier(.38,0,.64,.62),opacity calc(var(--t-zoom) * .55) ease-in calc(var(--t-zoom) * .42);pointer-events:none}.scene:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;background:radial-gradient(58% 58% at var(--focus-view, 50% 50%),rgba(255,226,170,.95),rgba(255,196,118,.55) 45%,rgba(255,176,94,.15) 72%,transparent 100%);opacity:0;pointer-events:none;transition:opacity var(--t-zoom) ease-in}.scene[data-phase=entering]:after,.scene[data-phase=open]:after{opacity:1}.scene[data-phase=entering] .dust,.scene[data-phase=open] .dust{opacity:0;transition:opacity var(--t-zoom) ease-in}.murmur{position:absolute;bottom:clamp(.5rem,2vw,1.5rem);left:50%;transform:translate(-50%);z-index:4;max-width:min(90vw,46ch);text-align:center;font-size:.86rem;letter-spacing:.1em;color:#e2933cd9;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none}.sound{position:relative;z-index:5;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(70% 70% at 34% 28%,var(--bronze-lit),var(--bronze) 55%,#4a3720 100%);box-shadow:inset 0 1px 1px #ffe0b059,inset 0 -2px 3px #0009,0 2px 6px #0009;opacity:.55;transition:opacity .18s ease}.sound:hover{opacity:.95}.sound__glyph{width:13px;height:13px;background:#181109d9;clip-path:polygon(0 32%,34% 32%,66% 4%,66% 96%,34% 68%,0 68%)}.sound__glyph[data-muted=true]{opacity:.4;clip-path:polygon(0 32%,34% 32%,66% 4%,66% 96%,34% 68%,0 68%,0 50%,100% 50%,100% 42%,0 42%)}.doorway{position:relative;container-type:inline-size;width:min(100%,480px);display:flex;flex-direction:column;align-items:center;isolation:isolate}.doorway:before{content:"";position:absolute;top:3%;right:-9%;bottom:-5%;left:-9%;z-index:-1;background:radial-gradient(58% 52% at 50% 58%,rgba(0,0,0,.62),rgba(0,0,0,.3) 52%,transparent 78%);pointer-events:none}.lintel{width:106%;max-width:106%}.lintel__face{display:flex;flex-direction:column;gap:clamp(4px,1vw,7px);padding:clamp(8px,2vw,14px) clamp(10px,2.5vw,20px);border-radius:3px 3px 0 0;background:linear-gradient(163deg,#cdac72,#8a7349 48%,#55462b);box-shadow:inset 0 1px #ffe2b238,inset 0 -6px 12px #0000008c,0 6px 10px #00000080;position:relative;overflow:hidden}.lintel__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--surface-slab),var(--surface-grain);background-size:var(--surface-slab-size),var(--surface-grain-size);mix-blend-mode:var(--surface-slab-blend);opacity:var(--surface-slab-opacity);pointer-events:none}.lintel__band{height:2px;background:linear-gradient(90deg,transparent,rgba(23,18,12,.85) 12%,rgba(23,18,12,.85) 88%,transparent);box-shadow:0 1px #e3d2ac47}.lintel__marks{--gap: clamp(3px, 1.8cqi, 16px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--gap);padding:clamp(2px,.8vw,6px) 0}.glyph--lintel{flex:0 0 auto;width:clamp(18px,calc((100% - var(--marks, 4) * var(--gap)) / var(--marks, 4)),78px)}.doorway__body{width:100%;display:grid;grid-template-columns:clamp(16px,5.5%,30px) 1fr clamp(16px,5.5%,30px)}.jamb{position:relative;background:linear-gradient(90deg,#54452e,#8a7148 38%,#3f3221);box-shadow:inset 0 0 14px #00000080}.jamb:after{content:"";position:absolute;top:8%;right:22%;bottom:8%;left:22%;background:repeating-linear-gradient(180deg,rgba(23,18,12,.55) 0 3px,transparent 3px 7px,rgba(227,210,172,.16) 7px 8px,transparent 8px 15px);opacity:.75}.jamb--left{border-radius:2px 0 0 2px}.jamb--right{border-radius:0 2px 2px 0;background:linear-gradient(90deg,#3f3221,#806942 62%,#54452e)}.portal{position:relative;aspect-ratio:.66;overflow:hidden;background:#080604;box-shadow:inset 0 0 40px #000000e6}.portal__depth{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#241a10,#0d0904 60%,#060402)}.portal__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 55% at 50% 62%,rgba(255,202,124,.95),rgba(221,143,60,.35) 45%,transparent 78%);opacity:0;transition:opacity var(--t-bolts) ease-out}.leaf{position:absolute;top:0;bottom:0;width:50.2%;overflow:hidden;background:linear-gradient(168deg,#c2a26a,#90764a 34%,#695634 72%,#453720)}.leaf--left{left:0;box-shadow:inset -6px 0 12px #0000008c,inset 2px 0 #ffe2b21a}.leaf--right{right:0;box-shadow:inset 6px 0 12px #0000008c,inset -2px 0 #ffe2b21a}.leaf__grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--surface-slab),var(--surface-grain);background-size:var(--surface-slab-size),var(--surface-grain-size);mix-blend-mode:var(--surface-slab-blend);opacity:var(--surface-slab-opacity)}.leaf__panel{position:absolute;top:6%;right:10%;bottom:6%;left:10%;border-radius:2px;box-shadow:inset 0 2px 5px #0009,inset 0 -2px #e3d2ac24,0 1px #e3d2ac14;background:linear-gradient(180deg,#00000029,#0000000a)}.leaf__panel:before{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;box-shadow:inset 0 0 0 1px #17120c80,inset 0 0 0 2px #f0dcb01f,inset 0 0 0 6px #00000014}.leaf__panel:after{content:"";position:absolute;top:12%;right:13%;bottom:12%;left:13%;--frieze: repeating-linear-gradient( 90deg, rgba(23, 18, 12, .45) 0 2px, transparent 2px 9px, rgba(240, 220, 176, .14) 9px 10px, transparent 10px 18px );background-image:var(--frieze),var(--frieze);background-repeat:no-repeat,no-repeat;background-size:100% 7%,100% 7%;background-position:0 0,0 100%;opacity:.85}.leaf__boss{position:absolute;top:47%;width:clamp(14px,4.5%,24px);aspect-ratio:1;border-radius:50%;background:radial-gradient(70% 70% at 34% 30%,var(--bronze-lit),var(--bronze) 52%,#3d2c17 100%);box-shadow:inset 0 1px 1px #ffe2b266,0 2px 4px #000000b3}.leaf--left .leaf__boss{right:9%}.leaf--right .leaf__boss{left:9%}.leaf__bolts{position:absolute;top:9%;bottom:9%;width:13%;display:flex;flex-direction:column;justify-content:space-between}.leaf--left .leaf__bolts{right:0;--anchor: left}.leaf--right .leaf__bolts{left:0;--anchor: right}.bolt{height:clamp(5px,3.6%,11px);border-radius:1px;background:linear-gradient(180deg,var(--bronze-lit),var(--bronze) 46%,#3a2914 100%);box-shadow:inset 0 1px #ffe2b280,0 2px 3px #000000a6;transform-origin:var(--anchor) center}.seam{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);pointer-events:none}.seam__crack{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000008c,#000000eb 50%,#0000008c);box-shadow:0 0 0 1px #e3d2ac12}.seam__light{position:absolute;top:-2%;bottom:-2%;left:50%;width:30px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(255,202,124,.8) 42%,rgba(255,240,198,.95) 50%,rgba(255,202,124,.8) 58%,transparent);filter:blur(5px);opacity:0}.scene[data-phase=opening] .leaf{will-change:transform}.scene[data-phase=opening] .bolt{animation:unbolt .34s cubic-bezier(.34,0,.2,1) calc(var(--i) * 55ms) both}.scene[data-phase=entering] .bolt,.scene[data-phase=open] .bolt{transform:scaleX(.02)}@keyframes unbolt{0%{transform:scaleX(1)}24%{transform:scaleX(1.09);filter:brightness(1.5)}to{transform:scaleX(.02)}}.scene[data-phase=opening] .seam__crack{animation:fade-out .38s ease-out var(--t-bolts) both}.scene[data-phase=entering] .seam__crack,.scene[data-phase=open] .seam__crack{opacity:0}.scene[data-phase=opening] .seam__light{animation:seam-flash calc(var(--t-bolts) + var(--t-leaves) * .55) ease-out both}@keyframes seam-flash{0%{opacity:0}42%{opacity:1}to{opacity:0}}@keyframes fade-out{to{opacity:0}}.scene[data-phase=opening] .portal__glow,.scene[data-phase=entering] .portal__glow,.scene[data-phase=open] .portal__glow{opacity:1;transition-delay:var(--t-bolts);transition-duration:var(--t-leaves)}.scene[data-phase=opening] .leaf--left{animation:haul-left var(--t-leaves) linear var(--t-bolts) both}.scene[data-phase=opening] .leaf--right{animation:haul-right var(--t-leaves) linear var(--t-bolts) both}.scene[data-phase=entering] .leaf--left,.scene[data-phase=open] .leaf--left{transform:translate3d(-100.5%,0,0)}.scene[data-phase=entering] .leaf--right,.scene[data-phase=open] .leaf--right{transform:translate3d(100.5%,0,0)}@keyframes haul-left{0%{transform:translateZ(0)}9%{transform:translate3d(-1.4%,1.5px,0)}19%{transform:translate3d(-6%,-1px,0)}32%{transform:translate3d(-16%,1px,0)}47%{transform:translate3d(-33%,-1.5px,0)}62%{transform:translate3d(-53%,1px,0)}78%{transform:translate3d(-75%,-.5px,0)}91%{transform:translate3d(-91%,.5px,0)}to{transform:translate3d(-100.5%,0,0)}}@keyframes haul-right{0%{transform:translateZ(0)}9%{transform:translate3d(1.4%,-1.5px,0)}19%{transform:translate3d(6%,1px,0)}32%{transform:translate3d(16%,-1px,0)}47%{transform:translate3d(33%,1.5px,0)}62%{transform:translate3d(53%,-1px,0)}78%{transform:translate3d(75%,.5px,0)}91%{transform:translate3d(91%,-.5px,0)}to{transform:translate3d(100.5%,0,0)}}.scene[data-phase=refused] .doorway{animation:shudder var(--t-refuse) cubic-bezier(.36,.07,.19,.97)}@keyframes shudder{0%,to{transform:translateZ(0)}8%{transform:translate3d(-4px,1px,0)}17%{transform:translate3d(5px,-1px,0)}27%{transform:translate3d(-3px,2px,0)}38%{transform:translate3d(3px,-1px,0)}52%{transform:translate3d(-2px,1px,0)}68%{transform:translate3d(1px,0,0)}}.threshold{width:108%;height:clamp(10px,2.4vw,18px);border-radius:0 0 4px 4px;background:linear-gradient(180deg,#9b8055,#665336 55%,#362b1a);box-shadow:inset 0 1px #ffe2b240,0 8px 14px #0000008c}.console{width:min(100%,760px)}@media(max-width:940px){.doorway{width:min(100%,420px,32svh)}}@media(min-width:941px){.doorway{width:min(100%,600px,46svh)}.scene[data-note] .doorway{width:min(100%,600px,34svh)}.console{width:min(100%,760px,78svh)}}.console__slab{position:relative;padding:clamp(.7rem,2.2vw,1.35rem);border-radius:4px;background:linear-gradient(152deg,#8d7248,#56462c 44%,#322717);box-shadow:inset 0 1px #ffe2b24d,inset 0 -3px 10px #0009,0 18px 34px #0000009e;overflow:hidden}.console__slab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(75% 60% at 12% -8%,rgba(255,226,172,.22),transparent 62%);pointer-events:none}.console__slab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--surface-slab),var(--surface-grain);background-size:var(--surface-slab-size),var(--surface-grain-size);mix-blend-mode:var(--surface-slab-blend);opacity:var(--surface-slab-opacity);pointer-events:none}.channel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.6vw,14px);margin-bottom:clamp(.7rem,2vw,1.2rem)}.socket{position:relative;flex:0 0 auto;width:clamp(50px,12%,84px);min-width:0;aspect-ratio:1;display:grid;place-items:center;border-radius:3px;background:linear-gradient(180deg,#3a2f1e,#4a3c26 55%,#3a2f1e);box-shadow:inset 0 4px 8px #000000d9,inset 0 -1px #e3d2ac2e}.socket:after{content:"";position:absolute;left:22%;right:22%;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(203,182,146,.26),transparent);transition:opacity .2s ease}.socket[data-filled]:after{opacity:0}.glyph--socket{inline-size:76%;animation:settle .26s cubic-bezier(.2,1.4,.5,1)}@keyframes settle{0%{opacity:0;transform:translateY(-7px) scale(.86)}to{opacity:1;transform:none}}.scene[data-phase=testing] .glyph--socket{animation:listen .9s ease-in-out infinite}@keyframes listen{0%,to{opacity:1}50%{opacity:.45}}.scene[data-phase=refused] .glyph--socket{animation:crumble var(--t-refuse) ease-in forwards}@keyframes crumble{0%{opacity:1}30%{opacity:.85}to{opacity:0;transform:translateY(9px) scale(.88)}}.keypad{position:relative;z-index:1;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(5px,1.1vw,9px)}@media(max-width:620px){.keypad{grid-template-columns:repeat(7,minmax(0,1fr))}}.key{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:9%;border-radius:3px;isolation:isolate;transition:transform 80ms ease,filter .16s ease}.key__face{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:3px;background:linear-gradient(155deg,#d8ba82,#a68856 48%,#6f5a34);box-shadow:inset 0 1px #fff0d280,inset 0 -2px 5px #0006,0 2px 4px #0000008c}.key:hover:not(:disabled) .key__face{filter:brightness(1.14)}.key:hover:not(:disabled){transform:translateY(-1px)}.key:active:not(:disabled){transform:translateY(2px)}.key:active:not(:disabled) .key__face{box-shadow:inset 0 3px 6px #000000b3,inset 0 -1px #ffe2b21f;filter:brightness(.88)}.key:disabled .key__face{background:linear-gradient(168deg,#948260,#7d6b4d 46%,#665739)}.note{position:relative;width:min(100%,340px);transform:rotate(-1.4deg)}.note__paper{position:relative;padding:clamp(.9rem,2.4vw,1.35rem) clamp(1rem,2.6vw,1.5rem);background:linear-gradient(170deg,#e2d3ac,#d3c096 55%,#bda87c);color:#3a2f1d;font-size:clamp(.76rem,1.6vw,.9rem);line-height:1.6;box-shadow:0 10px 18px #0000008c;clip-path:polygon(0 2%,98% 0,100% 97%,3% 100%)}.note__paper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--surface-paper);background-size:var(--surface-paper-size);mix-blend-mode:var(--surface-paper-blend);opacity:var(--surface-paper-opacity);pointer-events:none}.note__line+.note__line{margin-top:.25em}.note__pin{position:absolute;top:-7px;left:50%;z-index:1;width:15px;height:15px;transform:translate(-50%);border-radius:50%;background:radial-gradient(70% 70% at 34% 30%,#b9b0a4,#6e675d 55%,#2f2b25);box-shadow:0 3px 5px #0009}.chamber{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);background:radial-gradient(38% 78% at 50% -12%,rgba(255,216,152,.3),transparent 68%),radial-gradient(78% 66% at 50% 46%,#4a3620,#241a0f 52%,#0b0704);opacity:0;visibility:hidden;transition:opacity .9s ease-out,visibility 0s linear .9s}.chamber[data-visible=true]{opacity:1;visibility:visible;transition:opacity .9s ease-out,visibility 0s}.chamber__air{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(184deg,rgba(255,220,160,.24) 0%,rgba(255,205,135,.07) 42%,transparent 72%),var(--surface-grain);background-size:cover,var(--surface-grain-size);mix-blend-mode:overlay;opacity:.35;clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);filter:blur(22px);pointer-events:none}.chamber__stela{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(.7rem,2vw,1.1rem);width:min(100%,680px);padding:clamp(2rem,5vw,3.4rem) clamp(1.2rem,4vw,2.6rem);border-radius:50% 50% 3px 3px/9% 9% 3px 3px;background:linear-gradient(163deg,#c0a26c,#8d7550 42%,#5d4d34);box-shadow:inset 0 2px #ffecc266,inset 0 -8px 22px #00000080,0 30px 60px #000000bf,0 0 90px #ffc67a29;transform:translateY(18px) scale(.97);opacity:0;transition:transform 1.1s cubic-bezier(.16,.84,.28,1) .26s,opacity .9s ease-out .26s}.chamber[data-visible=true] .chamber__stela{transform:none;opacity:1}.chamber__stela:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--surface-slab),var(--surface-grain);background-size:var(--surface-slab-size),var(--surface-grain-size);mix-blend-mode:var(--surface-slab-blend);opacity:var(--surface-slab-opacity);pointer-events:none}.chamber__band{width:72%;height:2px;background:linear-gradient(90deg,transparent,rgba(23,18,12,.8),transparent);box-shadow:0 1px #f0dcb04d}.chamber__eyebrow{font-size:clamp(.62rem,1.4vw,.76rem);letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:#1c140b9e}.chamber__flag{max-width:100%;font-family:var(--mono);font-size:clamp(.95rem,3.6vw,1.75rem);letter-spacing:.05em;text-align:center;overflow-wrap:anywhere;color:#14100a;text-shadow:0 1.5px 0 rgba(255,240,200,.5),0 -1px 1px rgba(0,0,0,.4);-webkit-user-select:all;user-select:all}.chamber__copy{padding:.45em 1.5em;border-radius:2px;font-size:clamp(.66rem,1.5vw,.78rem);letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:#241a0c;background:linear-gradient(180deg,var(--bronze-lit),var(--bronze) 50%,#45311a 100%);box-shadow:inset 0 1px #ffe2b280,0 3px 6px #0009;transition:filter .16s ease,transform 90ms ease}.chamber__copy:hover{filter:brightness(1.12)}.chamber__copy:active{transform:translateY(2px)}.chamber__stela:before{content:"";position:absolute;left:50%;bottom:-6%;width:118%;height:16%;transform:translate(-50%);border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,200,128,.2),transparent 72%);pointer-events:none}