/* Spec: A11 decision 1; milestone 1 checkpoint 1, approved Market drawing rules from va.html. */
/* Shared rules are loaded from /kit/. No declaration below was redrawn. */
.tabs{position:absolute;left:24px;top:102px;width:382px;height:44px;padding:3px;display:flex;z-index:6;border-radius:13px;
 background:linear-gradient(180deg,#080a0e 0%,#0b0d13 46%,#0f1119 100%);box-shadow:inset 0 2px 5px rgba(0,0,0,.85),inset 0 1px 0 rgba(0,0,0,.95),inset 0 -1px 0 rgba(198,202,211,.045)}
.tab{position:relative;flex:1 1 0;min-width:0;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;font-size:13.5px;line-height:20px;font-weight:400;color:var(--quiet);white-space:nowrap}
.tab::before{content:"";position:absolute;right:-1px;top:12px;width:1px;height:14px;background:rgba(198,205,225,.07);box-shadow:-1px 0 0 rgba(5,7,10,.75)}
.tab:first-child::before,.tab.on::before,.tab.on + .tab::before{display:none}
.tab.on{color:var(--lit);font-weight:600;
 background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78  0 0 0 0 .80  0 0 0 0 .86  0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/120px 120px padding-box,linear-gradient(168deg,#1b1f2d 0%,#171a26 52%,#12151f 100%) padding-box,linear-gradient(180deg,rgba(198,205,225,.20) 0%,rgba(198,205,225,.05) 100%) border-box;
 box-shadow:0 0 0 1px rgba(5,7,10,.65),0 6px 9px -3px rgba(5,7,10,.8)}
body:not([data-state="closed"]) .tabs,body:not([data-state="closed"]) .dock,body:not([data-state="closed"]) .deck{pointer-events:none}


.deck{position:absolute;left:0;top:0;width:430px;height:932px;touch-action:pan-y;z-index:3;transform-origin:215px 469px}
.edge{position:absolute;left:26px;top:164px;width:378px;height:630px;border-radius:30px;
  background:linear-gradient(180deg,#262a38 0,#262a38 620px,#141722 630px);
  box-shadow:inset 0 -1px 0 rgba(198,205,225,.30),-8px 6px 12px -8px rgba(0,0,0,.50),0 40px 50px -22px rgba(0,0,0,.95),0 14px 20px -10px rgba(0,0,0,.70)}
.card{position:absolute;left:24px;top:154px;width:382px;height:630px;border-radius:30px;border:1px solid transparent;overflow:hidden;transform-origin:191px 400px;will-change:transform;
  background:
    repeating-linear-gradient(90deg,rgba(198,205,225,.035) 0,rgba(198,205,225,.035) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 2px) padding-box,
    linear-gradient(180deg,#262a38 0%,#1a1e2b 54%,#141722 100%) padding-box,
    linear-gradient(180deg,rgba(198,205,225,.38) 0%,rgba(198,205,225,.06) 100%) border-box;
  box-shadow:0 20px 32px -12px rgba(0,0,0,.80),inset 0 1px 0 rgba(255,255,255,.05)}
.card[hidden]{display:none}
.card::after{content:"";position:absolute;inset:9px;border-radius:21px;border:1px solid rgba(198,205,225,.055);box-shadow:0 1px 0 rgba(0,0,0,.45);pointer-events:none}
.card .dim{position:absolute;inset:0;background:#07080c;opacity:0;pointer-events:none;z-index:9}
.beam{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 200px 150px at 50% 178px,rgba(255,240,205,.075) 0%,rgba(255,240,205,0) 100%),
    conic-gradient(at 190px -284px,rgba(255,240,205,0) 0deg,rgba(255,240,205,0) 169deg,rgba(255,240,205,.045) 174.5deg,rgba(255,240,205,.085) 180deg,rgba(255,240,205,.045) 185.5deg,rgba(255,240,205,0) 191deg,rgba(255,240,205,0) 360deg);
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 250px,rgba(0,0,0,0) 350px);mask-image:linear-gradient(180deg,#000 0,#000 250px,rgba(0,0,0,0) 350px)}
@keyframes breathe{0%,100%{opacity:.8}50%{opacity:1}}
.beam{animation:breathe 10s ease-in-out infinite}
body.still .beam{animation:none}
@media (prefers-reduced-motion:reduce){.beam{animation:none}}
.kind{position:absolute;left:0;right:0;top:30px;height:22px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;line-height:22px;font-weight:500;color:var(--gold-hi);white-space:nowrap}
.kind::before,.kind::after{content:"";width:26px;height:1px}
.kind::before{background:linear-gradient(90deg,rgba(201,163,92,.7),rgba(201,163,92,0))}
.kind::after{background:linear-gradient(90deg,rgba(201,163,92,0),rgba(201,163,92,.7))}
.touch{position:absolute;left:40px;right:40px;top:64px;height:226px;border-radius:20px}


.hline{position:absolute;left:24px;top:290px;width:334px;height:40px;overflow:visible;pointer-events:none}
.amt{position:absolute;left:24px;right:24px;top:330px}
.amt .rule{display:none;height:1px;background:linear-gradient(90deg,rgba(198,205,225,0),rgba(198,205,225,.15) 16%,rgba(198,205,225,.15) 84%,rgba(198,205,225,0));box-shadow:0 1px 0 rgba(0,0,0,.5)}

.amt .row{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;column-gap:10px;height:50px;margin-top:2px;white-space:nowrap}
.amt .lab{font-size:13.5px;color:var(--quiet)}
.amt .fig{display:contents}
.amt .lab{justify-self:end}
.amt .fig em{justify-self:start}
.amt .fig b{font-size:40px;line-height:50px;color:var(--lit)}
.amt .fig em{font-size:14px;color:var(--text)}
.wheel{position:relative;height:46px;margin-top:4px;border-radius:12px;touch-action:none;cursor:ew-resize;
 background:linear-gradient(180deg,#080a0e 0%,#0b0d13 46%,#0f1119 100%);box-shadow:inset 0 2px 5px rgba(0,0,0,.85),inset 0 1px 0 rgba(0,0,0,.95),inset 0 -1px 0 rgba(198,202,211,.045);transition:box-shadow .3s}
.barrel{position:absolute;left:10px;right:10px;top:7px;bottom:7px;border-radius:4px;overflow:hidden;
 background:linear-gradient(180deg,#262a38 0%,#1a1e2b 54%,#141722 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.8)}
.barrel svg{position:absolute;left:0;top:0;width:100%;height:100%}
.barrel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.94) 0%,rgba(5,7,10,.46) 13%,rgba(5,7,10,0) 33%,rgba(255,255,255,.07) 50%,rgba(5,7,10,0) 67%,rgba(5,7,10,.46) 87%,rgba(5,7,10,.94) 100%)}
.wheel .idx{position:absolute;left:50%;top:-5px;width:12px;height:56px;margin-left:-6px;pointer-events:none;
 background:linear-gradient(180deg,#f4e8c5,#c9a35c) 50% 0/12px 7px no-repeat,linear-gradient(0deg,#ecd9a8,#9d814b) 50% 100%/12px 7px no-repeat;
 -webkit-mask:conic-gradient(from -32deg at 50% 7px,#000 0 64deg,transparent 0) 0 0/12px 7px no-repeat,conic-gradient(from 148deg at 50% 0,#000 0 64deg,transparent 0) 0 100%/12px 7px no-repeat;
 mask:conic-gradient(from -32deg at 50% 7px,#000 0 64deg,transparent 0) 0 0/12px 7px no-repeat,conic-gradient(from 148deg at 50% 0,#000 0 64deg,transparent 0) 0 100%/12px 7px no-repeat;filter:drop-shadow(0 0 4px rgba(201,163,92,.6))}
.gauge{position:relative;height:2px;margin:9px 4px 5px;border-radius:1px;background:rgba(198,205,225,.10)}
.thread{position:absolute;right:0;top:0;height:2px;border-radius:1px;background:linear-gradient(270deg,#9d814b,#e1c481);box-shadow:0 0 6px rgba(201,163,92,.45)}
.ends{display:flex;justify-content:space-between;height:20px;font-size:12.5px;line-height:20px;color:var(--quiet);white-space:nowrap}
.est{position:absolute;left:24px;right:24px;top:478px;height:24px;text-align:center;font-size:13.5px;line-height:24px;color:var(--quiet);white-space:nowrap}
.est b{color:var(--lit)}

.foot2{position:absolute;left:24px;right:24px;bottom:34px;height:92px;display:flex;border-top:1px solid rgba(198,205,225,.10)}
.foot2 li{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;white-space:nowrap}
.foot2 li + li{border-right:1px solid rgba(198,205,225,.10)}
.foot2 b{font-size:22px;line-height:30px;color:var(--lit)} .foot2 span{font-size:12.5px;line-height:18px;color:var(--quiet)}
.line{position:absolute;left:24px;right:24px;top:386px;height:24px;text-align:center;font-size:14.5px;line-height:24px;color:var(--text);white-space:nowrap}

.line.ref{top:318px;font-size:12px;letter-spacing:.08em;color:var(--quiet)}
.line.kept{top:346px}
.o-seal{position:absolute;left:22px;top:146px;width:60px;height:60px;transform:rotate(-9deg);filter:drop-shadow(0 2px 2px rgba(35,36,31,.35)) drop-shadow(0 6px 5px rgba(35,36,31,.30))}

.pager{position:absolute;left:0;right:0;top:808px;height:4px;display:flex;justify-content:center;align-items:center;gap:7px;z-index:4;pointer-events:none}
.pager i{display:block;width:12px;height:2px;border-radius:1px;background:rgba(198,205,225,.22)}
.pager i.on{width:30px;height:3px;border-radius:2px;background:linear-gradient(90deg,#ecd9a8,#c9a35c);box-shadow:0 0 8px rgba(201,163,92,.55)}


.tentbox{position:absolute;left:0;top:-18px;width:380px;height:380px;perspective:1100px;perspective-origin:190px 170px;pointer-events:none}
.world,.fold{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d}
.world{transform:translate3d(190px,222px,0) rotateX(-22deg)}
.fold{transform:rotateY(-24deg) translateY(-132.9px) scale3d(.654,.654,.654)}
.floor{position:absolute;left:-200px;top:-200px;width:400px;height:400px;transform:rotateX(90deg);pointer-events:none}
.leaf{position:absolute;left:-191px;width:382px;height:228px;color:var(--ink)}
.leaf.bot{top:0;transform-origin:50% 0;transform:rotateX(-27deg);border-radius:0 0 18px 18px;overflow:hidden;
  background:radial-gradient(120% 56% at 50% 0%,#f8f5ec 0%,rgba(248,245,236,0) 100%) 0 100%/100% 200% no-repeat,linear-gradient(180deg,#f2eee2 0%,#f2eee2 44%,#e7e1d1 100%) 0 100%/100% 200% no-repeat;box-shadow:inset 0 -1px 0 rgba(35,36,31,.16),inset 0 1px 0 rgba(35,36,31,.06)}
.leaf.top{top:-228px;transform-origin:50% 100%;transform:rotateX(-153deg);transform-style:preserve-3d}
.face{position:absolute;left:0;top:0;width:382px;height:228px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.face.in{border-radius:18px 18px 0 0;background:radial-gradient(120% 56% at 50% 0%,#f8f5ec 0%,rgba(248,245,236,0) 100%) 0 0/100% 200% no-repeat,linear-gradient(180deg,#f2eee2 0%,#f2eee2 44%,#e7e1d1 100%) 0 0/100% 200% no-repeat;box-shadow:inset 0 1px 0 #f8f5ec,inset 0 -1px 0 rgba(255,255,255,.28)}
.face.out{transform:rotateX(180deg);border-radius:0 0 18px 18px;
  background:linear-gradient(90deg,rgba(35,36,31,.075) 0,rgba(35,36,31,0) 46%),radial-gradient(ellipse 312px 200px at 62% 0%,rgba(255,254,248,.92) 0,rgba(255,254,248,0) 86%),linear-gradient(180deg,#f8f5ec 0%,#f2eee2 55%,#e7e1d1 100%);
  box-shadow:inset 0 2px 0 #fffef8,inset 0 -1.5px 0 rgba(35,36,31,.26),inset 0 -8px 10px -6px rgba(35,36,31,.16),inset 1.5px 0 0 rgba(35,36,31,.08)}
.shade{position:absolute;inset:0;background:#14130f;opacity:0;pointer-events:none}
.leaf.bot .shade{opacity:.62}
.o-plate{position:absolute;left:14px;top:14px;right:14px;bottom:14px;border:1.5px solid rgba(35,36,31,.075);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.75),0 1.5px 0 rgba(255,255,255,.7)}
.o-top{position:absolute;left:0;right:0;top:34px;height:30px;text-align:center;font-size:19.5px;line-height:30px;font-weight:500;color:var(--gold-deep);white-space:nowrap}
.o-fig{position:absolute;left:0;right:0;top:66px;height:104px;text-align:center;line-height:104px;white-space:nowrap;color:var(--ink);text-shadow:0 1.5px 0 rgba(255,255,255,.55)}
.o-fig .int{font-size:90px}

.face.out.live .o-fig{animation:liveTick .95s cubic-bezier(.2,.7,.2,1)}
@keyframes liveTick{0%{opacity:.12;transform:translateY(7px)}100%{opacity:1;transform:none}}
body.still .face.out.live .o-fig{animation:none} .o-fig .dec{font-size:54px;color:var(--ink-soft)}
.o-fig.long .int{font-size:74px} .o-fig.long .dec{font-size:74px;color:var(--ink)}
.o-unit{position:absolute;left:0;right:0;top:170px;height:28px;text-align:center;font-size:19.5px;line-height:28px;color:var(--ink-faint);white-space:nowrap}
.o-gilt{position:absolute;right:0;top:0;width:2.3px;height:228px;background:linear-gradient(180deg,#f4e8c5 0,#e1c481 26%,#c9a35c 68%,#9d814b 100%)}


.t-head{position:absolute;left:24px;right:24px;top:22px;height:24px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;white-space:nowrap}
.t-head .house{color:var(--gold-deep);font-weight:500}
.t-head .ref{color:var(--ink-faint);font-size:11.5px;letter-spacing:.08em}
.t-say{position:absolute;left:0;right:0;height:24px;text-align:center;font-size:14.5px;line-height:24px;color:var(--ink-soft);white-space:nowrap}
.t-say.ask-l{top:62px} .t-say.cap{top:176px}
.t-say svg{display:inline-block;width:16px;height:12px;margin:0 2px;vertical-align:-1px;fill:none;stroke:#55554b;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.t-price{position:absolute;left:0;right:0;top:94px;height:76px;line-height:76px;text-align:center;color:var(--ink);white-space:nowrap}
.t-price .int{font-size:72px} .t-price .dec{font-size:36px;color:var(--ink-soft);margin-left:2px}
.t-rows{position:absolute;left:24px;right:24px;top:0}
.t-rows li{display:flex;align-items:center;justify-content:space-between;height:38px;border-top:1px solid var(--rule);font-size:14.5px;white-space:nowrap}
.t-rows li:first-child{border-top-color:rgba(35,36,31,.05)}
.t-rows li span{color:var(--ink-soft)} .t-rows li .v{color:var(--ink)}
.t-rows li .v b{font-family:"NikanNum5","NikanFa",system-ui,sans-serif;font-size:17px;font-weight:500}
.t-foot{position:absolute;left:24px;right:24px;top:152px;height:76px;display:flex;align-items:center;gap:14px;border-top:1px solid var(--rule)}
.orb{position:relative;flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(35,36,31,.20) 0%,rgba(35,36,31,.10) 62%,rgba(35,36,31,0) 72%)}
.orb .ball{position:relative;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle 15px at 34% 26%,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 100%),radial-gradient(circle at 42% 34%,#3b4156 0%,#1c2030 40%,#0a0c12 74%,#05060a 100%);
  box-shadow:inset 0 -3px 6px rgba(198,205,225,.10),inset 0 2px 2px rgba(255,255,255,.10),0 1px 1px rgba(0,0,0,.70),0 5px 8px -1px rgba(0,0,0,.55),0 12px 14px -6px rgba(35,36,31,.55)}
.orb .ring{position:absolute;left:0;top:0;width:64px;height:64px}
.orb b{font-family:"NikanNum5","NikanFa",system-ui,sans-serif;font-size:15px;font-weight:500;color:#e9edf7;white-space:nowrap}
.t-foot .say{flex:1 1 0;min-width:0}
.t-foot .say small{display:block;height:18px;font-size:12.5px;line-height:18px;color:var(--gold-deep)}
.t-foot .say span{display:block;font-size:15px;line-height:26px;font-weight:500;color:var(--ink);white-space:nowrap}
.t-foot .mark{flex:none;width:26px;height:26px;overflow:visible}


#stage{position:absolute;left:0;top:0;width:430px;height:932px;z-index:5;pointer-events:none;visibility:hidden}
#stage > *{position:absolute}
.pad{top:102px;left:8px;width:414px;height:492px;border-radius:32px;overflow:hidden;opacity:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='520'%3E%3Cfilter id='h' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55 .62' numOctaves='2' seed='11' result='n'/%3E%3CfeDiffuseLighting in='n' surfaceScale='2.4' diffuseConstant='1.15' lighting-color='%23d7dcec'%3E%3CfeDistantLight azimuth='250' elevation='58'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23h)'/%3E%3C/svg%3E") center/cover,linear-gradient(180deg,#20232f 0%,#171a24 46%,#101219 100%);background-blend-mode:soft-light,normal;
  box-shadow:inset 0 1px 0 rgba(198,205,225,.16),inset 0 -1px 0 rgba(0,0,0,.70),inset 0 0 0 1px rgba(0,0,0,.55),0 1px 0 rgba(198,205,225,.05),0 24px 40px -16px rgba(0,0,0,.85)}
.pad::after{content:"";position:absolute;inset:6px;border-radius:26px;border:1.25px dashed rgba(201,163,92,.55);box-shadow:0 1px 0 rgba(0,0,0,.55)}
.glow{left:0;top:80px;width:430px;height:540px;opacity:0;background:radial-gradient(ellipse 220px 250px at 50% 262px,rgba(255,240,205,.13) 0%,rgba(255,240,205,.045) 52%,rgba(255,240,205,0) 100%)}
.tsh{left:24px;top:120px;width:382px;height:456px;border-radius:18px;opacity:0;box-shadow:0 1px 1px rgba(0,0,0,.55),0 6px 10px -2px rgba(0,0,0,.45),0 22px 36px -10px rgba(0,0,0,.70),0 44px 64px -28px rgba(0,0,0,.65),0 0 56px rgba(242,238,226,.043)}
#stage .tentbox{left:25px;top:137px}
.hold{top:610px;left:163px;width:104px;height:104px;display:block;border-radius:50%;opacity:0;touch-action:none}
body[data-state="open"] .hold,body[data-state="open"] .nokey{pointer-events:auto}
.dial{position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;border:1px solid transparent;
  background:
    conic-gradient(from 0deg,rgba(198,205,225,.14) 0deg,rgba(198,205,225,0) 48deg,rgba(0,0,0,.28) 90deg,rgba(198,205,225,0) 134deg,rgba(198,205,225,.07) 180deg,rgba(198,205,225,0) 226deg,rgba(0,0,0,.28) 270deg,rgba(198,205,225,0) 312deg,rgba(198,205,225,.14) 360deg) padding-box,
    linear-gradient(180deg,#262935 0%,#1a1e2b 50%,#10121a 100%) padding-box,
    conic-gradient(from 0deg,rgba(198,205,225,.46) 0deg,rgba(198,205,225,.14) 80deg,rgba(198,205,225,.06) 180deg,rgba(198,205,225,.14) 280deg,rgba(198,205,225,.46) 360deg) border-box;
  box-shadow:0 0 0 1px rgba(0,0,0,.50),0 20px 32px -12px rgba(0,0,0,.70),0 6px 10px -4px rgba(0,0,0,.45)}
.dial::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(198,205,225,.06) 0deg,rgba(198,205,225,0) 1.2deg,rgba(0,0,0,.08) 2.4deg,rgba(198,205,225,0) 3.6deg);
  -webkit-mask:radial-gradient(circle,rgba(0,0,0,0) 37px,#000 38px);mask:radial-gradient(circle,rgba(0,0,0,0) 37px,#000 38px)}
.well{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;
  background:radial-gradient(circle 36px at 50% 40%,#05070a 0%,#0a0c10 64%,#0f1118 100%);
  box-shadow:inset 0 -1px 0 rgba(198,205,225,.16),inset 0 6px 8px rgba(0,0,0,.90),0 0 0 1px rgba(0,0,0,.50),0 1px 0 1px rgba(198,205,225,.08)}
.key{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid transparent;transition:transform .16s cubic-bezier(.3,.7,.3,1),box-shadow .3s;
  background:
    conic-gradient(from 0deg,rgba(198,205,225,.16) 0deg,rgba(198,205,225,0) 46deg,rgba(0,0,0,.24) 90deg,rgba(198,205,225,0) 134deg,rgba(198,205,225,.08) 180deg,rgba(198,205,225,0) 226deg,rgba(0,0,0,.24) 270deg,rgba(198,205,225,0) 314deg,rgba(198,205,225,.16) 360deg) padding-box,
    linear-gradient(180deg,#262935 0%,#1a1e2b 52%,#141724 100%) padding-box,
    conic-gradient(from 0deg,#f4e8c5 0deg,#ecd9a8 60deg,#9d814b 130deg,#7b6438 180deg,#9d814b 230deg,#ecd9a8 300deg,#f4e8c5 360deg) border-box;
  box-shadow:0 0 0 1px rgba(5,7,10,.80),0 2px 3px rgba(0,0,0,.55),0 8px 10px -4px rgba(0,0,0,.85),0 0 16px rgba(201,163,92,.10)}
.key svg{width:24px;height:24px;fill:none;stroke:#c6cde1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hold.holding .key{transform:scale(.95)}
.hold.done .key{box-shadow:0 0 0 1px rgba(5,7,10,.80),0 2px 3px rgba(0,0,0,.55),0 8px 10px -4px rgba(0,0,0,.85),0 0 26px 2px rgba(201,163,92,.50)}
.hold.done .key svg{stroke:#f4e8c5}
.hring{position:absolute;left:0;top:0;width:104px;height:104px;transform:rotate(-90deg);pointer-events:none}
.hring circle{fill:none;stroke:#e1c481;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:201.1;stroke-dashoffset:201.1;transition:stroke-dashoffset .3s ease-out}
.hold.holding .hring circle{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s linear}
.hold.done .hring circle{stroke-dashoffset:0;transition:none}
.say-yes{top:724px;left:24px;width:382px;height:28px;line-height:28px;text-align:center;font-size:17px;font-weight:600;color:var(--lit);white-space:nowrap;opacity:0}
.say-sub{top:754px;left:24px;width:382px;height:22px;line-height:22px;text-align:center;font-size:13px;color:var(--stone);white-space:nowrap;opacity:0}

.nokey{left:131px;top:812px;width:168px;height:56px;border:1px solid transparent;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:24px;font-weight:500;color:var(--text);opacity:0;white-space:nowrap;
 background:repeating-linear-gradient(90deg,rgba(198,205,225,.035) 0,rgba(198,205,225,.035) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 2px) padding-box,linear-gradient(180deg,#262a38 0%,#1a1e2b 54%,#141722 100%) padding-box,linear-gradient(180deg,rgba(198,205,225,.38) 0%,rgba(198,205,225,.06) 100%) border-box;
 box-shadow:0 20px 32px -12px rgba(0,0,0,.80),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .16s cubic-bezier(.3,.7,.3,1)}
.nokey:active{transform:scale(.97)}


.seal{left:308px;top:493px;width:84px;height:84px;opacity:0;pointer-events:none;transform-origin:50% 50%;filter:drop-shadow(0 2px 2px rgba(35,36,31,.40)) drop-shadow(0 8px 7px rgba(35,36,31,.36))}
.orb.sealed .ball,.orb.sealed .ring{visibility:hidden}
.orb.sealed{margin-left:10px}
.orb.sealed{background:radial-gradient(circle at 50% 52%,rgba(35,36,31,.30) 0%,rgba(35,36,31,.14) 60%,rgba(35,36,31,0) 76%)}
.orb.dead b{color:#aab0c0}
.t-rows li .was{font-size:12.5px;color:var(--ink-faint);margin-left:12px}
.t-rows li .was.tight{font-size:11px;margin-left:6px}
.t-foot .say span.long{font-size:14px}
.key2{top:812px;left:99px;width:232px;height:56px;border:1px solid transparent;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:15.5px;line-height:24px;font-weight:600;color:var(--gold-hi);opacity:0;white-space:nowrap;
 background:linear-gradient(180deg,rgba(198,205,225,.20) 0%,rgba(198,205,225,.09) 100%) padding-box,linear-gradient(180deg,#262935 0%,#1a1e2b 100%) padding-box,linear-gradient(180deg,rgba(236,217,168,.85),rgba(201,163,92,.55) 45%,rgba(123,100,56,.6)) border-box;
 box-shadow:0 16px 24px -12px rgba(0,0,0,.80),0 6px 12px -4px rgba(0,0,0,.45);transition:transform .14s cubic-bezier(.3,.7,.3,1)}
.key2:active{transform:scale(.98)}
body[data-mode="lapsed"] .key2{left:216px;width:190px}
body[data-mode="lapsed"] .nokey{left:24px;width:180px}
.note{top:620px;left:24px;width:382px;text-align:center;font-size:14.5px;line-height:26px;color:var(--text);opacity:0;white-space:nowrap}
.note small{display:block;font-size:13px;line-height:22px;color:var(--stone)}
.save{top:716px;left:187px;width:56px;height:56px;border-radius:50%;border:1px solid transparent;display:grid;place-items:center;opacity:0;color:var(--text);
 background:linear-gradient(180deg,#262935 0%,#1a1e2b 100%) padding-box,linear-gradient(180deg,rgba(198,205,225,.26) 0%,rgba(198,205,225,.06) 100%) border-box;box-shadow:0 6px 12px -4px rgba(0,0,0,.70)}
.save svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body[data-state="open"] .key2,body[data-state="open"] .save{pointer-events:auto}
body[data-mode="struck"] .bar .back{visibility:hidden}
.hold.dead{pointer-events:none!important}
.hold.dead .key{visibility:hidden}
.hold.dead .hring{display:none}

body.amt-on .wheel{box-shadow:inset 0 2px 5px rgba(0,0,0,.85),inset 0 1px 0 rgba(0,0,0,.95),inset 0 -1px 0 rgba(198,202,211,.045),0 0 0 1px rgba(201,163,92,.55),0 0 22px rgba(201,163,92,.28)}
body.amt-on .amt .fig b{color:var(--gold-hi)}
html.en .tab::before{right:auto;left:-1px}
html.en .kind::before{background:linear-gradient(90deg,rgba(201,163,92,0),rgba(201,163,92,.7))}
html.en .kind::after{background:linear-gradient(90deg,rgba(201,163,92,.7),rgba(201,163,92,0))}
html.en .thread{right:auto;left:0;background:linear-gradient(90deg,#9d814b,#e1c481)}
html.en .foot2 li + li{border-right:0;border-left:1px solid rgba(198,205,225,.10)}
html.en .t-say svg{transform:scaleX(-1)}
html.en .t-rows li .was{margin-left:0;margin-right:12px} html.en .t-rows li .was.tight{margin-right:6px}
html.en .seal{left:38px}
html.en .orb.sealed{margin-left:0;margin-right:10px}