html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}[hidden]{display:none!important}#app{width:100vw;height:100vh;position:relative}canvas{touch-action:none;display:block}#ui{align-items:center;gap:8px;font:13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;top:12px;left:12px}#ui button{font:inherit;cursor:pointer;background:#fffffff2;border:1px solid #0003;border-radius:4px;padding:6px 10px}#ui button.is-active{color:#fff;background:#3b82f6;border-color:#3b82f6}#ui kbd{opacity:.6}#mode-label{color:#0009}#hint{color:#0009;background:#ffffffd9;border-radius:4px;padding:6px 10px}#stick{opacity:.75;pointer-events:none;background:#00000014;border:1px solid #0002;border-radius:50%;width:120px;height:120px;transition:opacity .15s;display:none;position:fixed;bottom:28px;left:28px}#stick.is-on{display:block}#stick.is-active{opacity:1;background:#0000001f}#stick-knob{background:#ffffffd9;border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0003}.hotspots{pointer-events:none;position:fixed;inset:0}.hotspot{color:#111;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:center;gap:8px;padding:0;font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.hotspot:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.hotspot-dot{background:#3b82f6;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0005}.hotspot-label{white-space:nowrap;background:#fffffff2;border-radius:3px;padding:4px 8px;box-shadow:0 1px 4px #0003}.hotspot:disabled{cursor:default}.hotspot.is-pending .hotspot-dot{background:#9ca3af}.hotspot.is-pending .hotspot-label{color:#0007}#panel{z-index:10;color:#111;opacity:0;background:#fff;flex-direction:column;width:min(420px,100vw);font:14px/1.5 system-ui,-apple-system,Hiragino Kaku Gothic ProN,sans-serif;transition:transform .25s,opacity .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(16px);box-shadow:0 0 24px #0003}#panel.is-open{opacity:1;transform:none}.panel-head{border-bottom:1px solid #0001;align-items:center;gap:8px;padding:12px 14px;display:flex}.panel-title{flex:1;margin:0;font-size:15px;font-weight:600}.panel-back,.panel-close{font:inherit;cursor:pointer;background:#fff;border:1px solid #0002;border-radius:4px;padding:6px 10px}.panel-close{font-size:18px;line-height:1}.panel-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.panel-msg{color:#0008;margin:24px 14px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:14px;display:grid}.list-more{text-align:center;color:#666;padding:16px 0 24px;font-size:13px}.list-retry{cursor:pointer;background:#fff;border:1px solid #0002;border-radius:3px;padding:8px 16px}.card{font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #0001;border-radius:6px;flex-direction:column;gap:4px;padding:0 0 8px;display:flex}.card-img{aspect-ratio:1;background:#f4f4f5;border-radius:6px 6px 0 0;display:block;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%}.card-title{padding:0 8px;font-size:12px;line-height:1.35}.card-price{padding:0 8px;font-size:12px;font-weight:600}.card-sold{color:#b91c1c;padding:0 8px;font-size:11px}.gallery{padding:14px 14px 0}.gallery-main{background:#f4f4f5;border-radius:6px;width:100%;display:block}.thumbs{gap:6px;margin-top:8px;display:flex}.thumb{cursor:pointer;background:0 0;border:1px solid #0002;border-radius:4px;width:48px;height:48px;padding:0;overflow:hidden}.thumb.is-active{border-color:#3b82f6}.thumb img{object-fit:cover;width:100%;height:100%}.detail-body{padding:14px}.detail-title{margin:0 0 4px;font-size:15px}.detail-price{margin:0 0 12px;font-size:16px;font-weight:600}.option{color:#0009;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.option select,.option input{font:inherit;color:#111;border:1px solid #0002;border-radius:4px;flex:0 0 55%;padding:6px 8px}.add,.checkout{color:#fff;width:100%;font:inherit;cursor:pointer;background:#111;border:0;border-radius:6px;margin-top:8px;padding:12px;font-weight:600}.add:disabled{color:#0007;cursor:default;background:#d4d4d8}.detail-note{color:#0008;margin:8px 0 0;font-size:12px}.detail-desc{color:#000000c9;margin-top:16px;font-size:13px}.detail-desc img{max-width:100%;height:auto}.cart-lines{padding:14px}.cart-line{border-bottom:1px solid #0001;grid-template-columns:56px 1fr auto;gap:10px;padding:10px 0;display:grid}.cart-img{background:#f4f4f5;border-radius:4px;overflow:hidden}.cart-img img{object-fit:cover;width:56px;height:56px}.cart-info{flex-direction:column;gap:2px;font-size:12px;display:flex}.cart-title{font-weight:500}.cart-variant,.cart-price{color:#0009}.cart-qty{align-items:center;gap:4px;font-size:12px;display:flex}.cart-qty button{min-width:28px;min-height:28px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0002;border-radius:4px}.cart-del{color:#b91c1c}.cart-foot{padding:0 14px 20px}.cart-subtotal{margin-bottom:8px;font-weight:600;display:block}#cart-badge{z-index:9;cursor:pointer;background:#fffffff2;border:1px solid #0002;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font:13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:fixed;top:12px;right:12px}#cart-badge .count{color:#fff;text-align:center;background:#111;border-radius:999px;min-width:18px;padding:2px 6px}body.is-leaving #app{opacity:0;transition:opacity .4s}@media (width<=640px){#panel{border-radius:14px 14px 0 0;width:auto;max-height:82vh;inset:auto 0 0;transform:translateY(100%)}#cart-badge{top:auto;bottom:16px;right:16px}}#panel.is-open~#cart-badge{right:calc(min(420px,100vw) + 12px)}@media (width<=640px){#panel.is-open~#cart-badge{top:12px;bottom:auto;right:16px}}body.is-shot #ui,body.is-shot .hotspots,body.is-shot #stick,body.is-shot #cart-badge{display:none!important}#perf{z-index:20;color:#d7f7c6;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;background:#000000b3;border-radius:4px;padding:5px 9px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:10px;right:10px}#fade{z-index:30;opacity:0;pointer-events:none;background:#000;transition-property:opacity;transition-timing-function:cubic-bezier(.45,0,.55,1);position:fixed;inset:0}#fade.is-on{opacity:1;pointer-events:auto}#doors{pointer-events:none;position:fixed;inset:0}.hotspot--door .hotspot-dot{background:#1f2937}body.is-shot #doors{display:none!important}#keyhole{z-index:25;opacity:0;touch-action:none;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:opacity .3s;display:flex;position:fixed;inset:0}#keyhole[hidden]{display:none}#keyhole.is-on{opacity:1}.keyhole-shape{width:min(26vw,20dvh,150px);height:auto;transition:filter .4s;animation:7s step-end infinite keyhole-flicker}#keyhole.is-pass .keyhole-shape{filter:brightness(1.8)}.keyhole-input{color:#e9f1f0;caret-color:#e9f1f0;letter-spacing:.2em;text-align:center;background:0 0;border:0;border-bottom:1px solid #e9f1f059;border-radius:0;outline:none;width:min(72vw,280px);padding:6px 0;font:16px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.keyhole-input:focus{border-bottom-color:#e9f1f0b3}#keyhole.is-wrong .keyhole-form{animation:.35s keyhole-shake}.keyhole-back{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));color:#e9f1f080;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font:24px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}.keyhole-back:hover,.keyhole-back:focus-visible{color:#e9f1f0e6}@keyframes keyhole-flicker{0%,to{opacity:1}43%{opacity:.82}44%{opacity:1}71%{opacity:.9}72%{opacity:1}}@keyframes keyhole-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.keyhole-shape,#keyhole.is-wrong .keyhole-form{animation:none}}