:root{--background:#fee101;--foreground:#1a1a1a;--stage-background:#111111}*{box-sizing:border-box}body,html{margin:0;width:100%;min-height:100%;overflow-x:hidden;background:var(--background);color:var(--foreground);font-family:var(--font-noto-sans-tc),system-ui,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior-x:none}html.experience-no-scroll,html.experience-no-scroll body{height:100%;overflow:hidden;overscroll-behavior:none}body.experience-no-scroll{position:fixed;inset:0;width:100%}html.share-modal-open,html.share-modal-open body{overflow:hidden;overscroll-behavior:none}body.share-modal-open{position:fixed;right:0;left:0;width:100%}a,button{-webkit-tap-highlight-color:transparent}.experience-stage{display:flex;justify-content:center;align-items:center;overflow:hidden}.experience-root,.experience-stage{width:100vw;min-height:100dvh;background:var(--screen-background,var(--background))}.experience-root[data-scrollable=false]{height:100dvh;overflow:hidden}.experience-root[data-scrollable=true]{overflow-x:hidden;touch-action:pan-y}.experience-root[data-scrollable=true] .experience-stage{min-height:100dvh;align-items:flex-start;overflow:visible}.desktop-guide-shell{display:none;width:100vw;height:100dvh;justify-content:center;align-items:center;overflow:hidden;background:var(--background)}.desktop-qr-code{position:absolute;display:block;background:#ffffff;border-radius:8px}.experience-root.has-desktop-guide .desktop-guide-shell{display:flex}.experience-root.has-desktop-guide .experience-stage{display:none}.frame-viewport{width:100vw;flex:0 0 auto}.frame-viewport[data-mode=contain],.frame-viewport[data-mode=cover]{position:relative;width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center;overflow:hidden}.frame-viewport[data-mode=scroll]{width:100vw}.frame-canvas{position:relative;width:100%;aspect-ratio:var(--frame-width) /var(--frame-height);overflow:hidden;background:var(--screen-background,var(--background))}.frame-viewport[data-mode=cover] .frame-canvas{flex:0 0 auto;width:max(100vw,calc(100dvh * var(--frame-width) / var(--frame-height)));height:max(100dvh,calc(100vw * var(--frame-height) / var(--frame-width)));aspect-ratio:auto}.frame-viewport[data-mode=contain] .frame-canvas{flex:0 0 auto;width:min(100vw,calc(100dvh * var(--frame-width) / var(--frame-height)));height:min(100dvh,calc(100vw * var(--frame-height) / var(--frame-width)));aspect-ratio:auto}@media (min-width:600px) and (max-width:899px){.frame-viewport[data-mode=cover] .frame-canvas{width:min(100vw,calc(100dvh * var(--frame-width) / var(--frame-height)));height:min(100dvh,calc(100vw * var(--frame-height) / var(--frame-width)))}}.frame-viewport[data-mode=scroll] .frame-canvas{width:100vw;min-height:100dvh}.figma-frame-document{inset:0;display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-webkit-user-drag:none}.figma-frame-document,.hotspot{position:absolute;border:0;-moz-user-select:none;user-select:none}.hotspot{padding:0;margin:0;border-radius:0;background:transparent;color:transparent;cursor:pointer;touch-action:manipulation;-webkit-user-select:none}.hotspot:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:2px}.hotspot[aria-disabled=true]{pointer-events:none;cursor:default}.result-restart-hotspot{display:flex;align-items:center;justify-content:center;color:#1a1a1a;overflow:visible;filter:drop-shadow(4px 5px 0 #1a1a1a)}.result-restart-badge{display:grid;width:92%;height:92%;padding:4px;place-items:center;background:#1a1a1a;-webkit-clip-path:polygon(8% 4%,91% 0,100% 17%,94% 89%,77% 100%,8% 94%,0 76%,4% 15%);clip-path:polygon(8% 4%,91% 0,100% 17%,94% 89%,77% 100%,8% 94%,0 76%,4% 15%)}.result-restart-badge-face{display:grid;width:100%;height:100%;place-items:center;background:#ff409c;-webkit-clip-path:polygon(9% 5%,90% 1%,98% 18%,92% 87%,75% 97%,10% 92%,2% 75%,6% 16%);clip-path:polygon(9% 5%,90% 1%,98% 18%,92% 87%,75% 97%,10% 92%,2% 75%,6% 16%)}.result-restart-icon{display:block;width:72%;height:72%;overflow:visible;transform:rotate(-7deg);fill:none;stroke:#ffffff;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke}.feedback-back-hotspot{display:flex;align-items:center;justify-content:center;color:#1a1a1a;overflow:visible;filter:drop-shadow(3px 4px 0 #1a1a1a)}.feedback-back-badge{display:grid;width:92%;height:92%;padding:4px;place-items:center;background:#1a1a1a;-webkit-clip-path:polygon(7% 7%,87% 0,100% 16%,94% 88%,76% 100%,9% 94%,0 76%,4% 17%);clip-path:polygon(7% 7%,87% 0,100% 16%,94% 88%,76% 100%,9% 94%,0 76%,4% 17%)}.feedback-back-badge-face{display:grid;width:100%;height:100%;place-items:center;container-type:size;background:#ffffff;-webkit-clip-path:polygon(9% 8%,87% 2%,97% 18%,91% 86%,75% 97%,11% 91%,3% 74%,7% 18%);clip-path:polygon(9% 8%,87% 2%,97% 18%,91% 86%,75% 97%,11% 91%,3% 74%,7% 18%)}.feedback-back-icon{display:block;width:72%;height:64%;overflow:visible;transform:rotate(-4deg);fill:none;stroke:#1a1a1a;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round}.share-modal-backdrop{position:fixed;z-index:100;inset:0;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(20px,env(safe-area-inset-bottom));background:rgba(17,17,17,.82);overscroll-behavior:none;touch-action:none}.share-modal-backdrop,.share-modal-panel{display:flex;align-items:center;overflow:hidden}.share-modal-panel{position:relative;width:min(100%,407px);height:100%;min-height:0;flex-direction:column}.share-modal-toolbar{position:fixed;z-index:102;top:max(12px,env(safe-area-inset-top));left:50%;width:min(calc(100% - 24px),407px);display:flex;justify-content:flex-end;padding:8px;transform:translateX(-50%);pointer-events:none}.share-modal-close{width:44px;height:44px;border:2px solid #1a1a1a;border-radius:50%;background:#ffffff;color:#1a1a1a;box-shadow:0 3px 0 #1a1a1a;font:inherit;font-size:32px;font-weight:900;line-height:1;cursor:pointer;pointer-events:auto}.share-result-preview{width:100%;min-height:0;flex:1 1 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.share-result-image{display:block;width:auto;height:100%;max-width:100%;max-height:100%;flex:0 1 auto;object-fit:contain;background:var(--background)}.share-modal-actions{width:100%;flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;padding:12px 0 4px}.share-modal-actions a,.share-modal-actions button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #1a1a1a;border-radius:8px;background:#ffffff;color:#1a1a1a;box-shadow:0 4px 0 #1a1a1a;font:inherit;font-size:16px;font-weight:900;text-decoration:none;cursor:pointer}.share-modal-actions button:disabled{cursor:wait;opacity:.65}.share-modal-actions a:active,.share-modal-actions button:active,.share-modal-close:active{transform:translateY(2px);box-shadow:0 2px 0 #1a1a1a}.share-modal-actions a:focus-visible,.share-modal-actions button:focus-visible,.share-modal-close:focus-visible{outline:3px solid #fee101;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}