@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./baloo-2-latin-600-normal-tIfxVoAe.woff2) format("woff2"),url(./baloo-2-latin-600-normal-B4tNaogw.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(./baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(./dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff")}:root{--wall: #9AB3A5;--wall-hi: #A9C4B6;--wall-lo: #8FAA9C;--seam: #7C9689;--floor: 26svh;--floor-c: #8E9C88;--floor-c2: #86957F;--cream: #EAE3C8;--cream-2: #D8CFAE;--stitch: #B3A985;--cushion: #D9542F;--ink: #2E4D2E;--glow: #8FD08F;--ink-2: #3b5a3b;--hard: rgba(46, 77, 46, .32);--panel: 76px;--q: 72px;--display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--mono: "DM Mono", ui-monospace, Menlo, Consolas, monospace;--spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--floor-c);color:var(--ink);font-family:var(--display);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.snap{height:100svh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain}.snap::-webkit-scrollbar{display:none}.screen{position:relative;scroll-snap-align:start;overflow:hidden;isolation:isolate}.room{height:100svh}.logscreen{min-height:100svh;display:flex}.wall{position:absolute;inset:0 0 var(--floor) 0;background-color:var(--wall);background-image:linear-gradient(90deg,var(--seam) 0 3px,transparent 3px),linear-gradient(var(--seam) 0 3px,transparent 3px);background-size:var(--q) var(--q);z-index:0}.wall:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 100% at 60% 55%,transparent 40%,rgba(46,77,60,.28) 100%)}quilt-wall{display:grid;grid-template-columns:repeat(var(--cols, 1),var(--q));grid-auto-rows:var(--q);align-content:start;overflow:hidden}.qc{display:block;margin:2px;border-radius:18px;background:linear-gradient(150deg,var(--wall-hi),var(--wall-lo));box-shadow:inset 0 3px 4px #ffffff42,inset 0 -8px 12px #3a5c4c4d,inset 4px 0 6px #ffffff14;transform:scale(calc(1 + var(--puff, 0) * var(--k, 0)))}.floor{position:absolute;left:0;right:0;bottom:0;height:var(--floor);z-index:1;background:linear-gradient(180deg,var(--floor-c2),var(--floor-c) 40%,#92A08A);border-top:8px solid #7f9a8b;box-shadow:inset 0 14px 16px -10px #2e4d2e61}.wall-static{inset:0}.plaque{position:absolute;z-index:8;left:40px;top:40px;width:min(410px,33vw);padding:22px 26px 20px;border-radius:22px;background:linear-gradient(180deg,#efe9d0,#ddd5b6);box-shadow:7px 9px 0 var(--hard),inset 0 3px 4px #ffffff8c,inset 0 -8px 12px #968c6938;outline:2px dashed var(--stitch);outline-offset:-9px}.tk{display:block;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7d7452;margin-bottom:4px}.plaque h1{margin:0;font-weight:800;font-size:clamp(50px,6.4vw,92px);line-height:.9;letter-spacing:-.01em;color:var(--ink);text-shadow:3px 3px 0 rgba(217,84,47,.35)}.lede{margin:10px 0 0;font-weight:600;font-size:17px;line-height:1.32;color:#3b4d36}.status{margin:12px 0 0;font:500 12px/1.3 var(--mono);color:#5a5a3c;display:flex;gap:8px;align-items:center}.dot{width:9px;height:9px;border-radius:50%;background:var(--glow);box-shadow:0 0 0 2px #2e4d2e,0 0 8px var(--glow);animation:blink 2.4s steps(1) infinite;flex:none}.tally{margin:12px 0 0;display:flex;gap:8px;flex-wrap:wrap;font:500 13px/1 var(--mono)}.tally span{background:var(--ink);color:var(--glow);padding:7px 10px;border-radius:8px;box-shadow:inset 0 2px 4px #00000080}.tally b{font-weight:500;color:#d7ffd2}.stage{--kh: min(72svh, 660px, calc((100vw - var(--panel) - 32px) / .692));position:absolute;z-index:4;height:var(--kh);aspect-ratio:602 / 870;bottom:calc(var(--floor) * .12);left:calc((100vw - var(--panel)) * .64 - var(--kh) * .346)}.stage:before{content:"";position:absolute;z-index:-1;left:-58%;bottom:-1.5%;width:92%;height:14%;background:#2e4a3a57;clip-path:polygon(0 62%,30% 0,100% 0,100% 100%,22% 100%)}foam-kiosk{display:block;width:100%;height:100%}.kiosk-wob{width:100%;height:100%;transform-origin:50% 100%;animation:wob 1.9s steps(1,end) infinite}#kioskSvg{display:block;width:100%;height:100%;overflow:visible;touch-action:manipulation;user-select:none;-webkit-user-select:none}#btn,.ca-patch{cursor:pointer;outline:none}.btn-sag{transform-box:fill-box;transform-origin:50% 100%;transform:translateY(calc(var(--d, .12) * 9px)) scaleY(calc(1 - var(--d, .12) * .07))}#btnPress,#patchPress{transform-box:fill-box;transform-origin:50% 60%}#btn:hover #btnPress{filter:brightness(1.07)}#dentShade,#dentLip{transform-box:fill-box;transform-origin:50% 50%}#dentShade{transform:scale(calc(.8 + var(--d, .12)),calc(.85 + var(--d, .12) * 1.3));opacity:calc(.45 + var(--d, .12) * .55)}#dentLip{transform:scale(calc(.8 + var(--d, .12)),calc(.85 + var(--d, .12) * 1.3));opacity:calc(.4 + var(--d, .12) * .6)}#folds{transform-origin:378px 372px;transform:scale(calc(.72 + var(--d, .12) * .6));opacity:calc(.35 + var(--d, .12) * .65)}#btn:focus-visible #btnPress>path,.ca-patch:focus-visible rect:nth-of-type(2){stroke:#fff;stroke-width:6}.ca-patch:hover #patchPress{filter:brightness(1.03)}.ca-patch.sunk #patchPress{transform:translateY(3px) scale(.985);filter:brightness(.9)}#caText{user-select:none;-webkit-user-select:none}floor-fx{position:absolute;inset:0;pointer-events:none;z-index:auto}.pile{position:absolute;bottom:1.5%;z-index:2;width:calc(250px * var(--s, .6));max-width:30vw;filter:drop-shadow(4px 5px 0 rgba(40,66,52,.38));transition:width .6s var(--spring)}.pile-l{left:16%}.pile-r{right:calc(var(--panel) + 1%);width:calc(140px * var(--s, .6))}.helm{--hw: clamp(72px, 9vw, 132px);position:absolute;z-index:6;width:var(--hw);margin-left:calc(var(--hw) / -2);left:calc((100% - var(--panel)) * .5);filter:drop-shadow(5px 6px 0 rgba(40,66,52,.42))}.parts{position:absolute;inset:0;z-index:7;overflow:hidden}.tuft{position:absolute;left:0;top:0;height:auto;will-change:transform;filter:drop-shadow(3px 4px 0 rgba(40,66,52,.5))}.buy{position:fixed;z-index:30;left:18px;bottom:14px;width:80px;height:80px;display:grid;place-items:center;border-radius:22px;outline-offset:2px}.buy-cushion{transform-box:fill-box;transform-origin:50% 100%;transition:transform .16s var(--spring)}.buy:hover .buy-cushion,.buy:focus-visible .buy-cushion{transform:translateY(3px) scale(1.04,.84)}.buy:active .buy-cushion{transform:translateY(5px) scale(1.06,.74)}.buy:focus-visible{outline:3px solid #fff}.tab-next{position:absolute;z-index:9;bottom:14px;left:calc((100vw - var(--panel)) * .5 + 40px);transform:translate(-50%);border:0;cursor:pointer;padding:9px 16px 9px 34px;border-radius:16px;font-weight:600;font-size:15px;color:var(--ink);background:linear-gradient(180deg,#efe9d0,#ddd5b6);box-shadow:4px 6px 0 var(--hard),inset 0 2px 3px #ffffff8c;outline:2px dashed var(--stitch);outline-offset:-6px;transition:transform .16s var(--spring)}.tab-next:hover{transform:translate(-50%) translateY(3px) scale(1.03,.94)}.tab-next:focus-visible{outline:3px solid #fff;outline-offset:2px}.tab-next .stitch{position:absolute;left:10px;top:50%;width:16px;height:12px;margin-top:-6px;border-radius:50% 50% 46% 46%;background:radial-gradient(ellipse at 50% 55%,#7a2a15 0 22%,transparent 24%),var(--cushion);box-shadow:1px 2px #2e4d2e59}led-panel{position:fixed;z-index:40;right:0;top:0;bottom:0;width:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 0 12px;background:repeating-linear-gradient(180deg,transparent 0 62px,rgba(150,140,105,.34) 62px 64px),linear-gradient(90deg,#e9e2c6,#d9d0b0);border-left:3px dashed var(--stitch);border-radius:22px 0 0 22px;box-shadow:-6px 0 0 var(--hard),inset 3px 0 5px #ffffff80}led-panel .pw{display:flex;flex-direction:column;align-items:center;gap:6px}led-panel .led{width:12px;height:12px;border-radius:50%;background:#3ddc5a;box-shadow:0 0 0 2px var(--ink),0 0 10px #3ddc5a}led-panel .clock{font:500 11px/1 var(--mono);background:var(--ink);color:var(--glow);padding:5px 6px;border-radius:6px;box-shadow:inset 0 2px 3px #00000080}led-panel .reads{margin:0;display:flex;flex-direction:column;gap:9px;align-items:center}led-panel .reads div{display:flex;flex-direction:column;align-items:center;gap:2px}led-panel dt{font:500 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7d7452}led-panel dd{margin:0;font:500 13px/1 var(--mono);background:var(--ink);color:var(--glow);padding:5px 6px;border-radius:6px;box-shadow:inset 0 2px 3px #00000080;letter-spacing:.02em}led-panel .nav{display:flex;flex-direction:column;gap:10px}.led-btn{width:20px;height:20px;padding:0;border-radius:50%;border:0;cursor:pointer;background:#a89e78;box-shadow:inset 0 2px 3px #00000059,0 0 0 2px #8f8660;position:relative}.led-btn:after{content:"";position:absolute;inset:-12px}.led-btn.lit{background:var(--glow);box-shadow:0 0 0 2px var(--ink),0 0 10px var(--glow)}.icon-btn{width:46px;height:46px;padding:0;display:grid;place-items:center;background:none;border:0;cursor:pointer;border-radius:12px}.icon-btn:focus-visible,.led-btn:focus-visible{outline:3px solid #fff;outline-offset:1px}.icon-btn:hover svg{transform:translateY(2px) scale(1.04,.94)}.icon-btn svg{transition:transform .16s var(--spring)}.icon-btn:disabled{opacity:.6;cursor:default}.log-wrap{position:relative;z-index:2;width:100%;padding:36px calc(var(--panel) + 28px) 24px 28px;display:flex;flex-direction:column;gap:24px}.log-head{align-self:flex-start;padding:16px 26px 14px;border-radius:22px;background:linear-gradient(180deg,#efe9d0,#ddd5b6);box-shadow:7px 9px 0 var(--hard),inset 0 3px 4px #ffffff8c;outline:2px dashed var(--stitch);outline-offset:-8px}.log-head h2{margin:0;font-weight:800;font-size:clamp(34px,4.6vw,60px);line-height:1}.log-head p{margin:4px 0 0;font:500 12px/1.4 var(--mono);color:#5a5a3c}.panels{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px 16px;align-items:start}live-log{display:contents}.note{position:relative;padding:16px 18px 18px;border-radius:18px;min-height:120px;background:linear-gradient(160deg,#efe9d0,#dcd3b3);box-shadow:5px 7px 0 var(--hard),inset 0 3px 4px #ffffff8c,inset 0 -9px 12px #968c6938;outline:2px dashed var(--stitch);outline-offset:-8px}.note:nth-child(3n+1){transform:rotate(-.7deg)}.note:nth-child(3n+2){transform:rotate(.5deg)}.note:nth-child(3n){transform:rotate(-.2deg)}.note .no{display:inline-block;font:500 11px/1 var(--mono);letter-spacing:.1em;color:#7d7452;margin-bottom:8px}.note p{margin:0;font-weight:600;font-size:18px;line-height:1.28;color:var(--ink)}.note.wide{grid-column:span 2}.note.live .no{background:var(--cushion);color:#fff7ea;padding:4px 8px;border-radius:999px}.note.live.wait{background:linear-gradient(160deg,#f3d9c9,#e7bfa8)}.note.fresh{animation:pop .7s var(--spring)}.log-floor{position:relative;height:150px;margin-top:auto}.log-floor img{position:absolute;bottom:0;filter:drop-shadow(5px 6px 0 rgba(40,66,52,.42))}.lf-box{left:4%;width:72px;height:auto}.lf-helm{left:14%;width:118px;height:auto}.logscreen:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:1;background:linear-gradient(180deg,transparent,var(--floor-c) 70%);pointer-events:none}@keyframes wob{0%{transform:rotate(0) translate(0)}16%{transform:rotate(-.35deg) translate(1px)}33%{transform:rotate(.28deg) translate(-1px,1px)}50%{transform:rotate(-.12deg) translate(1px)}66%{transform:rotate(.3deg) translateY(1px)}83%{transform:rotate(-.25deg) translate(-1px)}}@keyframes blink{0%,to{opacity:1}55%{opacity:.35}}@keyframes pop{0%{transform:scale(.85) rotate(-2deg);opacity:0}60%{transform:scale(1.04) rotate(.6deg);opacity:1}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.kiosk-wob,.dot,.note.fresh{animation:none!important}.pile{transition:none}*{scroll-behavior:auto!important}}@media (max-width: 720px){:root{--panel: 46px;--q: 56px;--floor: 22svh}.plaque{left:12px;right:calc(var(--panel) + 12px);top:12px;width:auto;padding:14px 16px}.plaque h1{font-size:46px}.lede{font-size:14px;margin-top:6px}.status{font-size:11px;margin-top:8px}.tally{margin-top:8px;font-size:12px}.tally span{padding:5px 8px}.stage{--kh: min( calc(100svh - 290px) , 72svh, calc((100vw - var(--panel) - 20px) / .692));left:calc((100vw - var(--panel)) * .5 - var(--kh) * .346);bottom:calc(var(--floor) * .16)}.buy{left:8px;bottom:6px;width:64px;height:64px}.buy svg{width:60px;height:60px}.tab-next{left:calc((100vw - var(--panel)) * .5 + 28px);bottom:8px;padding:7px 12px 7px 30px;font-size:13px}led-panel{padding:10px 0 8px;border-radius:16px 0 0 16px}led-panel .clock{font-size:10px;padding:4px}led-panel dd{font-size:11px;padding:4px}led-panel dt{font-size:8px}led-panel .reads{gap:6px}led-panel .nav{gap:6px}.icon-btn{width:40px;height:40px}.icon-btn svg{width:28px;height:28px}.log-wrap{padding:20px calc(var(--panel) + 12px) 20px 12px;gap:16px}.panels{grid-template-columns:1fr;gap:14px}.note.wide{grid-column:auto}.log-head{padding:12px 18px}.lf-helm{width:90px}.lf-box{width:56px}}@media (max-width: 720px) and (max-height: 700px){led-panel .opt{display:none}}@media (min-width: 721px) and (max-width: 1000px){.plaque{width:300px}.lede{font-size:15px}}