:root{color-scheme:dark;font-family:"Microsoft YaHei",system-ui,sans-serif;background:transparent;color:#fffbea}*{box-sizing:border-box}body{margin:0}.experience{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 16px}.stage{position:relative;display:block;flex:none;width:min(100%,330px);aspect-ratio:9/16;padding:0;overflow:hidden;border:0;border-radius:18px;background:linear-gradient(#a776ee 65%,#443365);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.stage canvas{display:block;width:100%;height:100%}.stage:disabled{cursor:wait}.stage[aria-busy=true]{cursor:progress}.stage:focus-visible,.reset:focus-visible{outline:3px solid #fff0b0;outline-offset:5px}.loading{position:absolute;left:0;right:0;top:49%;font-size:14px;text-align:center}.loading[hidden]{display:none}.reset{min-height:44px;border:1px solid #675875;border-radius:24px;color:#f3eaff;background:transparent;font:inherit;font-size:13px;padding:10px 22px;cursor:pointer;transition:background .15s,border-color .15s}.reset:hover{background:#30263c;border-color:#a88dc2}.reset:disabled{opacity:.45;cursor:wait}.hint{margin:0;font-size:11px;line-height:1.5;color:#b5a7c5;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:360px){.experience{padding:10px;gap:14px}.stage{border-radius:14px}}@media(prefers-reduced-motion:reduce){.reset{transition:none}}
