.sq,.sq-intro{--pad-x:clamp(16px, 5vw, 72px);--pad-y:clamp(16px, 3vw, 36px)}.sq{position:relative}.sq-canvas{pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.sq-main{z-index:2;position:relative}.sq-intro{padding:calc(var(--pad-y) + 44px + clamp(20px, 5vh, 56px)) var(--pad-x) 0;max-width:40rem}.sq-intro h1{font-family:var(--font-fraunces), serif;letter-spacing:-.03em;font-variation-settings:"opsz" 144;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:400;line-height:1}.sq-intro .lede{margin-top:.8rem;font-size:clamp(1rem,1.5vw,1.15rem)}.sq-intro .lede a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rust);text-decoration-color:var(--rust);text-underline-offset:4px;text-decoration-thickness:2px}.sq .quests{height:var(--quests-h,60vh);margin:0;padding:0;list-style:none;position:relative}.sq .quest-btn{width:var(--w,72px);color:var(--ink);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;top:0;left:0;translate:-50%}.sq .quest-btn .hit{width:100%;height:var(--h,90px);display:block}.sq .quest-btn .hit svg{display:none}.sq .quest-btn .name{background:color-mix(in srgb, var(--bg) 80%, transparent);font-family:var(--font-fraunces), serif;white-space:nowrap;border-radius:4px;margin-top:10px;padding:2px 6px;font-size:1.15rem;font-weight:500;line-height:1.2}.sq .quest-btn .count{font:.78rem/1.3 var(--font-jetbrains-mono), monospace;color:var(--muted);white-space:nowrap}.sq .quest-btn:hover .name{text-decoration:underline;-webkit-text-decoration-color:var(--rust);text-decoration-color:var(--rust);text-underline-offset:4px;text-decoration-thickness:2px}.sq .quest-btn:focus-visible{outline:none}.sq .quest-btn:focus-visible .hit,.sq .quest-btn:focus-visible .name{outline:2px solid var(--rust);outline-offset:4px;border-radius:999px}.sq .quest-btn:focus-visible .name{border-radius:4px}.sq.is-pending:not(.is-placed) .quests{visibility:hidden}.sq.is-flat .quests{height:auto;padding:24px var(--pad-x) 32px;flex-wrap:wrap;justify-content:space-around;gap:40px 24px;display:flex}.sq.is-flat .quest-btn{width:auto;position:static;translate:none}.sq.is-flat .quests>li:nth-child(2n){margin-top:90px}.sq.is-flat .quest-btn .hit{width:64px;height:auto}.sq.is-flat .quest-btn .hit svg{display:block}.sq .pod-dialog{color:#2f2029;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.sq .pod-dialog::backdrop{background:0 0}.sq .pod-dialog.is-flat{background:radial-gradient(ellipse at 50% 40%, #fbf6ec, var(--silk,#ebe5d8));overflow-y:auto}.sq .pod-head,.sq .specimens,.sq .detail,.sq .pod-empty{opacity:0;transition:opacity .45s}.sq .pod-dialog.is-ready .pod-head,.sq .pod-dialog.is-ready .specimens,.sq .pod-dialog.is-ready .detail,.sq .pod-dialog.is-ready .pod-empty{opacity:1}.sq .pool{background:radial-gradient(at 40%,#fcf8f0f2 55%,#fcf8f0b3 100%);border-radius:22px;padding:14px 18px;box-shadow:0 0 30px 18px #fcf8f08c}.sq .pod-head{top:var(--pad-y);left:var(--pad-x);right:var(--pad-x);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute}.sq .pod-dialog.is-flat .pod-head{padding:var(--pad-y) var(--pad-x) 0;position:relative;top:0;left:0;right:0}.sq .pod-head>*{pointer-events:auto}.sq .tag{--paper:#fbf6ec;--cut:14px;background:linear-gradient(135deg, transparent var(--cut), var(--paper) calc(var(--cut) + .5px)) top left / 51% 100% no-repeat, linear-gradient(-135deg, transparent var(--cut), var(--paper) calc(var(--cut) + .5px)) top right / 51% 100% no-repeat;filter:drop-shadow(0 10px 14px #2f20292e)drop-shadow(0 1px 1px #2f20291f);transform-origin:50% 18px;padding:40px 26px 18px;position:relative;rotate:-1.2deg}.sq .tag:before{content:"";background:radial-gradient(circle at 40% 35%,#cbbfae,#a89a8a);border:3px solid #eadcc4;border-radius:50%;width:14px;height:14px;position:absolute;top:12px;left:calc(50% - 7px)}.sq .tag:after{content:"";background:linear-gradient(#8f7f728c,#8f7f72);width:1.5px;height:60vh;position:absolute;bottom:calc(100% - 19px);left:calc(50% - .75px)}.sq .pod-head>.tag:first-child{min-width:min(22rem,100%);max-width:32rem}.sq .tag .eyebrow span{border-left:1px solid #2f20294d;margin-left:.4em;padding-left:.6em}.sq .tag-foot{font:.78rem/1.3 var(--font-jetbrains-mono), monospace;color:#5f4b57;border-top:1px dashed #2f20294d;align-items:center;gap:10px;margin-top:14px;padding-top:10px;display:flex}.sq .swatch{border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1px #2f202959}.sq .tag-btn{--cut:10px;--r0:1.6deg;--r1:-.8deg;color:#2f2029;min-height:44px;font:500 .95rem/1 var(--font-dm-sans), sans-serif;cursor:pointer;border:0;flex:none;align-items:center;gap:8px;padding:34px 18px 12px;display:inline-flex;rotate:1.6deg}.sq .tag-btn:before{width:12px;height:12px;top:10px;left:calc(50% - 6px)}.sq .tag-btn:after{bottom:calc(100% - 16px)}.sq .tag-btn:hover{--paper:#fffdf8;color:#a9472a}.sq .pod-dialog :focus-visible{outline-offset:3px;outline:2px solid #a9472a}.sq .pod-dialog.is-ready .tag{animation:.9s cubic-bezier(.3,1.5,.6,1) both sq-tag-drop,6.5s ease-in-out .9s infinite sq-tag-sway}.sq .pod-dialog.is-ready .tag-btn{animation-duration:.9s,5.3s;animation-delay:.12s,1s}@keyframes sq-tag-drop{0%{translate:0 -160px}}@keyframes sq-tag-sway{0%,to{rotate:var(--r0,-1.2deg)}50%{rotate:var(--r1,1deg)}}.sq .pod-dialog h2{font-family:var(--font-fraunces), serif;letter-spacing:-.02em;margin-top:.1em;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:500;line-height:1.05}.sq .pod-dialog .blurb{color:#4a3843;margin-top:.35rem}.sq .pod-dialog .eyebrow{font:.8rem/1.3 var(--font-jetbrains-mono), monospace;color:#5f4b57}.sq .pod-close{color:#2f2029;min-height:44px;font:500 .9rem/1 var(--font-dm-sans), sans-serif;cursor:pointer;background:#fffcf6f2;border:1px solid #2f202959;border-radius:999px;flex:none;padding:0 18px}.sq .pod-close:hover{border-color:#2f2029}.sq .specimens{margin:0;padding:0;list-style:none}.sq .spec-btn{width:var(--s,120px);color:#2f2029;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;top:0;left:0;translate:-50%}.sq .spec-btn .hit{width:100%;height:var(--s,120px);display:block}.sq .spec-name{max-width:calc(var(--s,120px) + 48px);font-family:var(--font-fraunces), serif;text-align:center;background:#fcf8f0eb;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:1rem;font-weight:500;line-height:1.2}.sq .spec-btn:hover .spec-name{text-underline-offset:3px;-webkit-text-decoration:underline #a9472a;text-decoration:underline #a9472a;text-decoration-thickness:2px}.sq .spec-btn:focus-visible{outline:none}.sq .spec-btn:focus-visible .hit{outline-offset:4px;border-radius:50%;outline:2px solid #a9472a}.sq .spec-btn:focus-visible .spec-name{outline-offset:2px;outline:2px solid #a9472a}.sq .pod-dialog.is-flat .specimens{padding:40px var(--pad-x) var(--pad-y);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px;display:grid}.sq .pod-dialog.is-flat .spec-btn{width:100%;position:static;translate:none}.sq .pod-dialog.is-flat .spec-btn .hit{max-width:12rem;height:auto}.sq .detail{right:var(--pad-x);width:min(40vw,420px);position:absolute;top:50%;translate:0 -40%}.sq .pod-dialog.is-flat .detail{width:auto;max-width:36rem;margin:40px var(--pad-x);position:relative;top:auto;right:auto;translate:none}.sq .detail h3{font-family:var(--font-fraunces), serif;margin-top:.15em;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500;line-height:1.1}.sq .detail h3:focus{outline:none}.sq .detail .latin{font-family:var(--font-fraunces), serif;color:#5f4b57;margin-top:.15em;font-style:italic}.sq .detail .body{margin:.8rem 0 1rem}.sq .pod-link{color:#fcf8f0;min-height:44px;font:500 .9rem/1 var(--font-dm-sans), sans-serif;background:#2f2029;border-radius:999px;align-items:center;gap:8px;margin:0 8px 10px 0;padding:0 18px;text-decoration:none;display:inline-flex}.sq .pod-link:hover span{text-underline-offset:3px;text-decoration:underline}.sq .pod-empty{text-align:center;position:absolute;top:50%;left:50%;translate:-50% -50%}.sq .pod-dialog.is-flat .pod-empty{width:fit-content;margin:60px auto;position:static;translate:none}@media (max-width:759px){.sq .detail{top:auto;bottom:var(--pad-y);left:var(--pad-x);right:var(--pad-x);width:auto;translate:none}.sq .pod-head .blurb{font-size:.95rem}.sq .pod-head>.tag:first-child{min-width:0;padding:36px 18px 14px}}@media (max-width:720px){.sq .quest-btn .name{font-size:1rem}}.site-top,.sq-intro,.sq .quest-btn .name,.sq .quest-btn .count{transition:opacity .4s}body.pod-open .site-top,body.pod-open .sq-intro,body.pod-open .sq .quest-btn .name,body.pod-open .sq .quest-btn .count{opacity:0}body.pod-open .site-top{pointer-events:none}[data-motion=paused] .sq .pod-dialog.is-ready .tag{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .sq .pod-dialog.is-ready .tag{animation:none}:root:not([data-motion=on]) :is(.sq .pod-head,.sq .specimens,.sq .detail,.sq-intro,.site-top){transition:none}}
