:root{color-scheme:light;font-family:HarmonyOS Sans SC,PingFang SC,system-ui,sans-serif;background:#e7e2f0;touch-action:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}#app{position:fixed;inset:0;background:#e7e2f0}#game{display:block;width:100%;height:100%;touch-action:none}#sound-toggle{position:fixed;z-index:1;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));width:44px;height:44px;border:0;border-radius:50%;color:#fff;background:#372f3857;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 12px #2519422e;font-size:20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,transform .12s ease}#sound-toggle:hover{background:#372f3870}#sound-toggle:active{transform:scale(.94)}#sound-toggle:focus-visible{outline:3px solid #fff8ef;outline-offset:3px;background:#372f3880}@media(prefers-reduced-motion:reduce){#sound-toggle{transition:none}}#theme-toggle{position:fixed;z-index:2;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));height:44px;padding:0 16px;border:0;border-radius:22px;color:#fff;background:#372f3857;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 12px #2519422e;font-size:15px;font-weight:700;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .12s ease,transform .12s ease}#theme-toggle:hover{background:#372f3870}#theme-toggle:active{transform:scale(.96)}#theme-toggle:focus-visible{outline:3px solid #fff8ef;outline-offset:3px;background:#372f3880}#theme-panel{position:fixed;z-index:2;top:calc(64px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:16px;background:#372f38b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 6px 24px #25194247}#theme-panel[hidden]{display:none}#theme-panel button{border:0;border-radius:10px;padding:10px 18px;color:#fff8ef;background:transparent;font-size:15px;font-weight:600;text-align:left;cursor:pointer;white-space:nowrap;transition:background-color .1s ease}#theme-panel button:hover{background:#fff8ef29}#theme-panel button[aria-pressed=true]{background:#fff8ef42}#theme-panel button:focus-visible{outline:2px solid #fff8ef;outline-offset:2px}@media(prefers-reduced-motion:reduce){#theme-toggle,#theme-panel button{transition:none}}#result-actions{position:fixed;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 48px);transform:translate(-50%);display:flex;gap:22px;align-items:center}#result-actions[hidden]{display:none}#result-actions button{display:flex;align-items:center;justify-content:center;width:58px;height:58px;padding:0;border:0;border-radius:50%;color:#fff8ef;background:#372f386b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 18px #25194247;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,transform .12s ease}#result-actions button svg{width:30px;height:30px}#share-btn{background:#1aad19}#share-btn:hover{background:#179414}#continue-btn:hover{background:#372f388f}#result-actions button:active{transform:scale(.92)}#result-actions button:focus-visible{outline:3px solid #fff8ef;outline-offset:3px}@media(prefers-reduced-motion:reduce){#result-actions button{transition:none}}#share-sheet{position:fixed;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:24px;background:#140c2485;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#share-sheet[hidden]{display:none}.share-card{width:min(420px,100%);max-height:80vh;overflow:auto;padding:22px 20px 18px;border-radius:20px;background:#fffdf8;color:#3a2f4a;box-shadow:0 16px 48px #140c2466;animation:share-pop .16s ease}@keyframes share-pop{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}#share-text{margin:0 0 16px;white-space:pre-wrap;word-break:break-word;font-size:16px;line-height:1.7;font-weight:600}.share-card-actions{display:flex;gap:12px;justify-content:flex-end}#copy-btn{display:flex;align-items:center;gap:6px;height:42px;padding:0 18px;border:0;border-radius:21px;color:#fff8ef;background:#1aad19;font-size:15px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease}#copy-btn svg{width:18px;height:18px}#copy-btn:hover{background:#179414}#copy-btn:active{transform:scale(.96)}#share-close{height:42px;padding:0 18px;border:1px solid #d9cfc4;border-radius:21px;background:transparent;color:#6b5f7a;font-size:15px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.share-card,#copy-btn,#share-close{transition:none;animation:none}}