.ty-on{--gutter:clamp(16px,5vw,64px);--ease:cubic-bezier(.16,1,.3,1);--plate-w:min(100%,460px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .28' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .18 0 0 0 -.45 .36'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E"),var(--stone)}.ty-on [hidden]{display:none!important}.ty-on :where(input){font:inherit;color:inherit}.ty-on .top{display:flex;align-items:center;gap:16px;padding:14px var(--gutter)}.ty-on .progress{display:flex;gap:6px;width:120px;margin-left:auto}.ty-on .progress i{flex:1;height:3px;background:color-mix(in srgb,var(--rule) 45%,transparent);transition:background-color .25s ease-out}.ty-on .progress i.on{background:var(--ink)}.ty-on[data-step="4"] .progress{visibility:hidden}.ty-on .sheet{display:flex;flex-direction:column;align-items:center;padding:8px var(--gutter) 48px;text-align:center}body:has(.ty-cookie) .ty-on .sheet{padding-bottom:200px}.ty-on .q{display:grid;justify-items:center;gap:10px;max-width:34rem;min-height:9.5rem;align-content:end}.ty-on .back{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;border:0;background:none;cursor:pointer;color:var(--ink-soft)}.ty-on .back:hover{color:var(--ink)}.ty-on .back-wrap{min-height:44px}.ty-on .title{font:400 clamp(2.1rem,4.6vw,3.4rem)/1.04 var(--serif);letter-spacing:-.02em;text-wrap:balance}.ty-on .title:focus,.ty-on .title:focus-visible{outline:none}.ty-on .sub{font-size:1.125rem;line-height:1.45;color:var(--ink-soft);text-wrap:balance}.ty-on .stage{width:100%;display:grid;justify-items:center;margin-top:20px}.ty-on .where-wrap{display:contents}.ty-on .plate{position:relative;width:var(--plate-w);aspect-ratio:1}.ty-on .plate svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ty-on .ov{position:absolute;left:50%;transform:translate(-50%,-50%)}.ty-on .under{display:grid;justify-items:center;gap:14px;width:100%;max-width:30rem;margin-top:18px}.ty-on .under .ty-btn{width:min(100%,22rem);margin-top:10px}.ty-on .under .ty-alert{justify-self:stretch;text-align:left}.ty-on .ty-help{text-wrap:balance}.ty-on .under-2{gap:6px}.ty-on .under-2,.ty-on .under-3{display:grid;justify-items:center}.ty-on .under-3{gap:12px}@media (prefers-reduced-motion:no-preference){.ty-on .swap{animation:ty-on-swap .45s var(--ease) both}@keyframes ty-on-swap{0%{opacity:0;transform:translateY(6px)}}.ty-on .ov.swap{animation-name:ty-on-swap-ov}@keyframes ty-on-swap-ov{0%{opacity:0;transform:translate(-50%,calc(-50% + 6px))}}}.ty-on .ring{fill:none;stroke:var(--rule);stroke-dasharray:2 6}.ty-on .plate{perspective:1000px;--pv-frame:#c9cdd2;--pv-back:#0d1a33;--pv-cell-hi:#24467f;--pv-cell-lo:#1a3462}@property --lit{syntax:"<number>";inherits:true;initial-value:.9}.ty-on .array{left:50%;top:50%;transform-style:preserve-3d;transition:transform .6s var(--ease),opacity .5s ease-out,--lit .6s ease-out;pointer-events:none}.ty-on .array,.ty-on .pv,.ty-on .pv-arm,.ty-on .pv-foot,.ty-on .pv-post,.ty-on .pv-rear{position:absolute}.ty-on .pv{box-sizing:border-box;transform-origin:50% 100%;backface-visibility:hidden;border:1px solid var(--pv-frame);background:linear-gradient(var(--pv-back) 0 1px,transparent 0) 0 0 /33.34% 20%,linear-gradient(90deg,var(--pv-back) 0 1px,transparent 0) 0 0 /33.34% 20%,linear-gradient(var(--pv-cell-hi),var(--pv-cell-lo)) 0 0 /33.34% 20%}.ty-on .pv:before{content:"";position:absolute;inset:0;background:var(--pv-back);opacity:calc((1 - var(--lit)) * .8)}.ty-on .pv-rear{transform-origin:50% 100%;backface-visibility:hidden;background:var(--ink-soft)}.ty-on .pv-arm{left:0;top:0;transform-origin:0 0;clip-path:polygon(0 0,0 100%,100% 100%)}.ty-on .pv-post{transform-origin:50% 0;transform:rotateX(90deg)}.ty-on .pv-foot{background:color-mix(in srgb,var(--rule) 50%,var(--stone-deep))}.ty-on .pv-arm,.ty-on .pv-post{background:color-mix(in srgb,var(--pv-frame) 45%,var(--ink-soft))}.ty-on .pv:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-out;background-color:hsla(38,39%,62%,.5);background-image:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--stone) 60%,transparent) .8px,transparent 1.1px),radial-gradient(circle at 80% 76%,color-mix(in srgb,var(--stone) 40%,transparent) .6px,transparent .9px);background-size:7px 7px,11px 11px}.ty-on .dusty .pv:after{opacity:.55}.ty-on .glint-row{position:absolute;transform-origin:50% 100%;backface-visibility:hidden;overflow:hidden;pointer-events:none}.ty-on .glint-row:before{content:"";position:absolute;inset:0;opacity:calc(var(--lit) * .16);background:linear-gradient(112deg,var(--paper) 0 26%,transparent 26% 34%,var(--paper) 34% 40%,transparent 40%)}.ty-on .glint{position:absolute;top:0;bottom:0;left:0;width:40%;opacity:0;background:linear-gradient(105deg,transparent,color-mix(in srgb,var(--paper) 60%,transparent),transparent)}@media (prefers-reduced-motion:no-preference){.ty-on .sweep .glint{animation:ty-on-glint .9s var(--ease) both}@keyframes ty-on-glint{0%{opacity:var(--lit);transform:translateX(-100%)}75%{opacity:var(--lit)}to{opacity:0;transform:translateX(260%)}}}.ty-on .cleaning .pv:after{opacity:var(--dust,.65);transition:none;animation:ty-on-wipe .35s linear var(--d) both}@keyframes ty-on-wipe{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}.ty-on .wiper-row{position:absolute;transform-origin:50% 100%;transform-style:preserve-3d;pointer-events:none}.ty-on .wiper{position:absolute;left:-2px;top:-8%;width:4px;height:116%;background:var(--gold);box-shadow:0 0 0 1px var(--ink);opacity:0}.ty-on .cleaning .wiper{animation:ty-on-sweep 1.6s cubic-bezier(.45,0,.55,1) .6s both}@keyframes ty-on-sweep{0%{opacity:1;transform:translateX(0)}94%{opacity:1;transform:translateX(var(--run))}to{opacity:0;transform:translateX(var(--run))}}@media (prefers-reduced-motion:reduce){.ty-on .cleaning .pv:after{animation:none;opacity:0}.ty-on .cleaning .wiper{animation:none}}.ty-on .lastclean{display:grid;justify-items:center;gap:10px;width:100%;padding-top:18px;margin-top:4px;border-top:1px dashed var(--rule)}.ty-on .lastclean .ty-stencil{color:var(--ink-soft)}.ty-on .last-date{width:min(100%,15rem);text-align:left}.ty-on .facing{stroke:var(--ink);stroke-width:1.2;stroke-dasharray:3 5}.ty-on .facing,.ty-on .ray{transition:opacity .3s ease-out}.ty-on .ray{stroke:var(--gold);stroke-width:1.6}.ty-on .string{stroke:var(--ink);stroke-width:1.2;opacity:0;transition:opacity .3s ease-out}.ty-on[data-step="3"] .string{opacity:1}.ty-on[data-step="3"] .rim [data-az="0"]{opacity:0}.ty-on .sun-dot{fill:var(--gold)}@media (prefers-reduced-motion:no-preference){.ty-on .sun-halo{animation:ty-on-halo 3.2s ease-out infinite;transform-origin:center;transform-box:fill-box}@keyframes ty-on-halo{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}}@media (prefers-reduced-motion:reduce){.ty-on .sun-halo{display:none}.ty-on .array,.ty-on .pv:after{transition:none}}.ty-on .rim button{position:absolute;transform:translate(-50%,-50%);min-width:44px;height:44px;padding:0 8px;border:1px solid transparent;background:none;font:500 .75rem/1 var(--mono);letter-spacing:.12em;color:var(--ink-soft);pointer-events:none;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.ty-on .rim .minor{opacity:0}.ty-on[data-step="2"] .rim button{pointer-events:auto;cursor:pointer;color:transparent}.ty-on[data-step="2"] .rim .minor{opacity:1}.ty-on[data-step="2"] .rim button:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border:1.5px solid var(--ink);border-radius:50%;background:var(--stone);transition:background-color .2s ease-out,box-shadow .2s ease-out}.ty-on[data-step="2"] .rim button:after{content:attr(data-l);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(var(--dx),var(--dy));color:var(--ink-soft)}.ty-on[data-step="2"] .rim button[aria-checked=true]:before{background:var(--ink);box-shadow:0 0 0 3px var(--stone),0 0 0 4.5px var(--ink)}.ty-on[data-step="2"] .rim button[aria-checked=true]:after{color:var(--ink);font-weight:700}@media (hover:hover){.ty-on[data-step="2"] .rim button:hover:before{background:var(--stone-deep)}.ty-on[data-step="2"] .rim button:hover:after{color:var(--ink)}.ty-on[data-step="2"] .rim button[aria-checked=true]:hover:before{background:var(--ink)}}.ty-on[data-step="2"] .rim button:active:before{background:var(--stone-deep)}.ty-on[data-step="1"] .plate{display:none}.ty-on .where{display:grid;justify-items:center;gap:14px;width:min(100%,560px)}.ty-on .seg button{padding:0 14px;letter-spacing:.12em;text-transform:uppercase}.ty-on .map{position:relative;width:100%;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none}.ty-on .map.zoomed{touch-action:none;outline:1px solid var(--rule)}.ty-on .map svg{display:block;width:100%;height:auto;cursor:zoom-in}.ty-on .map.zoomed svg{cursor:grab}.ty-on .map path{vector-effect:non-scaling-stroke;transition:fill .2s ease-out}.ty-on .map .a{fill:var(--paper);stroke:var(--rule);stroke-width:.6}.ty-on .map .x{fill:color-mix(in srgb,var(--stone-deep) 70%,var(--stone));stroke:color-mix(in srgb,var(--rule) 40%,transparent);stroke-width:.5}@media (hover:hover){.ty-on .map .a:hover{fill:color-mix(in srgb,var(--gold) 22%,var(--paper))}.ty-on .map.zoomed .a:hover{cursor:pointer}}.ty-on .map .a.peek{fill:color-mix(in srgb,var(--gold) 22%,var(--paper));stroke:var(--ink-soft)}.ty-on .tip small{display:block;margin-top:2px;font-size:.8125rem;opacity:.8}.ty-on .map .a.on,.ty-on .map.zoomed .a.on:hover{fill:var(--gold);stroke:var(--ink);stroke-width:1.4}.ty-on .map-out{position:absolute;top:8px;right:8px;min-height:44px;padding:0 14px;border:1px solid var(--rule);background:var(--stone);cursor:pointer;font:500 .75rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.ty-on .map-out:hover{color:var(--ink);border-color:var(--ink-soft)}.ty-on .tip{position:absolute;z-index:2;pointer-events:none;transform:translate(-50%,calc(-100% - 14px));padding:6px 10px;white-space:nowrap;background:var(--ink);color:var(--stone);font-size:.9375rem;line-height:1.2;box-shadow:0 4px 12px rgba(42,28,18,.2)}.ty-on .credit{font-size:.75rem;color:var(--ink-soft)}.ty-on .field{display:grid;justify-items:center;gap:6px;width:min(100%,15rem)}.ty-on .field label{color:var(--ink-soft)}.ty-on .pc{width:100%;min-height:60px;padding:0 12px;border:1px solid var(--rule);border-bottom:2px solid var(--ink);border-radius:0;background:var(--paper);text-align:center;font:400 2.2rem/1 var(--serif);font-variant-numeric:tabular-nums lining-nums;letter-spacing:.08em;cursor:text}.ty-on .pc::-moz-placeholder{color:var(--placeholder);opacity:1;font-size:1.125rem;font-style:italic;letter-spacing:0}.ty-on .pc::placeholder{color:var(--placeholder);opacity:1;font-size:1.125rem;font-style:italic;letter-spacing:0}.ty-on .pc:hover{border-color:var(--ink-soft)}.ty-on .pc:focus-visible{outline:2px solid var(--gold);outline-offset:0;border-color:var(--ink)}.ty-on .pc[aria-invalid=true]{border-bottom-color:var(--error)}.ty-on .found{font-style:italic;font-size:1.1875rem;min-height:1.5em}.ty-on .sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px}.ty-on .size{display:grid;justify-items:center;gap:6px;margin-bottom:4px}.ty-on .size>label{display:inline-flex;align-items:center;gap:8px;min-height:22px;color:var(--ink-soft)}.ty-on .tilt-glyph{width:52px;height:28px;color:var(--ink-soft)}.ty-on .tilt-line{stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.ty-on .stepper{display:flex;align-items:center}.ty-on .stepper button{width:44px;height:44px;border:1px solid var(--rule);background:var(--stone);cursor:pointer;font:400 1.4rem/1 var(--serif);color:var(--ink)}.ty-on .stepper button:hover{background:var(--stone-deep)}.ty-on .stepper label{display:flex;align-items:baseline;gap:6px;padding:0 12px}.ty-on .stepper input{width:3.2ch;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;text-align:center;font:400 1.75rem/1.1 var(--serif);font-variant-numeric:tabular-nums lining-nums}.ty-on .stepper input:focus-visible{outline:none;border-bottom:2px solid var(--gold)}.ty-on .stepper span{font:500 .75rem/1 var(--mono);letter-spacing:.12em;color:var(--ink-soft)}.ty-on .under-2 .ty-link{display:inline-flex;align-items:center;min-height:44px}.ty-on .ov-tag{top:19%;display:grid;gap:2px;justify-items:center;padding:10px 18px 12px;background:var(--paper);border:1px solid var(--ink);box-shadow:0 6px 18px rgba(42,28,18,.18)}.ty-on .ov-tag:before{content:"";position:absolute;top:7px;left:50%;width:7px;height:7px;margin-left:-3.5px;border:1px solid var(--ink);border-radius:50%;background:var(--stone)}.ty-on .ov-tag .ty-stencil{margin-top:10px;color:var(--ink-soft)}.ty-on .ov-tag label{display:flex;align-items:baseline;font:400 2.2rem/1.1 var(--serif);cursor:text}.ty-on .ov-tag input{width:2.6ch;border:0;border-radius:0;background:transparent;font:inherit;font-variant-numeric:tabular-nums lining-nums;padding:0;box-shadow:inset 0 -3px 0 var(--gold);text-align:center}.ty-on .ov-tag input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.ty-on .cost-row{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px}.ty-on .cost-change{min-height:44px;padding:0;border:0;background:none;color:var(--ink-soft);cursor:pointer;font:500 .75rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}.ty-on .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ty-on .chips.panels{align-items:center}.ty-on .chip{min-height:44px;min-width:52px;padding:0 14px;border:1px solid var(--rule);background:transparent;cursor:pointer;font:500 .75rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);transition:background-color .2s ease-out,color .2s ease-out}@media (hover:hover){.ty-on .chip:hover{border-color:var(--ink-soft);color:var(--ink)}}.ty-on .chip[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:var(--stone)}.ty-on .notes{display:grid;gap:0;width:100%;max-width:30rem;margin-top:8px;text-align:left}.ty-on .note{display:grid;gap:2px;padding:16px 0}.ty-on .note+.note{border-top:1px dashed var(--rule)}.ty-on .note .ty-stencil{color:var(--ink-soft)}.ty-on .fig{display:inline-block;font:400 clamp(1.9rem,3.2vw,2.4rem)/1.05 var(--serif);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em}.ty-on .fig.key{padding:0 3px;box-shadow:inset 0 -3px 0 var(--gold)}.ty-on .fig.word{font-style:italic;padding-bottom:2px}.ty-on .explain{font-size:1.0625rem;line-height:1.45;color:var(--ink-soft);text-wrap:pretty}.ty-on .wait{display:grid;gap:10px;padding-top:6px}.ty-on .wait i{display:block;height:12px;background:var(--stone-deep)}.ty-on .wait i:first-child{width:38%;height:26px}.ty-on .wait i:last-child{width:82%}@media (prefers-reduced-motion:no-preference){.ty-on .wait i{animation:ty-on-breathe 1.6s ease-in-out infinite}@keyframes ty-on-breathe{50%{opacity:.45}}.ty-on .note .val{animation:ty-on-swap .5s var(--ease) calc(var(--i, 0) * .45s) both}}.ty-on .later{padding:16px 0;border-top:1px dashed var(--rule);font-style:italic;line-height:1.45;color:var(--ink-soft);text-align:left}.ty-on .status{padding-top:16px;text-align:center}@media (min-width:1000px){.ty-on[data-step="4"] .stage{grid-template-columns:1fr var(--plate-w) 1fr;align-items:center;gap:0 28px;max-width:1180px}.ty-on[data-step="4"] .plate{grid-column:2;grid-row:1/span 2;width:460px}.ty-on[data-step="4"] .notes{display:contents}.ty-on[data-step="4"] .note{position:relative;align-self:center;width:17rem;padding:0;border:0}.ty-on[data-step="4"] .note:nth-child(odd){grid-column:1;justify-self:end}.ty-on[data-step="4"] .note:nth-child(2n){grid-column:3;justify-self:start}.ty-on[data-step="4"] .note:nth-child(-n+2){grid-row:1}.ty-on[data-step="4"] .note:nth-child(n+3){grid-row:2}.ty-on[data-step="4"] .note:after{content:"";position:absolute;top:1.4rem;width:48px;border-top:1px dashed var(--ink-soft)}.ty-on[data-step="4"] .note:nth-child(odd):after{left:calc(100% + 8px)}.ty-on[data-step="4"] .note:nth-child(2n):after{right:calc(100% + 8px)}.ty-on[data-step="4"] :is(.later,.status){grid-column:1/-1;grid-row:3;justify-self:center;max-width:30rem;border:0;text-align:center}}