*{margin:0;padding:0;box-sizing:border-box}:root{--ui-font: "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", "PingFang SC", "Microsoft YaHei", sans-serif;--paper: #fff9df;--paper-deep: #f5eccd;--grass: #78b96f;--grass-dark: #4f8c57;--leaf-pale: #dcecc9;--ink: #5d493a;--ink-soft: #8c7966;--line: #b9a887;--orange: #efa15f;--orange-dark: #c97446;--coral: #e98270;--yellow: #f4cf65;--white: #fffdf2}.initial-loader{--loader-progress: 7%;position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.38),transparent 29%),linear-gradient(180deg,#fff4a9,#fff0a0);opacity:1;visibility:visible;transition:opacity .46s ease,visibility 0s linear .46s}.initial-loader:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 12% 18%,rgba(128,89,43,.13) 0 .7px,transparent .9px),radial-gradient(circle at 72% 68%,rgba(128,89,43,.1) 0 .8px,transparent 1px);background-size:18px 21px,23px 19px;mix-blend-mode:multiply}.initial-loader.is-exiting{opacity:0;pointer-events:none}.initial-loader.is-hidden{display:none}.initial-loader__content{position:relative;display:flex;width:min(76vw,1240px);flex-direction:column;align-items:center;transform:scale(.5);transform-origin:center}.initial-loader__mascot{position:relative;display:grid;width:clamp(250px,25vw,360px);aspect-ratio:592 / 664;place-items:center;animation:initial-loader-bob 1.15s ease-in-out infinite}.initial-loader__glow{position:absolute;width:86%;height:72%;border-radius:50%;background:#ffdc4e57;filter:blur(22px);animation:initial-loader-glow 1.5s ease-in-out infinite}.initial-loader__cat{position:relative;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:saturate(1.06) contrast(1.02)}.initial-loader__meter{width:100%;margin-top:clamp(30px,4.5vh,58px)}.initial-loader__track{position:relative;height:clamp(32px,3.2vw,42px);border:4px solid #183645;border-radius:999px;background:#fff9cfb3;box-shadow:0 3px #5d493a1f,inset 0 2px #ffffff73;filter:url(#handdrawn-wobble)}.initial-loader__fill{position:absolute;inset:0 auto 0 0;width:var(--loader-progress);overflow:hidden;border-radius:inherit;background:repeating-linear-gradient(98deg,#e3aa4f 0 29px,#b85f1d 29px 57px,#e3aa4f 57px 86px);transition:width .34s cubic-bezier(.2,.78,.22,1)}.initial-loader__fish-runner{position:absolute;left:var(--loader-progress);top:50%;width:clamp(112px,10.5vw,172px);aspect-ratio:1.7;transform:translate(-48%,-50%);transition:left .34s cubic-bezier(.2,.78,.22,1)}.initial-loader__fish{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform:scaleX(-1);transform-origin:center;filter:saturate(1.05) contrast(1.02);animation:initial-loader-fish-wiggle .44s ease-in-out infinite alternate}.initial-loader__caption{display:flex;width:100%;margin-top:16px;align-items:center;justify-content:space-between;gap:18px}.initial-loader__label,.initial-loader__percent{color:#5d493ac7;font-size:clamp(13px,1.25vw,17px);font-weight:800;letter-spacing:.08em;text-shadow:0 1px 0 rgba(255,255,255,.5)}.initial-loader__percent{min-width:4.2em;padding:5px 11px;border:2px solid #8f6a3e;border-radius:999px;background:#fff9cfc7;color:#6c4a2f;font-size:clamp(14px,1.4vw,19px);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em;filter:url(#handdrawn-wobble)}.initial-loader.is-ready .initial-loader__fill{width:100%;animation:none}.initial-loader.is-ready .initial-loader__fish-runner{left:100%;animation:none}.initial-loader.is-ready .initial-loader__mascot{animation:initial-loader-ready .38s ease both}@keyframes initial-loader-bob{0%,to{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-8px) rotate(.35deg)}}@keyframes initial-loader-glow{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:.95;transform:scale(1.06)}}@keyframes initial-loader-fish-wiggle{0%{transform:scaleX(-1) rotate(-1.8deg) translateY(-1px)}to{transform:scaleX(-1) rotate(1.8deg) translateY(1px)}}@keyframes initial-loader-ready{0%{transform:translateY(0) scale(1)}55%{transform:translateY(-11px) scale(1.035)}to{transform:translateY(0) scale(1)}}@media(max-width:700px){.initial-loader__content{width:min(84vw,560px)}.initial-loader__mascot{width:clamp(260px,78vw,360px)}.initial-loader__meter{margin-top:28px}.initial-loader__fish-runner{width:clamp(96px,28vw,132px)}}@media(prefers-reduced-motion:reduce){.initial-loader__mascot,.initial-loader__glow,.initial-loader__fish,.bgm-toggle.is-playing{animation:none}}html,body,#app{height:100%;font-family:var(--ui-font);color:var(--ink);background:#e9e1ce}button,input,select{font:inherit}.handdrawn-filters{position:fixed;width:0;height:0;overflow:hidden;pointer-events:none}#app{display:flex}#viewport{position:relative;flex:1;min-width:0;overscroll-behavior:none;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 42%),#efe9dd}#scene{width:100%;height:100%;display:block;touch-action:none;overscroll-behavior:none}.scene-speech-bubble{--bubble-tail-x: 50%;position:absolute;z-index:3;left:50%;top:50%;width:max-content;max-width:min(270px,42vw);padding:11px 16px 12px;border:3px solid #5d493a;border-radius:22px 17px 20px 15px;opacity:0;color:#5d493a;background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.62) 0 2px,transparent 2.5px),#fff9df;box-shadow:0 4px #5d493a26,0 8px 16px #5d493a1a;font-size:clamp(13px,1.25vw,17px);font-weight:800;line-height:1.35;text-align:center;white-space:normal;pointer-events:none;-webkit-user-select:none;user-select:none;filter:url(#handdrawn-wobble);transform:translate(-50%,calc(-100% - 15px)) scale(.86) rotate(-.7deg);transform-origin:var(--bubble-tail-x) 100%;transition:opacity .18s ease,transform .24s cubic-bezier(.2,.88,.28,1.18)}.scene-speech-bubble:before,.scene-speech-bubble:after{content:"";position:absolute;left:var(--bubble-tail-x);top:100%;width:0;height:0;pointer-events:none;transform:translate(-50%)}.scene-speech-bubble:before{border:12px solid transparent;border-top-color:#5d493a}.scene-speech-bubble:after{margin-top:-4px;border:9px solid transparent;border-top-color:#fff9df}.scene-speech-bubble.is-visible{opacity:1;transform:translate(-50%,calc(-100% - 15px)) scale(1) rotate(-.7deg)}.scene-speech-bubble.is-offscreen{opacity:0}.scene-speech-bubble[data-speaker=fish]{background-color:#edf7ef;transform:translate(-50%,calc(-100% - 15px)) scale(.86) rotate(.8deg)}.scene-speech-bubble[data-speaker=fish]:after{border-top-color:#edf7ef}.scene-speech-bubble[data-speaker=fish].is-visible{transform:translate(-50%,calc(-100% - 15px)) scale(1) rotate(.8deg)}.scene-speech-bubble[data-speaker=duck]{background-color:#fff1a8;transform:translate(-50%,calc(-100% - 15px)) scale(.86) rotate(-1.2deg)}.scene-speech-bubble[data-speaker=duck]:after{border-top-color:#fff1a8}.scene-speech-bubble[data-speaker=duck].is-visible{transform:translate(-50%,calc(-100% - 15px)) scale(1) rotate(-1.2deg)}.share-card-overlay{position:absolute;z-index:9;inset:0;display:grid;place-items:center;padding:16px 18px 104px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .18s ease}.share-card-overlay[hidden]{display:none}.share-card-overlay.is-open{opacity:1}.share-card-shell{position:relative;height:min(calc(100% - 20px),760px);max-width:calc(100% - 28px);aspect-ratio:3 / 4;pointer-events:none;transform:translateY(8px) scale(.97) rotate(-.18deg);transform-origin:center;transition:transform .22s cubic-bezier(.2,.82,.28,1)}.share-card-overlay.is-open .share-card-shell{transform:translateY(0) scale(1) rotate(-.18deg)}.share-card-live-frame{--share-paper: #fff7dc;--share-primary: #f47f96;--share-secondary: #ffd05b;--share-accent: #45c6c0;--share-ink: #3f302b;position:absolute;inset:0;overflow:hidden;border:4px solid var(--share-ink);border-radius:31px 25px 34px 27px;box-shadow:8px 12px #3f302b2e,0 0 0 100vmax #40362d33;filter:url(#handdrawn-wobble)}.share-card-live-frame:after{content:"";position:absolute;z-index:8;inset:7px;border:2px solid color-mix(in srgb,var(--share-accent),white 26%);border-radius:24px 20px 28px 21px;pointer-events:none}.share-card-paper{position:absolute;z-index:2;display:block;background-color:var(--share-paper);pointer-events:none}.share-card-paper--top{inset:0 0 auto;height:11.5%;border-radius:26px 22px 0 0;background:radial-gradient(circle,rgba(63,48,43,.3) 0 1.3px,transparent 1.6px) 0 0 / 13px 13px,linear-gradient(96deg,var(--share-primary),color-mix(in srgb,var(--share-primary),white 22%))}.share-card-live-frame[data-pattern=cat-paws] .share-card-paper--top,.share-card-live-frame[data-pattern=cat-paws] .share-card-paper--bottom{background:radial-gradient(ellipse at 50% 68%,color-mix(in srgb,var(--share-ink),transparent 78%) 0 3px,transparent 3.5px) 0 0 / 28px 22px,radial-gradient(circle at 35% 34%,color-mix(in srgb,var(--share-ink),transparent 80%) 0 1.7px,transparent 2.1px) 0 0 / 28px 22px,radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--share-ink),transparent 80%) 0 1.7px,transparent 2.1px) 0 0 / 28px 22px,radial-gradient(circle at 65% 34%,color-mix(in srgb,var(--share-ink),transparent 80%) 0 1.7px,transparent 2.1px) 0 0 / 28px 22px,linear-gradient(96deg,var(--share-primary),color-mix(in srgb,var(--share-primary),white 22%))}.share-card-live-frame[data-pattern=cat-paws] .share-card-paper--bottom{background:radial-gradient(ellipse at 50% 68%,color-mix(in srgb,var(--share-ink),transparent 78%) 0 3px,transparent 3.5px) 0 0 / 28px 22px,radial-gradient(circle at 35% 34%,color-mix(in srgb,var(--share-ink),transparent 80%) 0 1.7px,transparent 2.1px) 0 0 / 28px 22px,radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--share-ink),transparent 80%) 0 1.7px,transparent 2.1px) 0 0 / 28px 22px,radial-gradient(circle at 65% 34%,color-mix(in srgb,var(--share-ink),transparent 80%) 0 1.7px,transparent 2.1px) 0 0 / 28px 22px,linear-gradient(96deg,var(--share-secondary),color-mix(in srgb,var(--share-secondary),white 22%))}.share-card-live-frame[data-pattern=checker] .share-card-paper--top,.share-card-live-frame[data-pattern=checker] .share-card-paper--bottom{background:conic-gradient(from 90deg,color-mix(in srgb,var(--share-ink),transparent 84%) 25%,transparent 0 50%,color-mix(in srgb,var(--share-ink),transparent 84%) 0 75%,transparent 0) 0 0 / 24px 24px,var(--share-primary)}.share-card-live-frame[data-pattern=checker] .share-card-paper--bottom{background:conic-gradient(from 90deg,color-mix(in srgb,var(--share-ink),transparent 84%) 25%,transparent 0 50%,color-mix(in srgb,var(--share-ink),transparent 84%) 0 75%,transparent 0) 0 0 / 24px 24px,var(--share-secondary)}.share-card-live-frame[data-pattern=confetti] .share-card-paper--top,.share-card-live-frame[data-pattern=confetti] .share-card-paper--bottom{background:radial-gradient(circle,color-mix(in srgb,var(--share-ink),transparent 78%) 0 2px,transparent 2.5px) 4px 6px / 26px 24px,linear-gradient(32deg,transparent 43%,color-mix(in srgb,var(--share-ink),transparent 82%) 44% 51%,transparent 52%) 0 0 / 31px 27px,var(--share-primary)}.share-card-live-frame[data-pattern=confetti] .share-card-paper--bottom{background:radial-gradient(circle,color-mix(in srgb,var(--share-ink),transparent 78%) 0 2px,transparent 2.5px) 4px 6px / 26px 24px,linear-gradient(32deg,transparent 43%,color-mix(in srgb,var(--share-ink),transparent 82%) 44% 51%,transparent 52%) 0 0 / 31px 27px,var(--share-secondary)}.share-card-live-frame[data-pattern=waves] .share-card-paper--top,.share-card-live-frame[data-pattern=waves] .share-card-paper--bottom{background:radial-gradient(ellipse at 50% 100%,transparent 58%,color-mix(in srgb,var(--share-ink),transparent 82%) 60% 66%,transparent 68%) 0 0 / 34px 18px,var(--share-primary)}.share-card-live-frame[data-pattern=waves] .share-card-paper--bottom{background:radial-gradient(ellipse at 50% 100%,transparent 58%,color-mix(in srgb,var(--share-ink),transparent 82%) 60% 66%,transparent 68%) 0 0 / 34px 18px,var(--share-secondary)}.share-card-paper--right{top:11.5%;right:0;bottom:23.5%;width:8%;background:linear-gradient(118deg,transparent 0 42%,rgba(63,48,43,.13) 43% 48%,transparent 49% 100%) 0 0 / 19px 19px,var(--share-paper)}.share-card-paper--bottom{inset:auto 0 0;height:23.5%;border-radius:0 0 30px 24px;background:repeating-linear-gradient(101deg,transparent 0 21px,rgba(63,48,43,.13) 22px 26px,transparent 27px 48px),linear-gradient(180deg,color-mix(in srgb,var(--share-secondary),white 34%),var(--share-secondary))}.share-card-paper--left{top:11.5%;bottom:23.5%;left:0;width:8%;background:radial-gradient(circle,color-mix(in srgb,var(--share-accent),transparent 18%) 0 2px,transparent 2.4px) 0 0 / 17px 17px,var(--share-paper)}.share-card-window{position:absolute;z-index:4;inset:11.5% 8% 23.5%;border:4px solid var(--share-ink);border-radius:18px 14px 20px 15px;box-shadow:inset 0 0 0 3px var(--share-accent);pointer-events:none}.share-card-edition,.share-card-serial,.share-card-gem,.share-card-star,.share-card-live-title,.share-card-live-subtitle,.share-card-rarity,.share-card-repo{position:absolute;z-index:6;color:var(--share-ink);pointer-events:none}.share-card-edition{top:2.35%;left:5%;padding:3px 8px 2px;border:2px solid var(--share-ink);border-radius:12px 9px 13px 10px;background:#fffaf0eb;font-size:clamp(9px,1vw,14px);font-weight:900;letter-spacing:.04em}.share-card-serial{top:89.15%;left:6%;max-width:58%;overflow:hidden;padding:4px 10px 3px;border:2px solid var(--share-ink);border-radius:11px 8px 12px 9px;background:#fffaf0db;font-size:clamp(8px,.9vw,13px);font-weight:900;letter-spacing:.025em;line-height:1;text-overflow:ellipsis;white-space:nowrap}.share-card-gem{top:2.2%;right:5%;display:grid;width:clamp(24px,3vw,38px);aspect-ratio:1;place-items:center;border:3px solid var(--share-ink);border-radius:50%;color:#fffaf0;background:var(--share-accent);font-size:clamp(12px,1.5vw,21px)}.share-card-star{color:#fffaf0;font-size:clamp(18px,2.4vw,34px);text-shadow:-2px 0 var(--share-ink),0 2px var(--share-ink),2px 0 var(--share-ink),0 -2px var(--share-ink)}.share-card-star--one{top:73.5%;left:3%;color:var(--share-accent);transform:rotate(-12deg)}.share-card-star--two{top:72%;right:3%;color:var(--share-primary);transform:rotate(9deg)}.share-card-live-title{top:80.7%;left:50%;width:78%;overflow:hidden;font-size:clamp(13px,1.7vw,25px);font-weight:900;letter-spacing:.055em;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%)}.share-card-live-subtitle{top:85.1%;left:50%;width:64%;overflow:hidden;font-size:clamp(9px,1.05vw,15px);font-weight:800;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%)}.share-card-rarity{top:88.85%;right:6%;min-width:18%;padding:4px 9px 3px;border:2px solid var(--share-ink);border-radius:12px 9px 13px 10px;background:linear-gradient(135deg,var(--share-primary),var(--share-accent));font-size:clamp(9px,1vw,15px);font-weight:1000;line-height:1;text-align:center;letter-spacing:.08em}.share-card-live-frame[data-rarity=R] .share-card-rarity{background:#fffaf0e0}.share-card-live-frame[data-rarity=SR] .share-card-rarity{background:linear-gradient(135deg,color-mix(in srgb,var(--share-primary),white 18%),var(--share-secondary))}.share-card-live-frame[data-rarity=AR] .share-card-rarity{background:linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.65) 42% 47%,transparent 51%),linear-gradient(135deg,var(--share-primary),var(--share-accent))}.share-card-repo{top:94.45%;left:50%;width:82%;overflow:hidden;padding:3px 11px 2px;border:1.5px solid color-mix(in srgb,var(--share-ink),transparent 32%);border-radius:999px 780px 999px 820px;background:#fffaf08c;font-size:clamp(6px,.7vw,10px);font-weight:800;line-height:1.15;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;transform:translate(-50%)}.share-card-repo:hover{background:#fffaf0e6;text-decoration:underline}.share-card-hint{position:absolute;top:calc(100% + 9px);left:50%;width:max-content;max-width:92vw;color:#fffdf2;font-size:12px;font-weight:800;text-align:center;text-shadow:0 2px 5px rgba(63,48,43,.72);transform:translate(-50%)}.share-card-actions{position:absolute;top:calc(100% + 31px);left:50%;z-index:12;display:flex;gap:9px;width:max-content;pointer-events:auto;transform:translate(-50%)}.share-card-skin-button,.share-card-capture-button,.share-card-close-button{min-width:108px;min-height:40px;padding:8px 16px;border:2px solid #5d493a;border-bottom-width:4px;border-radius:17px 13px 18px 12px;color:#5d493a;background:#fff9df;box-shadow:0 4px #3f302b2b;cursor:pointer;font-size:13px;font-weight:900;filter:url(#handdrawn-wobble);touch-action:manipulation}.share-card-skin-button{color:#4d4436;background:#f7d98a}.share-card-capture-button{color:#fffdf2;background:var(--orange)}.share-card-skin-button:active,.share-card-capture-button:active,.share-card-close-button:active{border-bottom-width:2px;transform:translateY(2px)}.share-card-capture-button:disabled{cursor:wait;opacity:.58}.share-card-status{position:absolute;top:calc(100% + 82px);left:50%;width:max-content;max-width:90vw;color:#fffdf2;font-size:11px;font-weight:800;text-shadow:0 2px 5px rgba(63,48,43,.72);transform:translate(-50%)}#viewport[data-share-card-open=true] .scene-speech-bubble,#viewport[data-share-card-open=true] #viewport-hint{opacity:0!important}#viewport[data-share-card-open=true] #scene-tools,#viewport[data-share-card-open=true] #viewport-quick-settings{opacity:0;pointer-events:none}@media(max-width:768px),(max-height:560px)and (orientation:landscape){.share-card-overlay{padding:9px 8px 82px}.share-card-shell{height:min(calc(100% - 8px),480px)}.share-card-live-frame{border-width:3px;border-radius:23px 19px 25px 20px;box-shadow:5px 7px #3f302b2e,0 0 0 100vmax #40362d33}.share-card-window{border-width:3px;box-shadow:inset 0 0 0 2px var(--share-accent)}.share-card-hint{top:calc(100% + 6px);font-size:10px}.share-card-actions{top:calc(100% + 24px);gap:6px}.share-card-skin-button,.share-card-capture-button,.share-card-close-button{min-width:82px;min-height:32px;padding:5px 9px;border-bottom-width:3px;font-size:11px}.share-card-status{top:calc(100% + 61px);font-size:9px}}#viewport-hint{position:absolute;left:18px;bottom:16px;padding:8px 14px;border:2px solid rgba(93,73,58,.22);border-radius:19px 14px 21px 13px;color:var(--ink-soft);background:#fff9dfe0;box-shadow:0 3px #5d493a1f;font-size:12px;pointer-events:none;filter:url(#handdrawn-wobble);transform:rotate(-.35deg)}#scene-tools{position:absolute;z-index:4;top:16px;right:16px;display:flex;align-items:flex-start;gap:10px;pointer-events:none}.music-tool,.light-tool,.weather-control{--rough-stroke: rgba(93, 73, 58, .62);position:relative;pointer-events:auto;border:2px solid transparent;background:#fff9dfe6;box-shadow:0 4px #5d493a29;filter:url(#handdrawn-wobble);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.music-tool,.light-tool{display:flex;width:86px;min-height:102px;flex-direction:column;align-items:center;gap:4px;padding:8px 7px 6px;border-radius:20px 15px 18px 13px;transform:rotate(.5deg)}.music-tool:after,.light-tool:after,.weather-control:after{content:"";position:absolute;inset:-2px;border:2px solid var(--rough-stroke);border-radius:inherit;pointer-events:none}.bgm-toggle{appearance:none;box-sizing:border-box;position:relative;width:68px;height:68px;flex:0 0 68px;overflow:hidden;border:3px solid #664638;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 9%,rgba(255,255,255,.16) 9.5% 11%,transparent 11.5%),repeating-radial-gradient(circle at 50% 50%,#3f3937 0 3px,#211f20 3.5px 6px);box-shadow:inset 0 0 0 2px #fff6d21f,0 3px #5d493a33;cursor:pointer;filter:url(#handdrawn-wobble)}.bgm-toggle:before{content:"";position:absolute;left:9px;top:8px;width:25px;height:8px;border-radius:50%;background:#ffffff2e;transform:rotate(-28deg)}.record-label,.record-hole{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.record-label{width:24px;height:24px;border:2px solid #8d593e;background:conic-gradient(from 20deg,#eda968,#f5d887 34%,#dd8260 67%,#eda968);box-shadow:inset 0 0 0 2px #fff9df42}.record-hole{width:6px;height:6px;border:1px solid #5d493a;background:#fff9df}.bgm-toggle.is-playing{animation:bgm-record-spin 2.4s linear infinite}.record-tonearm{position:absolute;z-index:3;top:11px;right:9px;width:7px;height:49px;border:2px solid #5d493a;border-radius:5px 5px 3px 3px;background:linear-gradient(90deg,#d9c5a3,#fff3d1 50%,#9d8063);box-shadow:1px 1px #5d493a38;pointer-events:none;transform:rotate(-7deg);transform-origin:50% 6px;transition:transform .26s cubic-bezier(.2,.8,.25,1.15)}.record-tonearm:before{content:"";position:absolute;left:50%;top:-6px;width:15px;height:15px;border:2px solid #5d493a;border-radius:50%;background:#e4b66e;transform:translate(-50%);box-shadow:inset 0 0 0 2px #fff1bf}.record-tonearm:after{content:"";position:absolute;left:50%;bottom:-5px;width:12px;height:8px;border:2px solid #5d493a;border-radius:4px 2px 5px 3px;background:#765545;transform:translate(-50%) rotate(-6deg)}.music-tool.is-playing .record-tonearm{transform:rotate(35deg)}@keyframes bgm-record-spin{to{transform:rotate(1turn)}}#light-orb{--light-x: 60%;--light-y: 50%;appearance:none;box-sizing:border-box;position:relative;width:68px;height:68px;flex:0 0 68px;overflow:hidden;border:2px solid #a76e42;border-radius:48% 52% 46% 54%;background:radial-gradient(circle at var(--light-x) var(--light-y),#fffbe5 0 7%,#ffd875 17%,#efa15f 54%,#b96b47 100%);box-shadow:inset -7px -8px #894a331f,0 2px #5d493a2e;cursor:grab;touch-action:none;filter:url(#handdrawn-wobble)}#light-orb:active{cursor:grabbing}.bgm-toggle:focus-visible,#light-orb:focus-visible,.weather-chip:focus-visible,.section.collapsible>h2:focus-visible{outline:3px solid rgba(79,140,87,.72);outline-offset:3px}#light-orb-handle{position:absolute;left:62%;top:49%;width:13px;height:13px;border:2px solid #7d5139;border-radius:50%;background:#fffce8;box-shadow:0 1px #5d493a38;pointer-events:none;transform:translate(-50%,-50%)}.scene-tool-label,.weather-title{color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.08em}.weather-control{width:172px;padding:8px 9px 9px;border-radius:16px 12px 18px 13px;transform:rotate(-.3deg)}.weather-title{display:block;margin:0 0 6px 3px}.weather-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.weather-chip{appearance:none;min-height:29px;padding:4px 5px;border:2px solid #b9a887;border-radius:10px 7px 11px 8px;color:var(--ink);background:#fffdf2eb;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer;transform:rotate(-.35deg)}.weather-chip:nth-child(2n){transform:rotate(.45deg)}.weather-chip:hover{background:#fff2bd}.weather-chip.active{border-color:var(--orange-dark);color:#fffdf2;background:var(--orange);box-shadow:0 2px #5d493a29}.weather-parameters{display:grid;gap:5px;margin-top:8px;padding-top:7px;border-top:2px dashed rgba(185,168,135,.72)}.weather-parameter{display:grid;grid-template-columns:26px minmax(0,1fr) 31px;align-items:center;gap:5px;color:var(--ink);font-size:10px;font-weight:750}.weather-parameters[hidden],.weather-parameter[hidden]{display:none}.weather-parameter input[type=range]{appearance:none;width:100%;height:13px;margin:0;background:transparent;cursor:pointer}.weather-parameter input[type=range]::-webkit-slider-runnable-track{height:4px;border:1px solid rgba(125,81,57,.52);border-radius:55% 45% 48% 52%;background:#fff6cf}.weather-parameter input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-5px;border:2px solid #a76e42;border-radius:48% 52% 46% 54%;background:#efa15f;box-shadow:0 1px #5d493a2e}.weather-parameter input[type=range]:focus-visible{outline:2px solid rgba(79,140,87,.72);outline-offset:2px}.weather-parameter output{color:#8b6f5a;font-size:9px;font-variant-numeric:tabular-nums;text-align:right}#lightning-flash{position:absolute;z-index:3;inset:0;opacity:0;background:#eef6ff;mix-blend-mode:screen;pointer-events:none}#lightning-art{position:absolute;z-index:5;inset:0;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none;filter:url(#handdrawn-wobble) drop-shadow(0 0 8px rgba(255,229,111,.82))}.lightning-outline,.lightning-core{stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.lightning-outline{fill:#4a3428;stroke:#4a3428;stroke-width:2.5px}.lightning-core{fill:#ffe16b;stroke:#ffe16b;stroke-width:1px}#viewport[data-weather=cloudy] #scene-tools,#viewport[data-weather=fishRain] #scene-tools,#viewport[data-thunder=true] #scene-tools{filter:saturate(.88)}#panel{width:360px;flex-shrink:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;border-left:4px solid var(--grass-dark);background-color:var(--leaf-pale);background-image:radial-gradient(circle at 18px 19px,rgba(79,140,87,.11) 0 5px,transparent 5.5px),radial-gradient(circle at 9px 30px,rgba(79,140,87,.09) 0 3px,transparent 3.5px),radial-gradient(circle at 27px 30px,rgba(79,140,87,.09) 0 3px,transparent 3.5px);background-size:46px 46px;scrollbar-color:var(--grass) var(--leaf-pale);scrollbar-width:thin}#panel::-webkit-scrollbar{width:10px}#panel::-webkit-scrollbar-track{background:var(--leaf-pale)}#panel::-webkit-scrollbar-thumb{border:2px solid var(--leaf-pale);border-radius:12px;background:var(--grass)}.panel-actions:after,.section:after{content:"";position:absolute;inset:-2px;border:3px solid var(--rough-stroke);border-radius:inherit;pointer-events:none;filter:url(#handdrawn-wobble)}#viewport-quick-settings{position:absolute;z-index:4;left:16px;top:16px;pointer-events:auto}.locale-switcher{display:flex;padding:3px;gap:2px;border:2px solid rgba(139,93,53,.65);border-radius:999px;background:#fff9dfe0;box-shadow:0 2px #5d493a29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.locale-switcher button{appearance:none;display:grid;min-width:26px;height:26px;padding:0 6px;place-items:center;border:0;border-radius:999px;background:transparent;color:#6a4c37;font-family:var(--ui-font);font-size:11px;font-weight:900;cursor:pointer}.locale-switcher button.active{background:var(--orange);color:#fffdf2;box-shadow:inset 0 -2px #994f2a40}.panel-actions{--rough-stroke: var(--line);position:relative;margin:10px 16px 3px;padding:12px;display:flex;flex-direction:column;gap:9px;border:3px solid transparent;border-radius:15px 11px 17px 12px;background:#fffdf2eb;box-shadow:0 4px #5d493a1f;transform:rotate(.13deg)}.btn{--rough-stroke: var(--line);--tilt: -.28deg;appearance:none;position:relative;border:2px solid transparent;border-bottom-width:4px;border-radius:13px 9px 14px 10px;padding:9px 12px;color:var(--ink);background:var(--paper);font-size:13px;font-weight:700;cursor:pointer;transition:transform .08s,filter .15s;transform:rotate(var(--tilt))}.btn:after,.chip:after{content:"";position:absolute;inset:-2px;border:2px solid var(--rough-stroke);border-bottom-width:4px;border-radius:inherit;pointer-events:none;filter:url(#handdrawn-wobble)}.btn:hover{background-color:#fff7d3}.btn:active{border-bottom-width:2px;transform:rotate(var(--tilt)) translateY(2px)}.btn:active:after{border-bottom-width:2px}.btn.primary{--rough-stroke: var(--orange-dark);--tilt: .22deg;padding:12px;color:#fffdf2;background:var(--orange);font-size:15px;text-shadow:0 1px 0 rgba(93,73,58,.25)}.btn-row{display:flex;gap:9px}.btn-row .btn{flex:1}.btn-row .btn:nth-child(2){--tilt: .36deg}#controls{flex:1;padding:4px 16px 18px}.section{--rough-stroke: var(--line);--section-tilt: -.12deg;position:relative;margin-top:14px;padding:20px 13px 13px;border:3px solid transparent;border-radius:17px 11px 19px 13px;background:#fff9dff5;box-shadow:0 5px #5d493a1f;transform:rotate(var(--section-tilt))}.section:nth-child(3n+2){--section-tilt: .16deg;border-radius:12px 18px 13px 20px}.section:nth-child(3n){--section-tilt: -.2deg;border-radius:20px 13px 16px 11px}.section h2{position:absolute;z-index:2;top:-13px;left:12px;min-width:70px;padding:5px 12px 4px;border:2px solid var(--orange-dark);border-radius:13px 10px 11px 8px;color:#fff;background:var(--coral);box-shadow:0 2px #5d493a24;font-size:12px;letter-spacing:.12em;text-align:center;filter:url(#handdrawn-wobble);transform:rotate(-.7deg)}.section.collapsible>h2{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.section-badge{padding:2px 6px;border:1px solid rgba(255,253,242,.76);border-radius:999px;color:#fffdf2;background:#76442b47;font-size:8px;letter-spacing:.04em;line-height:1;text-transform:uppercase}.section-chevron{display:inline-block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s ease}.section.collapsed{min-height:31px;padding-top:13px;padding-bottom:7px}.section.collapsed>:not(h2){display:none}.section.collapsed .section-chevron{transform:translate(-2px) rotate(-45deg)}.nested-disclosure{margin:9px 0 4px;border:2px solid rgba(167,148,104,.72);border-radius:13px 11px 14px 10px;background:#fffde97a;overflow:hidden;filter:url(#handdrawn-wobble-soft)}.nested-disclosure>summary{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;color:var(--grass-dark);font-size:12px;font-weight:800;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.nested-disclosure>summary::-webkit-details-marker{display:none}.nested-disclosure>summary:before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-1px,-1px) rotate(-45deg);transition:transform .15s ease}.nested-disclosure[open]>summary:before{transform:translateY(-2px) rotate(45deg)}.nested-disclosure[open]>summary{border-bottom:1px dashed rgba(167,148,104,.58)}.nested-disclosure>.slider-row,.nested-disclosure>.nested-controls{margin-right:10px;margin-left:10px}.nested-disclosure>.slider-row{margin-top:8px}.nested-disclosure>.nested-controls{margin-bottom:9px}.control-group[open]{padding-bottom:9px}.control-group>:not(summary){margin-right:10px;margin-left:10px}.experimental-note{margin:2px 2px 10px;padding:8px 10px;border:1px dashed rgba(201,105,58,.55);border-radius:10px;color:var(--ink-soft);background:#ffefc58c;font-size:11px;line-height:1.45}.sub-label{margin:11px 0 7px;padding-left:8px;border-left:5px solid var(--grass);color:var(--grass-dark);font-size:11px;font-weight:800}.sub-label:first-of-type{margin-top:2px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{--rough-stroke: var(--line);--tilt: -.42deg;appearance:none;position:relative;display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:5px 10px;border:2px solid transparent;border-bottom-width:3px;border-radius:11px 8px 12px 9px;color:var(--ink);background:var(--white);font-size:12px;font-weight:700;cursor:pointer;transition:transform .08s,background .15s,border-color .15s;transform:rotate(var(--tilt))}.chip:nth-child(3n+2){--tilt: .5deg;border-radius:8px 12px 9px 11px}.chip:nth-child(3n){--tilt: -.16deg;border-radius:12px 9px 8px 11px}.chip:hover{--rough-stroke: var(--orange)}.chip:active{transform:rotate(var(--tilt)) translateY(1px)}.chip.active{--rough-stroke: #c99d39;color:#6b5228;background:var(--yellow);box-shadow:inset 0 0 0 2px #ffffff6b}.section-action{--rough-stroke: var(--orange-dark);appearance:none;position:relative;width:100%;min-height:34px;margin-top:4px;border:2px solid transparent;border-bottom-width:4px;border-radius:13px 9px 15px 10px;color:#6d4936;background:#ffd988;font-size:12px;font-weight:800;cursor:pointer;transform:rotate(-.18deg)}.section-action:after{content:"";position:absolute;inset:-2px;border:2px solid var(--rough-stroke);border-bottom-width:4px;border-radius:inherit;pointer-events:none;filter:url(#handdrawn-wobble)}.section-action:hover{background:#ffe5a6}.section-action:active{transform:rotate(-.18deg) translateY(2px)}.swatch{width:13px;height:13px;flex-shrink:0;border:2px solid rgba(93,73,58,.26);border-radius:44% 56% 48% 52%;filter:url(#handdrawn-wobble)}.slider-row{display:grid;grid-template-columns:70px 1fr 36px;align-items:center;gap:8px;min-height:30px;padding:3px 0;color:var(--ink);font-size:12px}.slider-row[hidden]{display:none}.select-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;min-height:34px;padding:3px 0;color:var(--ink);font-size:12px}.select-row select{width:100%;min-height:30px;padding:4px 28px 4px 9px;border:2px solid var(--line);border-radius:11px 8px 12px 9px;color:var(--ink);background:var(--paper-deep);cursor:pointer;filter:url(#handdrawn-wobble)}.select-row select:disabled{opacity:.55;cursor:not-allowed}.rig-status{margin:5px 0 1px 78px;color:var(--grass-dark);font-size:11px;line-height:1.45}.rig-status[data-grade=expressive]{color:var(--orange-dark)}.container-pose-controls{margin-top:7px;padding:7px 9px 9px;border:2px dashed rgba(111,88,61,.28);border-radius:12px 9px 14px 10px;background:#ffefbe75;transform:rotate(.12deg)}.container-pose-controls[hidden]{display:none}.container-status{margin:0 0 4px;color:var(--grass-dark);font-size:11px;font-weight:700;text-align:center}.motion-keyboard-hint{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin:7px 0 3px;padding:8px 9px;border:2px dashed rgba(93,73,58,.24);border-radius:11px 8px 13px 9px;color:var(--ink-soft);background:#ffffff47;font-size:10px;line-height:1.35}.motion-keyboard-hint[hidden]{display:none}.motion-keyboard-hint span{display:flex;align-items:center;gap:5px}.motion-keyboard-hint kbd{min-width:33px;padding:2px 4px;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px 5px 7px 4px;color:var(--ink);background:var(--paper);font-size:9px;font-weight:800;text-align:center}.slider-row input[type=range]{width:100%;height:18px;appearance:none;background:transparent;cursor:pointer}.slider-row input[type=range]::-webkit-slider-runnable-track{height:8px;border:2px solid var(--line);border-radius:9px;background:var(--paper-deep);filter:url(#handdrawn-wobble)}.slider-row input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;appearance:none;border:2px solid var(--orange-dark);border-radius:44% 56% 47% 53%;background:var(--orange);box-shadow:0 2px #5d493a2e}.slider-row input[type=range]::-moz-range-track{height:6px;border:2px solid var(--line);border-radius:9px;background:var(--paper-deep);filter:url(#handdrawn-wobble)}.slider-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--orange-dark);border-radius:46% 54% 50% 48%;background:var(--orange)}.slider-val{padding:2px 4px;border-radius:6px;color:var(--ink-soft);background:#ffffff8c;font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.toggle-input{grid-column:3;justify-self:end;width:20px;height:20px;accent-color:var(--grass);cursor:pointer;filter:url(#handdrawn-wobble);transform:rotate(-2deg)}.color-input{grid-column:2 / 4;width:100%;height:30px;padding:2px 4px;border:2px solid var(--line);border-radius:10px 7px 11px 8px;background:var(--white);cursor:pointer;filter:url(#handdrawn-wobble)}.panel-footer{margin-top:2px;padding:13px 20px 18px;border-top:3px dashed rgba(79,140,87,.35);color:var(--ink-soft);font-size:11px;text-align:center}.panel-brand-footer{display:flex;width:100%;padding:34px 0 38px;justify-content:center}.panel-footer-logo{display:block;width:92%;height:auto;object-fit:contain;border-radius:18px;opacity:.9;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){html,body{overflow:hidden;overscroll-behavior:none}#app{height:100dvh;min-height:100svh;flex-direction:column;overflow:hidden}#viewport{height:clamp(290px,48dvh,440px);flex:none}#panel{width:100%;flex:1;min-height:0;margin-top:-12px;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;border-top:4px solid var(--grass-dark);border-left:none;border-radius:20px 20px 0 0;box-shadow:0 -7px 20px #5d493a2e}#panel::-webkit-scrollbar{display:none}#viewport-quick-settings{left:max(8px,env(safe-area-inset-left));top:8px}.panel-actions{margin:6px 12px 3px;padding:10px}#controls{padding:4px 12px 14px}.chip{min-height:38px;padding:8px 13px;font-size:13px}.btn{padding:12px;font-size:14px}.slider-row{grid-template-columns:72px 1fr 42px;min-height:42px;font-size:13px}.toggle-input{width:24px;height:24px}.color-input{height:36px}#viewport-hint{display:none}.scene-speech-bubble{max-width:min(220px,58vw);padding:9px 13px 10px;border-width:2px;font-size:12px}#scene-tools{top:48px;right:max(8px,env(safe-area-inset-right));gap:6px;transform:scale(.7);transform-origin:top right}.panel-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}}@media(max-width:390px){#viewport{height:clamp(280px,47dvh,380px)}.panel-actions{margin-right:10px;margin-left:10px}#controls{padding-right:10px;padding-left:10px}.chip{min-height:36px;padding:7px 11px}.slider-row{grid-template-columns:68px minmax(0,1fr) 40px;gap:7px}#scene-tools{right:max(6px,env(safe-area-inset-right));transform:scale(.66)}}@media(max-height:560px)and (orientation:landscape){#panel{width:min(42vw,340px);overflow-x:hidden}.panel-actions{margin:4px 12px 3px;padding:8px 10px}#controls{padding:4px 12px 12px}.section{margin-top:12px}#viewport-hint{display:none}#scene-tools{top:8px;right:8px;transform:scale(.72);transform-origin:top right}}.mobile-panel-toolbar{display:contents}.mobile-section-nav,.mobile-panel-toggle{display:none}@media(max-width:768px),(max-height:560px)and (orientation:landscape){#panel{background-color:#e9f0d7;background-image:radial-gradient(circle at 14px 14px,rgba(79,140,87,.09) 0 4px,transparent 4.5px),radial-gradient(circle at 28px 29px,rgba(79,140,87,.055) 0 2px,transparent 2.5px);background-size:40px 40px}.mobile-panel-toolbar{position:sticky;z-index:30;top:0;display:block;padding:13px 9px 8px;border-bottom:2px solid rgba(118,145,91,.32);background:#e9f0d7f5;box-shadow:0 5px 12px #5d493a1c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-panel-toolbar:before{content:"";position:absolute;top:5px;left:50%;width:42px;height:4px;border-radius:999px;background:#5d493a47;transform:translate(-50%)}.panel-actions{display:grid;grid-template-columns:minmax(0,1fr) 76px 76px;gap:7px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.panel-actions:after{display:none}.panel-actions .btn-row{display:contents}.panel-actions .btn{min-width:0;min-height:42px;padding:7px 6px;border-bottom-width:3px;font-size:11px;line-height:1.15}.panel-actions .btn.primary{min-height:44px;padding:8px 10px;font-size:14px}.mobile-section-nav{display:flex;gap:6px;margin-top:8px;padding:1px 1px 3px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity}.mobile-section-nav::-webkit-scrollbar{display:none}.mobile-section-tab{appearance:none;flex:0 0 auto;min-height:34px;padding:6px 12px;border:2px solid rgba(122,105,74,.48);border-bottom-width:3px;border-radius:13px 10px 14px 9px;color:var(--ink-soft);background:#fffdf2e6;font-family:var(--ui-font);font-size:12px;font-weight:800;white-space:nowrap;scroll-snap-align:center;cursor:pointer;filter:url(#handdrawn-wobble-soft)}.mobile-section-tab.active{border-color:var(--orange-dark);color:#fffdf2;background:var(--orange);box-shadow:inset 0 -2px #974d2a33}#controls{padding:2px 9px calc(18px + env(safe-area-inset-bottom))}#controls>.section{display:none;min-height:0;margin:9px 0 0;padding:11px;border:0;border-radius:16px 12px 18px 13px;background:#fffae2f7;box-shadow:0 4px #5d493a1c;transform:none}#controls>.section.mobile-section-active{display:block}#controls>.section:after{inset:0;border-width:2px}#controls>.section>h2{display:none}.sub-label,.sub-label:first-of-type{margin:8px 0 7px;padding-left:7px;border-left-width:4px;font-size:11px}.chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.chip{justify-content:center;width:100%;min-width:0;min-height:40px;padding:7px 5px;font-size:12px;line-height:1.2;text-align:center;white-space:normal}.slider-row{grid-template-columns:minmax(74px,30%) minmax(0,1fr) 42px;gap:7px;min-height:44px;padding:3px 0;font-size:12px}.slider-row>span:first-child{line-height:1.25}.slider-row input[type=range]{height:26px}.slider-row input[type=range]::-webkit-slider-runnable-track{height:7px}.slider-row input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px}.slider-row input[type=range]::-moz-range-thumb{width:22px;height:22px}.slider-val{padding:4px 3px;font-size:11px}.toggle-input{width:25px;height:25px}.color-input{height:36px}.select-row{grid-template-columns:minmax(74px,30%) minmax(0,1fr);min-height:42px;font-size:12px}.select-row select{min-height:36px}.nested-disclosure{margin-top:8px}.nested-disclosure>summary{min-height:40px}.motion-keyboard-hint{grid-template-columns:1fr}.section-action{min-height:40px}.panel-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.panel-brand-footer{padding:28px 0 32px}}@media(max-width:768px){#viewport{height:clamp(270px,43dvh,420px)}#panel{margin-top:-16px;border-top-width:3px;border-radius:23px 23px 0 0}}@media(max-width:390px){#viewport{height:clamp(250px,41dvh,350px)}.panel-actions{grid-template-columns:minmax(0,1fr) 68px 68px}.panel-actions .btn{font-size:10px}.panel-actions .btn.primary{font-size:13px}.mobile-section-tab{padding-right:10px;padding-left:10px}.slider-row{grid-template-columns:minmax(68px,29%) minmax(0,1fr) 40px;gap:6px}}@media(max-width:768px){#viewport{height:auto;flex:1 1 auto;min-height:0}#panel{--mobile-panel-height: 33.333dvh;width:100%;height:var(--mobile-panel-height);min-height:0;flex:0 0 var(--mobile-panel-height);margin-top:0;overflow-y:auto;transition:height .22s ease,flex-basis .22s ease}#panel.mobile-panel-collapsed{height:58px;flex-basis:58px;overflow:hidden;border-radius:18px 18px 0 0}.mobile-panel-toggle{appearance:none;display:flex;width:max-content;min-height:24px;margin:-7px auto 4px;padding:2px 9px;align-items:center;gap:4px;border:0;border-radius:999px;color:var(--ink-soft);background:transparent;font-family:var(--ui-font);font-size:10px;font-weight:900;cursor:pointer;touch-action:none}.mobile-panel-toggle__chevron{display:inline-block;font-size:15px;line-height:1;transform:rotate(180deg);transition:transform .18s ease}.mobile-panel-collapsed .mobile-panel-toggle__chevron{transform:rotate(0)}.mobile-panel-collapsed .mobile-panel-toolbar{height:56px;padding:12px 8px 5px;border-bottom:0;box-shadow:none}.mobile-panel-collapsed .mobile-panel-toggle{position:absolute;z-index:2;top:1px;left:50%;width:54px;height:10px;min-height:10px;margin:0;padding:0;overflow:hidden;color:transparent;transform:translate(-50%)}.mobile-panel-collapsed .mobile-panel-toggle__label,.mobile-panel-collapsed .mobile-panel-toggle__chevron{display:none}.mobile-panel-collapsed .panel-actions{display:block}.mobile-panel-collapsed .panel-actions .btn-row{display:none}.mobile-panel-collapsed #btn-random{width:100%;min-height:38px;font-size:13px}.mobile-panel-collapsed .mobile-section-nav,.mobile-panel-collapsed #controls{display:none}.mobile-panel-resizing{transition:none}.mobile-panel-resizing .mobile-panel-toggle{cursor:ns-resize}.mobile-panel-toolbar{padding-top:10px;padding-bottom:6px}.panel-actions{grid-template-columns:minmax(0,1fr) 64px 64px;gap:5px}.panel-actions .btn,.panel-actions .btn.primary{min-height:32px;padding:5px;border-bottom-width:2px;font-size:10px}.panel-actions .btn.primary{min-height:34px;padding:5px 7px;font-size:12px}.mobile-section-nav{gap:5px;margin-top:5px}.mobile-section-tab{min-height:28px;padding:4px 9px;border-bottom-width:2px;font-size:11px}#viewport-quick-settings{left:max(7px,env(safe-area-inset-left));top:7px}.locale-switcher{padding:2px;gap:1px;border-width:1px;box-shadow:0 1px #5d493a24}.locale-switcher button{min-width:22px;height:22px;padding:0 4px;font-size:9px}#scene-tools{top:7px;right:max(7px,env(safe-area-inset-right));gap:7px;transform:scale(.58);transform-origin:top right}.weather-control{width:180px;padding:6px 7px 7px}.weather-title{display:none}.weather-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.weather-chip{min-height:38px;padding:2px;font-size:0}.weather-chip:before{font-size:18px;line-height:1}.weather-chip[data-weather=sunny]:before{content:"☀️"}.weather-chip[data-weather=cloudy]:before{content:"☁️"}.weather-chip[data-weather=thunder]:before{content:"⚡"}.weather-chip[data-weather=fishRain]:before{content:"🌧️"}}@media(max-height:560px)and (orientation:landscape){#viewport-quick-settings{left:max(7px,env(safe-area-inset-left));top:7px}.locale-switcher{padding:2px;gap:1px;border-width:1px;box-shadow:0 1px #5d493a24}.locale-switcher button{min-width:22px;height:22px;padding:0 4px;font-size:9px}#scene-tools{top:7px;right:max(7px,env(safe-area-inset-right));gap:7px;transform:scale(.58);transform-origin:top right}.weather-control{width:180px;padding:6px 7px 7px}.weather-title{display:none}.weather-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.weather-chip{min-height:38px;padding:2px;font-size:0}.weather-chip:before{font-size:18px;line-height:1}.weather-chip[data-weather=sunny]:before{content:"☀️"}.weather-chip[data-weather=cloudy]:before{content:"☁️"}.weather-chip[data-weather=thunder]:before{content:"⚡"}.weather-chip[data-weather=fishRain]:before{content:"🌧️"}#panel{width:min(33.333vw,320px);height:100dvh;flex:0 0 min(33.333vw,320px);transition:width .22s ease,flex-basis .22s ease}#panel.mobile-panel-collapsed{width:58px;height:100dvh;flex-basis:58px;border-radius:0}.mobile-panel-toggle{appearance:none;display:flex;width:max-content;min-height:24px;margin:-7px auto 4px;padding:2px 9px;align-items:center;gap:4px;border:0;border-radius:999px;color:var(--ink-soft);background:transparent;font-family:var(--ui-font);font-size:10px;font-weight:900;cursor:pointer}.mobile-panel-toggle__chevron{display:inline-block;font-size:15px;line-height:1;transform:rotate(180deg);transition:transform .18s ease}.mobile-panel-collapsed .mobile-panel-toggle__chevron{transform:rotate(0)}.mobile-panel-collapsed .mobile-panel-toolbar{height:100dvh;padding:12px 5px 5px;border-bottom:0;box-shadow:none}.mobile-panel-collapsed .mobile-panel-toolbar:before,.mobile-panel-collapsed .mobile-section-nav,.mobile-panel-collapsed #controls{display:none}.mobile-panel-collapsed .mobile-panel-toggle{position:absolute;z-index:2;top:6px;left:50%;width:46px;height:12px;min-height:12px;margin:0;padding:0;overflow:hidden;color:transparent;transform:translate(-50%)}.mobile-panel-collapsed .mobile-panel-toggle__label,.mobile-panel-collapsed .mobile-panel-toggle__chevron{display:none}.mobile-panel-collapsed .panel-actions{display:block;margin-top:18px}.mobile-panel-collapsed .panel-actions .btn-row{display:none}.mobile-panel-collapsed #btn-random{width:46px;min-height:46px;padding:0;border-radius:15px;font-size:0}.mobile-panel-collapsed #btn-random:before{content:"🐾";font-size:20px;line-height:1}}