.shop-sign{border:3px solid var(--ink);background:var(--danfo);box-shadow:5px 5px 0 var(--ink);font-family:var(--font-display);text-shadow:2px 2px #e0673a80;border-radius:14px;padding:.25em .8em .32em;font-size:clamp(1.9rem,7vw,2.75rem);font-weight:700;line-height:1.05;display:inline-block;transform:rotate(-1.5deg)}.gallery-shop{--wall:#f0d2ac;--floor:#9a6436;background:linear-gradient(180deg, transparent calc(100% - 140px), #6e4423 0 calc(100% - 128px), var(--floor) 0), repeating-linear-gradient(90deg, transparent 0 119px, #502d1238 119px 121px) bottom / 100% 128px no-repeat, radial-gradient(ellipse 80% 40% at 50% 0, #fff4d6b3, transparent 70%), var(--wall);overflow-x:clip}.tag-rail{flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:0 auto 28px;padding-top:8px;display:flex;position:relative}.tag-rail:before{content:"";border:2px solid var(--ink);background:#c9a14a;border-radius:99px;height:6px;position:absolute;inset:0 6px auto}.shop-tag{min-height:44px;color:var(--ink);cursor:pointer;transform-origin:50% 0;transition:rotate var(--t-spring) var(--ease-spring), scale var(--t-spring) var(--ease-spring);background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex}.shop-tag-string{background:var(--ink);width:2px;height:14px}.shop-tag-card{border:2px solid var(--ink);background:var(--cream);font-family:var(--font-display);white-space:nowrap;box-shadow:2px 2px 0 var(--ink);transition:background-color var(--t-hover) ease, box-shadow var(--t-spring) var(--ease-spring);border-radius:4px 10px 10px 4px;padding:6px 12px 7px 22px;font-size:.95rem;font-weight:600;position:relative}.shop-tag-hole{border:2px solid var(--ink);background:var(--wall,var(--ceiling));border-radius:99px;width:8px;height:8px;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.shop-tag[aria-pressed=true] .shop-tag-card{background:var(--danfo)}@media (hover:hover) and (pointer:fine){.shop-tag:hover{rotate:-3deg}.shop-tag:not([aria-pressed=true]):hover .shop-tag-card{background:var(--ceiling)}}.shop-tag:is(:active,[data-pressed]){transition-duration:var(--t-press);transition-timing-function:var(--ease-out);scale:.95}.shop-tag:is(:active,[data-pressed]) .shop-tag-card{box-shadow:0 0 0 var(--ink)}.shop-tag:focus-visible{outline:none}.shop-tag:focus-visible .shop-tag-card{outline:3px solid var(--adire);outline-offset:2px}.gallery-wall{grid-template-columns:minmax(0,1fr);gap:44px 32px;padding:0 4px 24px;display:grid}@media (min-width:640px){.gallery-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.gallery-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 44px}}.art-frame{color:var(--ink);outline:none;flex-direction:column;align-items:center;padding-top:18px;text-decoration:none;display:flex;position:relative}.art-light{pointer-events:none;background:radial-gradient(55% 70% at 50% 0,#fff6dad9,#0000 72%);height:80%;position:absolute;inset:-10px -8% auto}.art-moulding{border:2px solid var(--ink);width:100%;transition:translate var(--t-spring) var(--ease-spring), scale var(--t-spring) var(--ease-spring), box-shadow var(--t-spring) var(--ease-spring);padding:12px;position:relative;box-shadow:inset 0 0 0 3px #ffffff2e,0 14px 18px -10px #3c1e0a8c}.frame-wood{background:linear-gradient(135deg,#a8693a,#7a4520 55%,#94592d)}.frame-black{background:linear-gradient(135deg,#3a3a3a,#161616 55%,#2b2b2b)}.frame-gold{background:linear-gradient(135deg,#e3bd5c,#b88a2a 50%,#d9b04c)}.frame-white{background:linear-gradient(135deg,#fffaf0,#e8dcc6 55%,#fbf3e4)}.art-mat{aspect-ratio:4/3;border:2px solid var(--ink);background:#fbf6ea;display:block;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #0000002e}.art-mat img{padding:10px}.art-placeholder{background:var(--tint-danfo);font-family:var(--font-display);text-align:center;place-items:center;font-size:1.5rem;font-weight:700;display:grid;position:absolute;inset:10px}.price-tag{flex-direction:column;align-items:center;margin-top:-2px;display:flex}.price-tag-string{background:var(--ink);width:2px;height:16px}.price-tag-card{border:2px solid var(--ink);background:var(--cream);min-width:180px;max-width:100%;box-shadow:3px 3px 0 var(--ink);text-align:center;border-radius:8px;justify-items:center;gap:2px;padding:18px 16px 10px;display:grid;position:relative}.price-tag-hole{border:2px solid var(--ink);background:var(--wall);border-radius:99px;width:8px;height:8px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.price-tag-name{overflow-wrap:anywhere;font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.15}.price-tag-status{background:var(--danfo);border-radius:99px;padding:0 8px;font-size:.85rem;font-weight:600}.price-tag-cat{color:#4a4038;font-size:.85rem}@media (hover:hover) and (pointer:fine){.art-frame:hover .art-moulding{translate:0 -4px;box-shadow:inset 0 0 0 3px #ffffff2e,0 22px 24px -12px #3c1e0a8c}}.art-frame:is(:active,[data-pressed]) .art-moulding{transition-duration:var(--t-press);transition-timing-function:var(--ease-out);translate:0;scale:.98}.art-frame:focus-visible .art-moulding,.art-frame[data-arrived] .art-moulding{outline:4px solid var(--adire);outline-offset:5px}.pos-panel{background:#f3ead8!important}.pos{flex-direction:column;align-items:center;padding-top:18px;display:flex}.pos-slot{z-index:1;width:min(300px,86%);margin-bottom:-6px;position:relative;overflow:hidden}.pos-slip{border:2px solid var(--ink);text-align:center;animation:slip-print .6s var(--ease-out) .18s both;background:#fffdf7;border-bottom:0;padding:18px 18px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.45;-webkit-mask:radial-gradient(5px at 50% 0,#0000 96%,#000) top/12px 100% repeat-x;mask:radial-gradient(5px at 50% 0,#0000 96%,#000) top/12px 100% repeat-x}@keyframes slip-print{0%{transform:translateY(100%)}}.pos-slip-shop{letter-spacing:.08em;font-size:1rem;font-weight:700}.pos-slip-sub,.pos-meta{color:#5a5048}.pos-rule{white-space:nowrap;color:#8a8078;overflow:hidden}.pos-slip-name{overflow-wrap:anywhere;font-family:var(--font-display);margin:4px 0 8px;font-size:1.4rem;font-weight:700}.pos-rows{text-align:left;gap:4px;margin-bottom:6px;display:grid}.pos-rows>div{grid-template-columns:5.5em 1fr;gap:8px;display:grid}.pos-rows dt{text-transform:uppercase;color:#5a5048}.pos-rows dd{font-weight:600}.pos-meta{flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:.75rem;display:flex}.pos-thanks{margin-top:10px;font-weight:700}.pos-machine{border:3px solid var(--ink);width:min(340px,96%);box-shadow:4px 4px 0 var(--ink);background:linear-gradient(#33364a,#1f2130);border-radius:22px 22px 26px 26px;padding:22px 22px 18px;position:relative}.pos-machine:before{content:"";background:#0c0d14;border-radius:99px;width:min(312px,92%);height:6px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.pos-screen{border:2px solid var(--ink);color:#14402a;letter-spacing:.1em;background:#b9e6c9;border-radius:8px;justify-content:space-between;padding:8px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;display:flex}.pos-keys{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.pos-key{background:#e9e4d8;border:2px solid #0c0d14;border-radius:6px;height:18px}.pos-key-red{background:var(--clay)}.pos-key-green{background:var(--palm)}@media (prefers-reduced-motion:reduce){.pos-slip{animation:.15s linear both overlay-fade}}.workshop-shop{--wood:#b77a43;--wood-dark:#7d4a22;background:repeating-linear-gradient(90deg,#0000 0 86px,#5a321429 86px 88px),linear-gradient(#f1d7ae,#e8c38f)}.tone-danfo{--tone:var(--danfo);--tone-ink:var(--ink)}.tone-adire{--tone:var(--adire);--tone-ink:var(--cream)}.tone-palm{--tone:var(--palm);--tone-ink:var(--ink)}.tone-clay{--tone:var(--clay);--tone-ink:var(--ink)}.tone-hibiscus{--tone:var(--hibiscus);--tone-ink:var(--ink)}.workshop-wall{border:3px solid var(--ink);background:linear-gradient(90deg, var(--wood-dark) 0 12px, transparent 12px calc(100% - 12px), var(--wood-dark) 0), #d9a86e;box-shadow:5px 5px 0 var(--ink);border-radius:10px;padding:14px 10px}.tool-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0 12px;list-style:none;display:grid}@media (min-width:640px){.tool-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.tool-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}.shelf-cell{flex-direction:column;align-items:center;min-width:0;padding-top:18px;display:flex}.shelf-item{border:3px solid var(--ink);background:var(--tone);width:min(150px,84%);height:118px;color:var(--ink);cursor:pointer;transform-origin:50% 100%;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 0 12px;display:flex;position:relative}.shelf-box{background:linear-gradient(180deg, #00000024 0 14px, transparent 14px), repeating-linear-gradient(0deg, transparent 0 22px, #00000014 22px 24px), var(--tone);border-radius:6px 6px 2px 2px}.shelf-jar{background:linear-gradient(90deg, #ffffff73 0 10%, transparent 10% 22%, #fff3 22% 26%, transparent 26%), color-mix(in srgb, var(--tone) 70%, white);border-radius:22px 22px 14px 14px;width:min(120px,72%)}.shelf-lid{border:3px solid var(--ink);background:var(--wood-dark);border-radius:5px 5px 2px 2px;width:70%;height:14px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.shelf-box .shelf-lid{display:none}.shelf-label{border:2px solid var(--ink);background:#fbf3e4;border-radius:6px;flex-direction:column;align-items:center;gap:3px;width:calc(100% - 16px);padding:6px 4px 5px;display:flex}.shelf-badge{border:2px solid var(--ink);background:var(--tone);width:32px;height:32px;color:var(--tone-ink);font-family:var(--font-display);border-radius:8px;place-items:center;font-weight:700;display:inline-grid}.shelf-name{max-width:100%;font-family:var(--font-display);overflow-wrap:anywhere;font-size:.95rem;font-weight:600;line-height:1.1}.shelf-plank{border-block:3px solid var(--ink);background:linear-gradient(180deg, #c98d55, var(--wood));width:calc(100% + 24px);height:16px}@media (hover:hover) and (pointer:fine){.shelf-item:hover{translate:0 -4px}}.shelf-item:is(:active,[data-pressed]){transition-duration:var(--t-press);transition-timing-function:var(--ease-out);translate:0;scale:.96}.shelf-item:focus-visible{outline:4px solid var(--adire);outline-offset:3px}.shelf-item[aria-expanded=true] .shelf-label{background:var(--ceiling)}.shelf-drawer{clip-path:inset(0 -8px -8px);width:94%;scroll-margin-top:96px;scroll-margin-bottom:112px;display:none}.shelf-drawer[data-open]{display:block}.shelf-drawer[data-open] .shelf-drawer-card{animation:shelf-drawer-out .28s var(--ease-out) both}@keyframes shelf-drawer-out{0%{translate:0 -100%}}.shelf-drawer-card{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:center;background:#fff8ea;border-top:0;border-radius:0 0 10px 10px;margin:0 0 12px;padding:16px 12px 12px;font-size:.95rem;line-height:1.35;position:relative}.shelf-knob{border:2px solid var(--ink);background:#c9a14a;border-radius:99px;width:26px;height:6px;position:absolute;top:4px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.shelf-drawer[data-open] .shelf-drawer-card{animation:none}}.workbench{width:min(720px,100%);margin:36px auto 0}.workbench-top{border-bottom:22px solid var(--wood-dark);height:64px;box-shadow:0 3px 0 var(--ink);position:relative}.workbench-top:after{content:"";border:3px solid var(--ink);pointer-events:none;border-radius:4px;height:25px;position:absolute;inset:auto -3px -25px}.workbench-legs{justify-content:space-between;padding:0 8%;display:flex}.workbench-legs span{border:3px solid var(--ink);background:var(--wood);border-top:0;width:22px;height:90px}.wb-saw{border:3px solid var(--ink);clip-path:polygon(0 100%,100% 30%,100% 100%);background:linear-gradient(#d7dbe0,#a9b0b8);width:150px;height:34px;position:absolute;bottom:0;left:8%}.wb-saw:after{content:""}.wb-hammer{border:3px solid var(--ink);background:var(--wood);border-radius:4px;width:90px;height:10px;position:absolute;bottom:0;left:44%}.wb-hammer:before{content:"";border:3px solid var(--ink);background:#5b6470;border-radius:4px;width:22px;height:34px;position:absolute;bottom:-3px;right:-6px}.wb-ruler{border:3px solid var(--ink);background:repeating-linear-gradient(90deg, var(--danfo) 0 9px, var(--ink) 9px 11px) top / 100% 5px no-repeat, var(--danfo);width:120px;height:14px;position:absolute;bottom:0;right:8%}.wb-shavings{border:2px solid #8a5a2a;border-bottom:0;border-radius:50% 50% 0 0;width:36px;height:14px;position:absolute;bottom:0;right:30%;box-shadow:14px 0 0 -2px #0000}.shelf-fill{display:none}.shelf-fill .shelf-plank{margin-top:118px}.shelf-fill.fill-2{display:flex}@media (min-width:640px){.shelf-fill{display:none!important}.shelf-fill.fill-3{display:flex!important}}@media (min-width:1024px){.shelf-fill.fill-3{display:none!important}.shelf-fill.fill-4{display:flex!important}}.boutique-shop{background:linear-gradient(#fde3ee 0 60%,#f8d3e2)}.boutique-h2{font-family:var(--font-display);text-align:center;margin-bottom:18px;font-size:1.6rem;font-weight:600}.boutique-scene{gap:28px;display:grid}@media (min-width:768px){.boutique-scene{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end}.boutique-window{order:-1}}.boutique-back{flex-direction:column;align-items:center;display:flex}.photo-frame{border:3px solid var(--ink);background:linear-gradient(135deg,#b0733f,#7a4520 55%,#9a5e30);width:min(240px,62vw);padding:12px;box-shadow:0 14px 18px -10px #3c1e0a80}.photo-frame img{border:2px solid var(--ink)}.boutique-counter{width:100%;margin-top:24px}.boutique-counter-top{border:3px solid var(--ink);background:linear-gradient(#c98d55,#9a6436);border-radius:6px;height:18px;margin:0 -8px}.boutique-counter-front{border:3px solid var(--ink);background:repeating-linear-gradient(90deg,#0000 0 58px,#1a1a1a0f 58px 60px),#fff8f0;border-top:0;padding:20px 18px 22px}.boutique-window{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fbf3e4;border-radius:12px 12px 4px 4px;padding:14px;position:relative}.boutique-display{border:3px solid var(--ink);background:linear-gradient(115deg,#0000 0 30%,#ffffff59 30% 36%,#0000 36% 44%,#ffffff40 44% 47%,#0000 47%),linear-gradient(#ffdca0,#f7b98a);width:100%;height:auto;display:block}.window-flyer{border:2px solid var(--ink);background:var(--danfo);width:min(200px,56%);font-family:var(--font-display);text-align:center;margin-left:max(-100px,-28%);padding:14px 10px 10px;font-size:.95rem;font-weight:600;line-height:1.2;position:absolute;top:34px;left:50%;transform:rotate(2deg);box-shadow:2px 3px #1a1a1a59}.flyer-tape{background:#ffffffb3;border:1px solid #1a1a1a40;width:54px;height:16px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-4deg)}.swatch-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (min-width:640px){.swatch-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.swatch-rail{grid-template-columns:repeat(5,minmax(0,1fr))}}.swatch{border:3px solid var(--ink);outline-offset:-9px;min-height:108px;box-shadow:3px 3px 0 var(--ink);border-radius:4px;outline:2px dashed #fffffff2;place-items:center;padding:14px 10px;display:grid}.swatch-label{border:2px solid var(--ink);background:var(--cream);font-family:var(--font-display);text-align:center;border-radius:4px;padding:4px 8px;font-weight:600;line-height:1.15}.sw-rings{background:radial-gradient(circle, var(--danfo) 0 5px, var(--clay) 5px 8px, transparent 8.5px) 0 0 / 24px 24px, radial-gradient(circle, var(--hibiscus) 0 3px, transparent 3.5px) 12px 12px / 24px 24px, var(--adire)}.sw-diamond{background:conic-gradient(from 45deg at 50% 50%, var(--danfo) 0 25%, var(--palm) 0 50%, var(--danfo) 0 75%, var(--palm) 0) 0 0 / 22px 22px}.sw-zigzag{background:linear-gradient(135deg, var(--clay) 25%, transparent 25%) -11px 0 / 22px 22px, linear-gradient(225deg, var(--clay) 25%, transparent 25%) -11px 0 / 22px 22px, linear-gradient(315deg, var(--adire) 25%, transparent 25%) 0 0 / 22px 22px, linear-gradient(45deg, var(--adire) 25%, transparent 25%) 0 0 / 22px 22px, var(--hibiscus)}.sw-coins{background:repeating-radial-gradient(circle at 50% 50%, var(--palm) 0 3px, var(--danfo) 3px 6px, var(--clay) 6px 9px) 0 0 / 30px 30px}.sw-leaf{background:radial-gradient(ellipse 6px 11px at 50% 50%, var(--palm) 96%, transparent) 0 0 / 20px 26px, radial-gradient(circle, var(--danfo) 0 3px, transparent 3.5px) 10px 13px / 20px 26px, var(--clay)}.tape-line{margin:0;padding:0 0 0 46px;list-style:none;position:relative}.tape-line:before{content:"";border:2px solid var(--ink);background:repeating-linear-gradient(180deg, var(--ink) 0 2px, transparent 2px 12px) left / 8px 100% no-repeat, repeating-linear-gradient(180deg, var(--ink) 0 2px, transparent 2px 60px) left / 14px 100% no-repeat, var(--danfo);border-radius:3px;width:22px;position:absolute;top:0;bottom:0;left:8px}.tape-item{border:3px solid var(--ink);background:var(--cream);box-shadow:3px 3px 0 var(--ink);border-radius:10px;margin-bottom:14px;padding:12px 14px;position:relative}.tape-item:before{content:"";background:var(--ink);width:16px;height:3px;position:absolute;top:20px;left:-19px}.tape-when{background:var(--adire);color:var(--cream);border-radius:99px;margin-bottom:4px;padding:0 8px;font-size:.85rem;font-weight:600;display:inline-block}.label-card{border:3px solid var(--ink);outline-offset:-9px;background:var(--cream);box-shadow:4px 4px 0 var(--ink);border-radius:10px;outline:2px dashed #1a1a1a59;padding:18px}.stitch-item{padding-left:18px;position:relative}.stitch-item:before{content:"";border:2px solid var(--ink);background:var(--hibiscus);border-radius:99px;width:9px;height:9px;position:absolute;top:.6em;left:2px}.cv-block{border:3px solid var(--ink);background:var(--danfo);box-shadow:5px 5px 0 var(--ink);text-align:center;border-radius:16px;margin-top:48px;padding:24px 18px}.kiosk-shop{background:linear-gradient(#0000 calc(100% - 120px),#8d8478 0),linear-gradient(#f9d9cb,#f6c9b3)}.kiosk{flex-direction:column;align-items:center;display:flex;position:relative}.kiosk-umbrella{z-index:1;aspect-ratio:400/110;width:calc(100% + 24px);max-width:640px;height:auto;display:block;position:relative}.kiosk-pole{border:3px solid var(--ink);background:#c9c4ba;width:10px;position:absolute;top:20px;bottom:0;left:50%;transform:translate(-50%)}.kiosk-board{z-index:1;border:3px solid var(--ink);background:var(--ink);width:100%;color:var(--cream);box-shadow:4px 4px 0 var(--clay);border-radius:18px;margin-top:6px;padding:22px 18px 18px;position:relative}@media (min-width:640px){.kiosk-board{padding:28px}}.kiosk-counter{z-index:1;width:calc(100% + 24px);margin-top:18px;display:block;position:relative}.kiosk-counter-top{border:3px solid var(--ink);background:linear-gradient(#c98d55,#9a6436);border-radius:5px;height:18px;display:block}.kiosk-counter-front{border:3px solid var(--ink);background:repeating-linear-gradient(90deg, transparent 0 40px, #1a1a1a2e 40px 43px), var(--danfo);border-top:0;height:90px;margin:0 10px;display:block}.shop-room{isolation:isolate;position:relative}.shop-room:after{content:"";z-index:-1;pointer-events:none;opacity:0;transition:opacity .7s var(--ease-in-out);background:radial-gradient(70% 45% at 50% 0,#ffd68266,#0000 70%),#14184e57;position:absolute;inset:0}html[data-night] .shop-room:after{opacity:1}
