:root{font-family:PingFang SC,Hiragino Sans GB,system-ui,-apple-system,sans-serif;color:#f3ecdf;background:#726454;font-synthesis:none;--bone:#f3ecdf;--muted-bone:#e4d9c8;--ink:#534d43;--ink-light:#766d60;--sage:#8b9c79;--sage-dark:#667758;--blush:#c99987;--paper:#f3eee4;--glass:rgba(48,43,36,.22);--fine-line:rgba(244,235,219,.3)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input{font:inherit}button{border:0;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:focus,button:focus-visible{outline:none}button::-moz-focus-inner{border:0}a:focus-visible,summary:focus-visible{outline:2px solid #c5d2b6;outline-offset:4px}button:disabled{cursor:default}[hidden]{display:none!important}svg{width:24px;height:24px;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.game-shell{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden}.courtyard{position:absolute;inset:0;z-index:-3;background:#795c49 var(--courtyard-image) center center/cover no-repeat}.atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 30%,rgba(41,34,28,.07) 80%,rgba(36,28,22,.19) 100%),linear-gradient(180deg,rgba(32,25,20,.08),transparent 26%,transparent 75%,rgba(35,29,24,.3))}#game-stage{position:absolute;inset:0;z-index:-1;touch-action:none}#game-stage canvas{display:block;max-width:100%;touch-action:none}.hud{position:absolute;inset:0;z-index:2;pointer-events:none}.hud button,.hud a,.hud input,.hud summary{pointer-events:auto}.bottom-ui{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:216px;max-width:calc(100% - 24px)}.action-dock{display:flex;justify-content:center;align-items:flex-end;gap:24px;transition:opacity .6s}.action-button{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:44px;padding:0;background:transparent;color:var(--bone);transition:opacity .25s}.action-orb{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--fine-line);background:var(--glass);box-shadow:0 2px 8px #1b171214;backdrop-filter:blur(4px);transition:border-color .18s,background .18s,transform .18s}.action-orb>img{width:35px;height:35px;object-fit:contain;pointer-events:none}.more-orb>svg{width:23px;height:23px}.action-label{font-size:10px;line-height:12px;font-weight:400;letter-spacing:.5px;text-shadow:0 1px 5px #27231d;white-space:nowrap;color:var(--muted-bone);pointer-events:none}.mic-button{min-width:56px}.mic-orb{width:56px;height:56px;border-color:#cbd8b98c;background:#66775847}.mic-orb>img{width:42px;height:42px}.action-button:active:not(:disabled) .action-orb{transform:scale(.94);background:#e4e1ce2b}.action-button:disabled:not(.active){opacity:.5}.action-button.active .action-orb{border-color:#dbe3c9bf;background:#8e9f794d}.action-button.preparing .action-orb:after{content:"";position:absolute;inset:-3px;border:1px solid transparent;border-top-color:var(--bone);border-radius:50%;animation:turn .9s linear infinite}.action-button.queued .action-orb{border-style:dashed;border-color:#d6e0c6;background:#84966f52}.action-button.queued .action-orb:before{content:"";position:absolute;right:-2px;top:-2px;width:7px;height:7px;border-radius:50%;background:#c6d2b3;box-shadow:0 0 0 2px #494b3e;pointer-events:none}@keyframes turn{to{transform:rotate(360deg)}}.hud.resting .action-dock,.hud.resting .utility-anchor{opacity:.8}.hud.resting:focus-within .action-dock,.hud.resting .action-dock:hover{opacity:1}.hud.actions-open .more-orb{background:#ced8be3d;border-color:#d7dfc5a6}.quick-actions{position:absolute;inset:0;pointer-events:none}.quick-action{position:absolute;width:44px;height:60px;gap:4px;animation:unfold .2s ease-out both;animation-delay:calc(var(--order,0) * 20ms)}.quick-action .action-orb{background:#2b27217a;border-color:#f4ebdb66}.quick-action .action-label{font-size:10px;line-height:12px}.quick-action img[data-media^="art/classic/"]{width:32px;height:32px;border-radius:50%;opacity:.9;filter:saturate(.5)}.action-glyph{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:29px;color:#d3c0a2}.zzz{font-family:Georgia,serif;font-size:23px;color:#c3cfb4;gap:1px}.zzz small{font-size:13px;align-self:flex-start;margin-top:4px}@keyframes unfold{0%{opacity:0;translate:0 8px;scale:.88}to{opacity:1;translate:0 0;scale:1}}@media(hover:hover){.action-button:hover:not(:disabled) .action-orb{border-color:#f8f3e6a6;background:#dfdecc26}}.stop-square{display:none;width:14px;height:14px;border-radius:3px;background:var(--bone)}.stoppable .stop-square{display:block}.stoppable .mic-orb>img{display:none}.stoppable .mic-orb{background:#66775861;border-color:#c4d0b2}.recording .mic-orb{background:#96695980;border-color:#d8b5a4}.recording .mic-orb:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(var(--blush) var(--progress,0deg),transparent 0deg);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);pointer-events:none}.welcome-hint,.voice-status,.talk-caption{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 16px);width:max-content;max-width:min(340px,calc(100vw - 32px));font-size:11px;font-weight:400;line-height:1.6;letter-spacing:.3px;text-align:center;color:var(--bone);text-shadow:0 1px 6px #29221a;pointer-events:none}.welcome-hint{color:var(--muted-bone);animation:quiet-in .3s ease-out}.voice-status{font-size:10px}.talk-caption{bottom:calc(100% + 40px);padding:6px 13px;background:#26211b80;border-radius:12px;overflow-wrap:anywhere;max-height:90px;overflow:hidden;white-space:pre-wrap}.utility-anchor{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));transition:opacity .6s;display:flex;flex-direction:column;gap:7px}.utility-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(244,235,219,.2);border-radius:50%;background:#302b2440;color:var(--muted-bone);backdrop-filter:blur(4px);padding:0;transition:background .18s}.utility-button:hover{background:#7b7b6a80}.utility-button svg{width:18px;height:18px}.utility-tools{display:flex;flex-direction:column;gap:7px;pointer-events:none;animation:quiet-in .18s ease-out}.help-panel{position:absolute;top:calc(66px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));width:min(240px,calc(100% - 28px));max-height:calc(100dvh - 85px);overflow:auto;border-radius:18px;padding:38px 16px 8px;background:#f3eee4f5;color:var(--ink);border:1px solid #fff9ea73;box-shadow:0 5px 24px #1f1b1626;pointer-events:auto;animation:quiet-in .18s ease-out;scrollbar-width:thin}.panel-close{position:absolute;right:4px;top:2px;height:44px;width:44px;padding:0;border-radius:50%;display:grid;place-items:center;background:none;color:var(--ink-light)}.panel-close:hover{background:#e4dfd4}.panel-close svg{width:18px;height:18px}.help-lines p{font-size:12px;line-height:1.7;margin:0 0 4px}.privacy-note{font-size:10px;color:var(--ink-light);line-height:1.7;margin:11px 0 7px}.reset-button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;background:none;color:var(--ink-light);font-size:11px}.reset-button svg{height:14px;width:14px}.source-note{border-top:1px solid #ded7ca;color:#8c8170;font-size:10px;line-height:1.7}.source-note summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.source-note summary:before{content:"›";margin-right:6px}.source-note[open] summary:before{rotate:90deg}.source-note p{font-size:10px;margin:0 0 9px}.source-note a{color:var(--sage-dark);display:inline-block;margin-left:4px}.text-composer{position:absolute;bottom:calc(122px + env(safe-area-inset-bottom,0px) + var(--keyboard-lift,0px));left:50%;transform:translate(-50%);width:min(350px,calc(100% - 28px));display:flex;align-items:center;border:1px solid #e1dbce80;border-radius:16px;padding:4px 5px 4px 13px;gap:3px;background:#f3eee4fa;box-shadow:0 4px 20px #1f1b1624;pointer-events:auto;animation:quiet-in .18s ease-out}.text-composer input{display:block;min-width:0;flex:1;border:0;outline:0;background:none;color:var(--ink);font-size:16px;line-height:1.5;width:100%;height:44px;padding:7px 1px}.text-composer input::placeholder{color:#958b7a}.text-composer:has(input:focus){border-color:#a7b593;box-shadow:0 0 0 2px #a7b59320,0 4px 20px #1f1b1624}.send-button,.composer-close{height:44px;width:44px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;padding:0;background:none;color:var(--ink-light)}.send-button{background:var(--sage-dark);color:var(--bone)}.send-button:hover{background:#778665}.composer-close:hover{background:#e4dfd4}.send-button svg,.composer-close svg{width:18px;height:18px}.toast{position:absolute;left:50%;top:calc(22px + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:40;padding:10px 16px;border-radius:16px;max-width:min(380px,calc(100% - 28px));width:max-content;background:#f3eee4f5;color:var(--ink);border:1px solid #fff7e64d;box-shadow:0 4px 22px #2d251d18;font-size:11px;line-height:1.7;text-align:center;pointer-events:none;animation:quiet-in .2s ease-out}@keyframes quiet-in{0%{opacity:0}to{opacity:1}}.loading-screen{position:absolute;inset:0;z-index:50;background:#514b42;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .35s,visibility .35s}.loading-screen.finished{opacity:0;visibility:hidden;pointer-events:none}.loading-screen p{font-size:12px;font-weight:400;letter-spacing:1px;line-height:1.7;text-align:center;max-width:calc(100% - 32px);color:var(--muted-bone);margin:0 0 18px}.loading-bar{width:min(128px,calc(100% - 48px));height:2px;background:#dbd2b920;border-radius:4px;overflow:hidden}.loading-bar i{display:block;width:0;height:100%;background:var(--sage);border-radius:3px;transition:width .15s ease-out}.loading-percent{font-size:10px;color:#b3aa9b;line-height:1.5;margin-top:10px;font-variant-numeric:tabular-nums}.loading-retry{min-width:88px;min-height:44px;padding:10px 18px;border:1px solid var(--fine-line);border-radius:22px;background:var(--glass);color:var(--bone);font-size:12px}.loading-retry:hover,.loading-retry:active{background:#e4e1ce2b}@media(max-width:600px){.courtyard{background-image:var(--alley-image);background-size:cover;background-position:center 44%}.action-dock{gap:22px}}@media(max-height:500px){.bottom-ui{bottom:calc(14px + env(safe-area-inset-bottom,0px));width:196px}.action-dock{gap:20px}.action-button{gap:5px}.action-label{font-size:9px;line-height:10px}.mic-button{min-width:48px}.mic-orb{width:48px;height:48px}.mic-orb>img{width:38px;height:38px}.quick-action{gap:4px}.quick-action .action-label{font-size:10px;line-height:12px}.welcome-hint,.voice-status{bottom:calc(100% + 9px);font-size:9px}.talk-caption{bottom:calc(100% + 31px);font-size:10px;max-height:72px}.text-composer{bottom:calc(94px + env(safe-area-inset-bottom,0px) + var(--keyboard-lift,0px))}.utility-anchor{top:10px;right:10px}.help-panel{top:60px;right:10px;max-height:calc(100dvh - 74px)}.toast{top:14px;font-size:10px;padding:8px 13px}}@media(max-width:300px){.action-dock{gap:18px}.text-composer{width:calc(100% - 16px);padding-left:9px;gap:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}