html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#f6e7d4;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#hint{top:calc(10px + env(safe-area-inset-top));color:#7a5c42;text-align:center;pointer-events:none;background:#ffffffb3;border-radius:14px;max-width:calc(100vw - 150px);padding:5px 12px;font-size:12px;line-height:1.4;position:fixed;left:50%;transform:translate(-50%)}body.hint-closed #hint{display:none}body.touch #hint{top:calc(42px + env(safe-area-inset-top));max-width:calc(100vw - 32px)}#help{top:calc(10px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));color:#7a5c42;width:28px;height:28px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff9;border:none;border-radius:50%;padding:0;font-size:14px;font-weight:700;display:none;position:fixed}body.hint-closed #help{display:block}#net{top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));color:#6b4e36;pointer-events:auto;cursor:pointer;background:#fffc;border-radius:999px;padding:4px 10px;font-size:12px;position:fixed}#net-pop{top:calc(42px + env(safe-area-inset-top));right:calc(46px + env(safe-area-inset-right));color:#7a5c42;white-space:nowrap;pointer-events:none;background:#ffffffdb;border-radius:10px;padding:5px 10px;font-size:11.5px;position:fixed}#speaker{top:calc(40px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));color:#7a5c42;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff9;border:none;border-radius:50%;width:28px;height:28px;padding:5px;position:fixed}#speaker svg,#speaker-menu svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}#speaker .fillc,#speaker-menu .fillc{fill:currentColor}#speaker:not([data-mode=music]) .note,#speaker:not([data-mode=nature]) .tree,#speaker:not([data-mode=off]) .mute{display:none}#speaker[data-mode=off]{opacity:.7}#speaker-menu{top:calc(74px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:5;background:#ffffffeb;border-radius:14px;flex-direction:column;gap:2px;padding:4px;display:flex;position:fixed;box-shadow:0 2px 10px #50321429}#speaker-menu[hidden]{display:none}#speaker-menu button{color:#7a5c42;height:34px;font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:0 12px 0 8px;font-size:13px;display:flex}#speaker-menu button svg{flex:none;width:18px;height:18px}#speaker-menu button[aria-checked=true]{color:#c0745e;background:#fff1e4;font-weight:600}#net[data-status=offline],#net[data-status=full],#net[data-status=old]{color:#a0533f}#net[data-status=old]{cursor:pointer}#toast{left:50%;bottom:calc(150px + env(safe-area-inset-bottom));color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#463223c7;border-radius:999px;padding:7px 14px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,8px)}#toast.show{opacity:1;transform:translate(-50%)}#actions{--btn:52px;right:calc(16px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));align-items:flex-end;gap:8px;display:flex;position:fixed}#actions .row{gap:8px;display:flex}body.touch #actions{--btn:56px;right:calc(12px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end}#actions button{width:var(--btn);height:var(--btn);color:#7a5c42;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffffd1;border:2px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;transition:transform .12s,opacity .3s,border-color .3s,background .2s;display:flex;position:relative;box-shadow:0 2px 8px #50321429}#actions button:active{transform:scale(.9)}#actions button.active{background:#fff3e6}#actions button.pal{color:#c4566a;background:#ffe4e8;border-color:#f08a96;box-shadow:0 0 0 3px #f08a9640,0 2px 8px #50321429}#actions .pal-icon,#actions button.pal .solo{display:none}#actions button.pal .pal-icon{display:block}#actions button.pressed,#actions button.pressed.off{opacity:1;color:#2b76ab;background:#d9eefb;border-color:#4f9fd4;transform:scale(.92);box-shadow:inset 0 2px 6px #1e5a8c47,0 0 0 3px #4f9fd440}#actions button.pal.pressed{color:#c4566a;background:#ffd3da;border-color:#f08a96;box-shadow:inset 0 2px 6px #a03c5040,0 0 0 3px #f08a9640}#actions button.off{opacity:.45}#actions .icon{width:calc(var(--btn) * .44);height:calc(var(--btn) * .44);fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}#actions .label{font-size:calc(var(--btn) * .19);white-space:nowrap;font-weight:600;line-height:1}body.touch #actions button[data-action=drink] .label{display:none}#rest-button .caret{opacity:.7;font-size:9px;line-height:1;position:absolute;top:1px;left:50%;transform:translate(-50%)}#rest-button .pose{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 3px #50321433}#rest-button .pose:empty{display:none}#rest-button .pose .icon{stroke-width:2.2px;width:13px;height:13px}#rest-menu{right:calc(var(--btn) + 8px);background:#ffffff73;border-radius:999px;gap:8px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px)}body.touch #rest-menu{right:0}#rest-menu[hidden]{display:none}#chat{left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:6px;width:min(280px,100vw - 400px);min-width:200px;display:flex;position:fixed}#chat-log{opacity:.3;flex-direction:column;gap:3px;transition:opacity .6s;display:flex}#chat.awake #chat-log,body.chatting #chat-log{opacity:1;transition-duration:.15s}#chat-input:not(:focus){opacity:.7}#chat-log .line{color:#6b4e36;overflow-wrap:anywhere;background:#ffffff8c;border-radius:12px;align-self:flex-start;max-width:100%;padding:3px 10px;font-size:13px;line-height:1.35}#chat-log .who{color:#9b7a5c;margin-right:8px;font-size:11px;font-weight:700}#chat-log .mine .who{color:#c0745e}#chat-form{pointer-events:auto;gap:6px;display:flex}#chat-input{color:#5d432e;min-width:0;height:32px;font:inherit;-webkit-user-select:text;user-select:text;background:#ffffff80;border:1px solid #785a3c33;border-radius:999px;outline:none;flex:1;padding:0 12px;font-size:14px}#chat-input:focus{background:#ffffffeb;border-color:#c0745e80}#chat-input::placeholder{color:#a88d75}#chat-send,#chat-open{display:none}#chat-form.shake{animation:.3s chat-shake}@keyframes chat-shake{25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}body.touch #chat{left:calc(12px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));width:calc(100vw - 240px - env(safe-area-inset-left) - env(safe-area-inset-right));min-width:120px;max-width:280px}body.touch #chat-log .line{font-size:12px}body.touch #chat-open{pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:19px;display:flex;box-shadow:0 2px 8px #50321426}body.touch #chat-form{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom) + var(--keyboard,0px));z-index:10;opacity:0;pointer-events:none;position:fixed}body.touch.chatting #chat-form{opacity:1;pointer-events:auto}body.touch #chat-input{background:#fffffff2;height:40px;font-size:16px}body.touch #chat-send{color:#fff;font:inherit;touch-action:manipulation;background:#c0745e;border:none;border-radius:999px;padding:0 16px;font-weight:600;display:block}body.touch.chatting #actions{visibility:hidden}#actions button[data-action=bark],#actions button[data-action=dash],#actions button[data-action=pat],#actions button[data-action=pour],body.sp-dog #actions button[data-action=groom],body.sp-dog #actions button[data-action=greet],body.sp-mouse #actions button[data-action=drink],body.sp-mouse #actions button[data-action=groom],body.sp-mouse #actions button[data-action=greet],body.sp-mouse #rest-button,body.sp-human #actions button[data-action=drink],body.sp-human #actions button[data-action=groom],body.sp-human #actions button[data-action=greet],body.sp-human #rest-button,body.sp-human #actions button[data-jump]{display:none}body.sp-dog #actions button[data-action=bark],body.sp-mouse #actions button[data-action=dash],body.sp-human #actions button[data-action=pat],body.sp-human #actions button[data-action=pour]{display:flex}body.sp-dog #rest-button .caret,body.sp-dog #rest-button .pose,#actions .mode-icon,#actions button.mode .solo,#actions button.mode .pal-icon{display:none}#actions button.mode .mode-icon{display:block}#actions button:after{content:"";background:conic-gradient(#5a3c2861 calc(var(--cool,0) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-2px}#churu-arrow{color:#fff;text-align:center;pointer-events:none;background:#f2b552;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;font-size:16px;line-height:34px;display:none;position:fixed;top:0;left:0;box-shadow:0 2px 8px #50321440}#chat.blocked #chat-input{opacity:.45}body.film :is(#hint,#help,#net,#net-pop,#speaker,#speaker-menu,#toast,#churu-arrow,#chat,#chat-open,#chat-form,#actions,#rest-menu){display:none!important}