*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Trebuchet MS,Comic Sans MS,system-ui,sans-serif;background:#7ed7f2;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app canvas{display:block;touch-action:none}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}.hidden{display:none!important}#loading{position:fixed;inset:0;z-index:100;background:linear-gradient(#ffb84c,#ffd98a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .5s}#loading.fade{opacity:0;pointer-events:none}#loading p{font-size:22px;color:#7a4a12;font-weight:700}.loading-fan{position:relative;width:110px;height:110px;border:8px solid #faf7f0;border-radius:50%;animation:none;background:#faf7f059}.loading-hub{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;background:#ffe066;border-radius:50%;z-index:2}.loading-blade{position:absolute;left:50%;top:50%;width:16px;height:42px;margin-left:-8px;margin-top:-46px;background:#7ed7f2;border-radius:8px 8px 2px 2px;transform-origin:50% 46px;animation:spin .8s linear infinite}.loading-blade.b2{animation-delay:0s;transform:rotate(120deg)}.loading-blade.b3{transform:rotate(240deg)}@keyframes spin{to{transform:rotate(360deg)}}.loading-blade.b1{animation-name:spin1}.loading-blade.b2{animation-name:spin2}.loading-blade.b3{animation-name:spin3}@keyframes spin1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin2{0%{transform:rotate(120deg)}to{transform:rotate(480deg)}}@keyframes spin3{0%{transform:rotate(240deg)}to{transform:rotate(600deg)}}.hover-icon{position:absolute;transform:translate(-50%,-100%);font-size:28px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));pointer-events:none!important;animation:bob 1.1s ease-in-out infinite}@keyframes bob{0%,to{margin-top:0}50%{margin-top:-7px}}.hint-bar{position:absolute;left:50%;bottom:26px;transform:translate(-50%);background:#1e2832bf;color:#fff;padding:10px 22px;border-radius:22px;font-size:17px;white-space:nowrap;pointer-events:none!important}.mute-btn{position:absolute;top:18px;right:18px;width:54px;height:54px;font-size:26px;border:none;border-radius:50%;background:#faf7f0e6;box-shadow:0 3px 8px #00000040;cursor:pointer}.mute-btn:hover{transform:scale(1.08)}.day-night-btn{position:absolute;top:18px;right:86px;width:54px;height:54px;font-size:24px;border:none;border-radius:50%;background:#faf7f0e6;box-shadow:0 3px 8px #00000040;cursor:pointer}.day-night-btn:hover{transform:scale(1.08)}.remote-panel{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:240px;background:#faf7f0;border-radius:28px;padding:20px 18px 18px;box-shadow:0 12px 40px #141e3c73;display:flex;flex-direction:column;gap:14px;animation:riseUp .35s cubic-bezier(.2,1.4,.4,1)}@keyframes riseUp{0%{transform:translateY(-30%) scale(.6);opacity:0}to{transform:translateY(-50%) scale(1);opacity:1}}.remote-lcd{background:#cfe8d8;border:3px solid #9db8a8;border-radius:10px;min-height:74px;padding:8px;text-align:center;font-family:Courier New,monospace}.lcd-temp{font-size:36px;font-weight:700;color:#24483a}.lcd-mode{font-size:16px;color:#24483a}.remote-power{height:64px;border:none;border-radius:18px;background:#ff6b6b;color:#fff;font-size:26px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px #c94848}.remote-power span{font-size:16px}.remote-power:active{transform:translateY(3px);box-shadow:0 1px #c94848}.remote-power.on{background:#7bc46c;box-shadow:0 4px #55924a}.remote-temps,.remote-row{display:flex;gap:12px}.remote-btn{flex:1;height:54px;border:none;border-radius:14px;background:#7ed7f2;font-size:24px;font-weight:700;color:#145;cursor:pointer;box-shadow:0 4px #58a8c2;display:flex;align-items:center;justify-content:center;gap:6px}.remote-btn span{font-size:13px}.remote-btn:active{transform:translateY(3px);box-shadow:0 1px #58a8c2}.remote-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border:none;border-radius:50%;background:#2c3a48;color:#fff;font-size:16px;cursor:pointer}.paper-picker{position:absolute;left:50%;bottom:30px;transform:translate(-50%);background:#faf7f0f5;border-radius:24px;padding:18px 22px;box-shadow:0 10px 36px #141e3c66;display:flex;flex-direction:column;gap:12px;align-items:center}.picker-title{font-size:19px;font-weight:700;color:#7a4a12}.picker-row{display:flex;gap:10px}.picker-model{border:3px solid transparent;border-radius:14px;background:#fff;padding:8px 14px;font-size:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 2px 6px #0000001f}.picker-emoji{font-size:26px}.picker-model.sel{border-color:#ffb84c;background:#fff3dd}.picker-swatch{width:38px;height:38px;border:3px solid rgba(0,0,0,.15);border-radius:10px;cursor:pointer}.picker-swatch.sel{border-color:#2c3a48;transform:scale(1.12)}.picker-pattern{width:44px;height:44px;font-size:20px;border:3px solid transparent;border-radius:10px;background:#fff;cursor:pointer}.picker-pattern.sel{border-color:#2c3a48}.picker-go{height:52px;padding:0 38px;border:none;border-radius:16px;background:#7bc46c;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px #55924a}.picker-go:active{transform:translateY(3px);box-shadow:0 1px #55924a}.pause-menu{position:absolute;inset:0;background:#141e2d8c;display:flex;align-items:center;justify-content:center}.pause-card{background:#faf7f0;border-radius:26px;padding:34px 44px;display:flex;flex-direction:column;gap:14px;min-width:300px;box-shadow:0 16px 60px #0006}.pause-card h1{font-size:26px;color:#7a4a12;text-align:center;margin-bottom:8px}.pause-btn{height:56px;border:none;border-radius:16px;background:#7ed7f2;color:#145;font-size:19px;font-weight:700;cursor:pointer;box-shadow:0 4px #58a8c2}.pause-btn:active{transform:translateY(3px);box-shadow:0 1px #58a8c2}.char-select{position:absolute;inset:0;background:linear-gradient(#ffb84cd9,#ffd98ae6);display:flex;align-items:center;justify-content:center}.char-card{background:#faf7f0;border-radius:30px;padding:36px 46px;text-align:center;box-shadow:0 16px 60px #00000059}.char-card h1{font-size:28px;color:#7a4a12;margin-bottom:24px}.char-row{display:flex;gap:26px}.char-option{width:150px;padding:22px 10px 16px;border:4px solid transparent;border-radius:22px;font-size:20px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .12s}.char-option:hover{transform:scale(1.07) rotate(-1deg)}.char-option.boy{background:#d3f1ee;color:#116055;border-color:#2fa8a0}.char-option.girl{background:#ffe3ec;color:#a03558;border-color:#ff8fab}.char-emoji{font-size:64px}.picker-row.wrap{flex-wrap:wrap;justify-content:center;max-width:460px}.picker-model.locked{opacity:.55;filter:grayscale(.7)}.lock-note{font-size:11px;color:#a03558}.picker-go.subtle{background:#c9ced1;box-shadow:0 4px #9aa1a6;padding:0 22px;height:42px;font-size:18px}.picker-go.big-step{font-size:26px;height:64px;padding:0 44px;animation:stepPulse 1.2s ease-in-out infinite}@keyframes stepPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lift-buttons{display:flex;flex-direction:column;gap:8px}.lift-btn{display:flex;align-items:center;gap:12px;min-width:210px;padding:10px 16px;border:3px solid #b9975b;border-radius:14px;background:#fff8e8;cursor:pointer;font-size:16px}.lift-btn:hover{background:#ffeec6;transform:scale(1.03)}.lift-btn.here{border-color:#7bc46c;background:#eafbe6}.lift-num{width:34px;height:34px;border-radius:50%;background:#d9c07a;color:#3a2a1c;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center}.lift-name{font-weight:700;color:#6a4a1a}.npc-bubble{position:absolute;transform:translate(-50%,-100%);background:#fff;color:#333;padding:8px 14px;border-radius:16px;border:3px solid #ffd97a;font-size:15px;white-space:nowrap;pointer-events:none!important;box-shadow:0 3px 10px #00000040}.npc-bubble:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);border:7px solid transparent;border-top-color:#ffd97a}.sticker-book-btn{position:absolute;top:18px;right:154px;width:54px;height:54px;font-size:26px;border:none;border-radius:50%;background:#faf7f0e6;box-shadow:0 3px 8px #00000040;cursor:pointer}.sticker-book-btn:hover{transform:scale(1.08)}.sticker-book-btn.pulse{animation:stickerPulse .5s ease-in-out 2}@keyframes stickerPulse{50%{transform:scale(1.3) rotate(8deg);background:#ffe066}}.sticker-toast{position:absolute;top:84px;right:18px;background:#fff;border:3px solid #ffd23f;border-radius:16px;padding:10px 18px;font-size:16px;font-weight:700;color:#7a4a12;box-shadow:0 6px 20px #0000004d;opacity:0;transform:translate(30px);transition:opacity .4s,transform .4s}.sticker-toast.show{opacity:1;transform:translate(0)}.sticker-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#faf7f0;border-radius:24px;padding:24px 28px;box-shadow:0 16px 60px #0006;max-width:460px;text-align:center}.sticker-panel h2{color:#7a4a12;margin-bottom:16px}.sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.sticker-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:14px;background:#eee;opacity:.5}.sticker-cell.got{background:#fff3dd;opacity:1;box-shadow:0 2px 8px #ffb84c80}.sticker-emoji{font-size:30px}.sticker-label{font-size:11px;color:#6a4a1a}.book-reader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:460px;max-width:92vw;background:#fff8ec;border-radius:20px;padding:26px 24px 20px;box-shadow:0 16px 60px #0006;border:4px solid #e6c98a;text-align:center}.book-lang{position:absolute;top:12px;left:14px;border:2px solid #c89f76;background:#fff;border-radius:10px;padding:4px 10px;font-weight:700;color:#7a4a12;cursor:pointer}.book-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:none;border-radius:50%;background:#2c3a48;color:#fff;cursor:pointer}.book-shelf-title{font-size:20px;font-weight:700;color:#7a4a12;margin-bottom:14px}.book-covers{display:flex;gap:12px;justify-content:center}.book-cover{width:118px;height:150px;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;box-shadow:0 4px #0003;text-shadow:0 1px 2px rgba(0,0,0,.3)}.book-cover:hover{transform:translateY(-4px) rotate(-2deg)}.book-cover-art{font-size:46px}.book-cover-title{font-size:13px;font-weight:700;line-height:1.2}.book-spread{padding:8px 6px 4px}.book-art{font-size:90px;margin:6px 0 10px}.book-text{font-size:22px;color:#3a2a1c;min-height:66px;line-height:1.4}.book-page-num{color:#a08858;font-size:13px;margin-top:6px}.book-nav{display:flex;gap:12px;justify-content:center;margin-top:12px}.book-btn{width:56px;height:48px;border:none;border-radius:12px;background:#ffb84c;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 4px #d38f2f}.book-btn:disabled{opacity:.4;box-shadow:none}.book-btn:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #d38f2f}.mobile-controls{position:absolute;inset:0;pointer-events:none;z-index:20}.joystick-base{position:absolute;left:26px;bottom:26px;width:130px;height:130px;border-radius:50%;background:#faf7f047;border:3px solid rgba(250,247,240,.6);pointer-events:auto;touch-action:none;box-shadow:0 3px 12px #0003}.joystick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:#ffb84ceb;border:3px solid #fff;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0000004d}.mobile-actions{position:absolute;right:24px;bottom:30px;display:flex;gap:16px;align-items:flex-end}.mobile-btn{width:74px;height:74px;border-radius:50%;border:3px solid #fff;background:#7ed7f2e6;font-size:34px;pointer-events:auto;touch-action:none;cursor:pointer;box-shadow:0 4px 10px #00000040;display:flex;align-items:center;justify-content:center}.mobile-btn.press{transform:scale(.9);background:#ffb84cf2}.webgl-fail{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;font-size:22px;color:#7a4a12;background:#ffd98a}