.survey-shell{position:fixed;inset:0;overflow-y:auto;background:#f6f3ec;color:#303946;font-family:system-ui,sans-serif;padding:0 20px 36px}.survey-shell *{box-sizing:border-box}.survey-header{max-width:1020px;margin:auto;min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px}.survey-header a{color:#445c6b;text-decoration:none;font-weight:800}.survey-paper{max-width:820px;margin:20px auto;padding:clamp(24px,5vw,58px);background:#fffefa;border-radius:30px;box-shadow:0 14px 60px #65583a10}.survey-paper h1{font-size:clamp(26px,4.5vw,40px);line-height:1.5;margin:14px 0 24px;letter-spacing:-.03em}.survey-paper p{line-height:1.9}.survey-eyebrow{color:#517578;font-size:15px;font-weight:750}.survey-consent{display:flex;gap:14px;margin:26px 0;align-items:start;line-height:1.8}.survey-shell input[type=checkbox],.survey-shell input[type=radio]{width:22px;height:22px;flex-shrink:0;accent-color:#506f6d}.survey-shell button,.survey-home{min-height:48px;border-radius:14px;padding:12px 20px;border:2px solid #d9dfdc;background:#fff;color:#303946;font-size:16px;font-weight:700;cursor:pointer}.survey-shell button:disabled{opacity:.45;cursor:default}.survey-shell .survey-primary,.survey-home{background:#395e61;border-color:#395e61;color:#fff}.survey-shell :focus-visible{outline:4px solid #bb9b46;outline-offset:3px}.survey-faces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.survey-faces button{border-radius:24px;padding:18px 8px;display:grid;justify-items:center;gap:18px;border:3px solid #deded9}.survey-faces button[aria-pressed=true]{border-color:#395e61;background:#e3f1ec;box-shadow:0 0 0 3px #395e6120}.survey-faces svg{width:min(100%,125px)}.survey-faces span{font-size:clamp(14px,2.5vw,19px)}.survey-actions{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:26px 0 12px}.survey-shell .survey-skip,.survey-shell .survey-clear{display:block;margin-top:20px;border-color:transparent;background:transparent;font-size:14px;color:#5c6c73}.survey-age,.survey-login,.survey-filters{display:flex;flex-wrap:wrap;gap:18px;align-items:end}.survey-shell label{line-height:1.7}.survey-shell input:not([type=checkbox]):not([type=radio]),.survey-shell select,.survey-shell textarea{display:block;width:100%;padding:12px;border:2px solid #d5ded9;border-radius:10px;background:#fff;color:#303946;font:inherit;min-height:48px}.survey-age label{flex:1;min-width:100px}.survey-paper fieldset{border:0;border-top:1px solid #e1e5dd;padding:22px 0;margin:26px 0 0}.survey-paper legend{font-size:18px;font-weight:750;line-height:1.6;padding:0 0 12px}.survey-option{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:5px 0;border-radius:12px;background:#f5f6f2;min-height:48px}.survey-text-field{display:block;margin:22px 0;font-weight:700}.survey-text-field textarea{margin-top:10px;resize:vertical}.survey-paper dt{margin:20px 0 6px;font-weight:750}.survey-paper dd{margin:0;line-height:1.8}.survey-text{white-space:pre-wrap;overflow-wrap:anywhere}.survey-success{font-size:64px;color:#47765c}.survey-home{display:inline-block;text-decoration:none;margin-top:20px}.survey-footer{text-align:center;font-size:13px;color:#61716e;padding:20px 0}.survey-admin{max-width:1100px}.survey-total{font-size:38px;font-weight:800}.survey-total small{font-size:16px}.survey-chart{margin:24px 0;padding:20px;border:1px solid #d8e0da;border-radius:18px}.survey-bar{display:grid;grid-template-columns:minmax(120px,1fr) 2fr 100px;gap:10px;align-items:center;margin:14px 0;font-size:14px}.survey-bar meter{width:100%;height:22px}.survey-admin details{padding:18px;border-bottom:1px solid #d8e0da}.survey-shell [role=alert]{background:#fff0e9;border-left:4px solid #b85135;padding:16px}@media (max-width: 540px){.survey-shell{padding:0 10px 24px}.survey-header{min-height:65px;font-size:12px}.survey-paper{margin:6px auto;padding:24px 18px;border-radius:22px}.survey-faces{gap:7px}.survey-faces button{padding:14px 4px;border-radius:16px}.survey-bar{grid-template-columns:1fr 80px}.survey-bar meter{grid-column:1}.survey-bar b{grid-column:2;grid-row:auto}}.survey-contact{margin-top:32px;padding-top:12px;border-top:2px solid #d8e0da;overflow-wrap:anywhere}.survey-contact h2{font-size:22px}.survey-response-manager{margin:24px 0;border:2px solid #d8e0da;border-radius:16px;overflow-wrap:anywhere}.survey-response-manager>summary{font-weight:750;cursor:pointer;min-height:48px}.survey-managed-row{margin:12px 0;background:#f5f6f2;border-radius:12px}:root{font-family:Hiragino Maru Gothic ProN,Yu Gothic,Noto Sans JP,system-ui,sans-serif;color:#252525;background:#f7f4ed;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f7f4ed;--surface: #fffdf8;--ink: #252525;--circle: #f4b942;--triangle: #e56b6f;--line: #4d96a9;--accent: #6c63ff;--shadow: 0 18px 55px rgba(44, 38, 26, .12);--soft-shadow: 0 8px 24px rgba(44, 38, 26, .1)}.scene-switcher{position:absolute;z-index:7;top:max(86px,calc(env(safe-area-inset-top) + 76px));left:50%;display:flex;gap:8px;align-items:center;transform:translate(-50%);padding:7px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:22px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 10px 30px #1414141a;backdrop-filter:blur(12px)}.scene-switcher button{min-width:82px;min-height:48px;border:0;border-radius:16px;background:transparent;color:var(--ink);cursor:pointer}.scene-switcher button[aria-selected=true]{background:var(--accent);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 34%,transparent)}.scene-switcher strong,.scene-switcher span,.scene-switcher small{display:block;line-height:1.05}.scene-switcher strong{font-size:17px}.scene-switcher span{margin-top:3px;font-size:11px;font-weight:750}.scene-switcher small{position:absolute;margin:-34px 0 0 58px;font-size:10px;opacity:.72}.scene-switcher .copy-scene{min-width:100px;padding:0 12px;background:var(--surface);font-weight:800}.screen.gallery-screen{display:block;overflow-x:hidden;overflow-y:auto;padding:max(20px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.gallery-heading{display:flex;align-items:center;gap:18px;max-width:1180px;width:100%;margin:0 auto 28px}.gallery-heading>div{flex:1;min-width:0}.gallery-heading h2{margin:0;font-size:clamp(28px,5vw,54px)}.gallery-heading p{margin:5px 0 0;opacity:.65}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:20px;width:100%;max-width:1180px;margin:0 auto}.gallery-grid>*{min-width:0}.project-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:26px;background:var(--surface);box-shadow:0 16px 44px #14141417}.project-open{width:100%;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.project-open canvas{display:block;width:100%;aspect-ratio:5 / 3}.project-open>span{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:15px 17px 12px}.project-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-open small{flex:none;opacity:.58}.project-actions{display:flex;gap:6px;padding:0 12px 13px}.project-actions button{flex:1;min-width:0;min-height:44px;padding:4px;border:0;border-radius:12px;background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink);font-size:14px;font-weight:750;white-space:nowrap;cursor:pointer}.gallery-empty{display:grid;place-items:center;gap:24px;min-height:55vh;font-size:20px}.title-input{width:min(240px,45vw);padding:10px 13px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}@media (max-width: 720px){.scene-switcher{top:max(74px,calc(env(safe-area-inset-top) + 66px));gap:3px;padding:4px}.scene-switcher button{min-width:62px;min-height:42px}.scene-switcher .copy-scene{position:absolute;top:50px;right:0}.gallery-heading{align-items:flex-start;flex-wrap:wrap}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input{font:inherit}button{color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:4px solid color-mix(in srgb,var(--accent) 78%,white);outline-offset:4px}.app-shell{--bg: #f7f4ed;--surface: #fffdf8;--ink: #252525;--circle: #f4b942;--triangle: #e56b6f;--line: #4d96a9;--accent: #6c63ff;position:relative;width:100%;height:100%;height:100dvh;min-height:0;color:var(--ink);background:var(--bg);transition:background-color .5s ease,color .5s ease;isolation:isolate}.screen{position:absolute;inset:0;display:grid;width:100%;height:100%;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));animation:screen-in .42s cubic-bezier(.22,1,.36,1) both}@keyframes screen-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.start-screen{place-items:center;overflow:hidden}.start-screen:before,.start-screen:after{content:"";position:absolute;z-index:-1;width:min(50vw,600px);aspect-ratio:1;border:2px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:50%}.start-screen:before{top:-28%;left:-12%}.start-screen:after{right:-18%;bottom:-34%}.start-center{display:grid;justify-items:center;gap:clamp(18px,3vh,34px);text-align:center}.brand-lockup{display:grid;gap:6px}.brand-lockup h1{margin:0;font-size:clamp(2.2rem,7vw,5.5rem);font-weight:800;letter-spacing:-.065em}.brand-lockup p{margin:0;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:650;letter-spacing:.12em}.brand-shapes{position:relative;width:clamp(180px,30vw,280px);height:clamp(110px,18vw,170px)}.brand-circle,.brand-triangle,.brand-line{position:absolute;filter:drop-shadow(0 10px 10px rgba(38,38,38,.08));animation:brand-float 4.5s ease-in-out infinite}.brand-circle{left:12%;top:4%;width:39%;aspect-ratio:1;border-radius:50%;background:var(--circle)}.brand-circle:after{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8) 0 13%,transparent 15%) 0 0 / 20px 20px;opacity:.7}.brand-triangle{right:12%;top:10%;width:0;height:0;border-left:clamp(42px,7vw,66px) solid transparent;border-right:clamp(42px,7vw,66px) solid transparent;border-bottom:clamp(78px,13vw,120px) solid var(--triangle);animation-delay:-1.4s}.brand-line{left:25%;right:8%;bottom:8%;height:clamp(14px,2.4vw,22px);border-radius:999px;background:var(--line);transform:rotate(-8deg);animation-delay:-2.6s}@keyframes brand-float{0%,to{translate:0 0}50%{translate:0 -8px}}.start-button,.play-button{display:grid;place-items:center;border:0;border-radius:50%;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;-webkit-tap-highlight-color:transparent}.start-button{width:clamp(98px,17vw,136px);aspect-ratio:1}.start-button:hover,.play-button:hover{transform:translateY(-3px) scale(1.02)}.start-button:active,.play-button:active{transform:scale(.95)}.play-icon{width:0;height:0;margin-left:10%;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:28px solid currentColor}.start-subactions{display:flex;min-height:46px;gap:10px}.quiet-button,.icon-button,.pill-button,.action-card,.world-card,.tool-button{border:1.5px solid color-mix(in srgb,var(--ink) 10%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--soft-shadow);cursor:pointer;-webkit-tap-highlight-color:transparent}.quiet-button,.pill-button{min-height:46px;padding:0 20px;border-radius:999px;font-weight:750}.quiet-button:hover,.pill-button:hover,.icon-button:hover,.tool-button:hover{transform:translateY(-2px)}.parent-entry{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top))}.world-screen{grid-template-rows:auto 1fr auto;gap:clamp(20px,5vh,46px);place-items:center;overflow-y:auto}.screen-heading{width:min(100%,980px);text-align:center}.screen-heading h2{margin:0;font-size:clamp(1.8rem,4vw,3.1rem);letter-spacing:-.04em}.screen-heading p{margin:8px 0 0;font-size:1rem;font-weight:650;opacity:.62}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,980px);gap:clamp(14px,2.5vw,28px)}.world-card{position:relative;display:grid;grid-template-rows:1fr auto;min-height:clamp(240px,38vh,390px);padding:clamp(18px,3vw,30px);overflow:hidden;border-radius:34px;color:var(--card-ink);background:var(--card-bg);transition:transform .2s ease,box-shadow .2s ease}.world-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:var(--shadow)}.world-card:active{transform:scale(.98)}.world-preview{position:relative;min-height:150px}.world-preview span{position:absolute;display:block}.world-preview .preview-circle{left:12%;top:12%;width:36%;aspect-ratio:1;border-radius:50%;background:var(--card-circle)}.world-preview .preview-triangle{right:9%;top:21%;width:0;height:0;border-left:48px solid transparent;border-right:48px solid transparent;border-bottom:86px solid var(--card-triangle)}.world-preview .preview-line{left:22%;right:6%;bottom:13%;height:18px;border-radius:99px;background:var(--card-line);transform:rotate(-10deg)}.world-label{text-align:left}.world-label strong{display:block;font-size:clamp(1.4rem,3vw,2.1rem)}.world-label span{display:block;margin-top:3px;font-weight:650;opacity:.66}.back-button{justify-self:start}.create-screen{display:block;padding:0;overflow:hidden}.app-shell{height:100dvh;min-height:100dvh}.app-shell--expanded .create-screen .top-bar{display:none}.app-shell--expanded .scene-switcher{top:max(12px,env(safe-area-inset-top))}.top-bar{position:absolute;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));pointer-events:none}.top-bar>*{pointer-events:none}.top-bar button{pointer-events:auto}.top-bar-center{text-align:center}.top-bar-center strong{display:block;font-size:1.05rem}.top-bar-center span{display:block;font-size:.72rem;font-weight:750;opacity:.5;letter-spacing:.08em}.top-bar-actions{display:flex;justify-content:flex-end;gap:9px}.icon-button{display:inline-grid;place-items:center;min-width:48px;height:48px;padding:0 14px;border-radius:17px;font-size:1rem;font-weight:800;transition:transform .15s ease,opacity .15s ease}.icon-button:disabled{cursor:not-allowed;opacity:1;color:color-mix(in srgb,var(--ink) 50%,var(--surface));border-style:dashed;box-shadow:none;transform:none}.control-icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;vertical-align:middle}.property-button,.property-delete,.program-step-actions button,.scene-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.back-triangle{display:inline-block;flex:0 0 auto;width:18px;height:22px;background:currentColor;clip-path:polygon(100% 0,0 50%,100% 100%);vertical-align:middle}.back-button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.canvas-stage{position:absolute;inset:0;min-height:0;margin:0;overflow:hidden;border:0;border-radius:0;background:var(--surface)}.canvas-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.36),transparent 68%)}.editor-canvas-wrap,.editor-canvas,.performance-canvas-wrap,.performance-canvas{width:100%;height:100%;display:block;touch-action:none}.editor-canvas-wrap{position:absolute;inset:0}.tool-drawer{position:absolute;z-index:12;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));width:min(330px,calc(100% - 24px));padding:6px;border:1.5px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:26px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(12px);transform:translate(-50%);transition:transform .65s cubic-bezier(.22,1,.36,1),visibility 0s}.tool-drawer[data-open=false]{transform:translate(-50%,calc(100% + 120px + env(safe-area-inset-bottom)));visibility:hidden;pointer-events:none;transition:transform .65s cubic-bezier(.22,1,.36,1),visibility 0s .65s}.tool-drawer-handle{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:12px 12px 4px;border:0;border-radius:20px;background:transparent;font-weight:800;cursor:pointer;touch-action:none}.tool-drawer-handle small{opacity:.65}.drawer-grip{position:absolute;top:3px;left:calc(50% - 18px);width:36px;height:4px;border-radius:9px;background:var(--ink);opacity:.2}.tool-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:7px;padding:6px}.tool-button{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:20px;transition:transform .15s ease,background .15s ease}.tool-button[aria-pressed=true]{background:var(--ink)}.tool-shape-circle{width:29px;aspect-ratio:1;border-radius:50%;background:var(--circle)}.tool-shape-triangle{width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:31px solid var(--triangle)}.tool-shape-line{width:38px;height:10px;border-radius:99px;background:var(--line);transform:rotate(-9deg)}.tool-shape-square{width:29px;aspect-ratio:1;border-radius:5px;background:var(--circle)}.tool-shape-diamond{width:25px;aspect-ratio:1;border-radius:4px;background:var(--triangle);transform:rotate(45deg)}.tool-shape-star{width:34px;aspect-ratio:1;background:var(--circle);clip-path:polygon(50% 0%,61% 34%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 34%)}.tool-shape-hexagon{width:34px;aspect-ratio:1;background:var(--line);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.tool-shape-ring{width:31px;aspect-ratio:1;border:8px solid var(--accent);border-radius:50%}.tool-shape-pen{position:relative;width:37px;height:11px;border-radius:999px;background:var(--line);transform:rotate(-38deg)}.tool-shape-pen:after{content:"";position:absolute;right:-5px;top:1px;width:9px;height:9px;border-radius:50%;background:var(--triangle)}.creation-playback{position:absolute;inset:auto 0 0;z-index:10;display:flex;align-items:center;gap:12px;padding:0 max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:none}.creation-playback button{pointer-events:auto}.creation-playback .play-button{margin-left:auto}.tool-toggle{display:grid;place-items:center;width:52px;height:52px;flex:none;border:2px solid var(--accent);border-radius:50%;background:var(--surface);box-shadow:var(--soft-shadow);cursor:pointer}.fullscreen-button{display:grid;place-items:center;min-width:52px;min-height:52px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:16px;background:var(--surface);color:var(--ink);cursor:pointer}.fullscreen-button>span{font-size:24px;line-height:1}.fullscreen-button small{font-size:10px;font-weight:750}.fullscreen-exit{position:absolute;z-index:15;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.performance-actions{display:flex;align-items:center;gap:8px}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:164px;min-height:60px;padding:12px 24px;border-radius:22px;font-size:1.2rem;font-weight:850}.play-button .play-icon{margin-left:0;border-top-width:12px;border-bottom-width:12px;border-left-width:19px}.selection-controls{position:absolute;z-index:8;right:max(16px,env(safe-area-inset-right));bottom:max(90px,calc(env(safe-area-inset-bottom) + 76px));display:grid;width:min(210px,calc(100% - 32px));gap:10px;padding:13px;border:1.5px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:24px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.property-group{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:8px}.property-label{font-size:.72rem;font-weight:850;letter-spacing:.05em;opacity:.62}.color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.color-swatch{width:100%;aspect-ratio:1;padding:0;border:3px solid var(--surface);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 18%,transparent);cursor:pointer}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink);transform:scale(.88)}.property-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.property-button,.property-delete{min-height:44px;min-width:44px;border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:12px;background:var(--surface);font-weight:900;cursor:pointer}.property-button:hover,.property-delete:hover{transform:translateY(-1px)}.property-delete{color:#b72f42}.canvas-hint{position:absolute;z-index:2;inset:20% 12% auto;margin:0;text-align:center;font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:750;line-height:1.55;opacity:.45;pointer-events:none}.shape-count{position:absolute;z-index:5;left:22px;bottom:max(86px,calc(env(safe-area-inset-bottom) + 76px));padding:8px 12px;border-radius:99px;background:color-mix(in srgb,var(--surface) 84%,transparent);font-size:.78rem;font-weight:800;opacity:.64;backdrop-filter:blur(8px)}.toast{position:absolute;z-index:40;left:50%;top:max(20px,env(safe-area-inset-top));max-width:calc(100% - 40px);padding:13px 20px;border-radius:99px;color:var(--bg);background:var(--ink);box-shadow:var(--shadow);font-weight:750;text-align:center;transform:translate(-50%);animation:toast-in .26s ease both}@keyframes toast-in{0%{opacity:0;translate:0 -10px}}.performance-screen{padding:0;background:var(--bg)}.performance-canvas-wrap{position:absolute;inset:0}.performance-controls{position:absolute;z-index:8;inset:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) auto max(14px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;opacity:1;transition:opacity .22s ease}.performance-controls .icon-button{border:2px solid color-mix(in srgb,var(--surface) 84%,transparent);color:var(--bg);background:var(--ink);box-shadow:0 10px 32px color-mix(in srgb,var(--ink) 24%,transparent);backdrop-filter:blur(12px)}.performance-back{display:inline-flex;align-items:center;gap:9px;min-height:56px;padding:0 20px 0 16px;border:3px solid color-mix(in srgb,var(--surface) 92%,transparent);border-radius:20px;color:var(--bg);background:var(--ink);box-shadow:0 12px 36px color-mix(in srgb,var(--ink) 30%,transparent);cursor:pointer}.performance-back span{font-size:1.45rem;line-height:1}.performance-back strong{font-size:.9rem;letter-spacing:.04em}.performance-back:hover{transform:translateY(-2px)}.performance-badges{display:grid;justify-items:center;gap:6px}.section-badge{padding:9px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 10%,transparent);font-size:.74rem;font-weight:850;letter-spacing:.13em;backdrop-filter:blur(10px)}.mood-badge{padding:6px 11px;border:1px solid color-mix(in srgb,var(--surface) 72%,transparent);border-radius:999px;color:var(--bg);background:color-mix(in srgb,var(--ink) 88%,transparent);box-shadow:0 7px 18px color-mix(in srgb,var(--ink) 18%,transparent);font-size:.66rem;font-weight:850;letter-spacing:.04em;backdrop-filter:blur(10px)}.progress-track{position:absolute;z-index:8;right:max(22px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left));height:7px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--ink) 10%,transparent)}.progress-fill{width:calc(var(--progress, 0) * 100%);height:100%;border-radius:inherit;background:var(--accent);transition:width 80ms linear}.conduct-hint{position:absolute;z-index:7;left:50%;bottom:max(44px,calc(env(safe-area-inset-bottom) + 36px));margin:0;font-size:.82rem;font-weight:750;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent);opacity:.72;backdrop-filter:blur(8px);transform:translate(-50%);pointer-events:none}.finish-screen{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:stretch;gap:clamp(20px,4vw,52px);overflow-y:auto}.finish-art{position:relative;min-height:340px;overflow:hidden;border-radius:clamp(30px,5vw,54px);background:var(--surface);box-shadow:var(--shadow)}.finish-content{display:grid;align-content:center;gap:22px;padding:clamp(10px,3vw,36px)}.finish-content h2{margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.06em}.finish-content p{margin:0;font-size:1.05rem;line-height:1.8;opacity:.65}.finish-actions{display:grid;gap:10px}.action-card{color:inherit;text-decoration:none;display:flex;align-items:center;min-height:66px;padding:14px 20px;border-radius:22px;font-weight:850;text-align:left;transition:transform .16s ease,box-shadow .16s ease}.action-card:hover{transform:translate(4px);box-shadow:var(--shadow)}.action-card.primary{color:var(--bg);background:var(--ink)}.action-card .action-icon{display:grid;place-items:center;width:36px;margin-right:12px;font-size:1.3rem}.mood-overlay{position:absolute;z-index:55;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:color-mix(in srgb,var(--ink) 34%,transparent);backdrop-filter:blur(14px) saturate(.82);animation:mood-overlay-in .22s ease both}@keyframes mood-overlay-in{0%{opacity:0}}.mood-dialog{width:min(100%,940px);max-height:min(760px,calc(100svh - 36px));padding:clamp(22px,3vw,34px);overflow-y:auto;border:2px solid color-mix(in srgb,var(--ink) 9%,transparent);border-radius:clamp(28px,4vw,42px);color:var(--ink);background:color-mix(in srgb,var(--surface) 97%,white);box-shadow:0 34px 100px color-mix(in srgb,var(--ink) 34%,transparent);animation:mood-dialog-in .36s cubic-bezier(.2,1.2,.3,1) both}@keyframes mood-dialog-in{0%{opacity:0;transform:translateY(22px) scale(.94)}}.mood-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:clamp(18px,3vw,28px)}.mood-dialog-heading h2{margin:0;font-size:clamp(1.65rem,4vw,2.8rem);line-height:1.12;letter-spacing:-.055em}.mood-dialog-heading p{margin:8px 0 0;font-size:clamp(.85rem,1.8vw,1rem);font-weight:750;opacity:.58}.mood-close{display:grid;flex:0 0 auto;place-items:center;width:50px;aspect-ratio:1;padding:0;border:1.5px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:17px;color:var(--ink);background:var(--surface);box-shadow:var(--soft-shadow);font-size:1.45rem;font-weight:700;cursor:pointer}.mood-close:hover{transform:rotate(5deg) scale(1.04)}.mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,20px)}.mood-card{--mood-a: #72c9c9;--mood-b: #f1bc56;--mood-c: #ea86a8;--mood-bg: #eef9f7;--mood-ink: #273638;display:grid;grid-template-rows:minmax(150px,1fr) auto;min-width:0;min-height:310px;padding:13px;overflow:hidden;border:2px solid color-mix(in srgb,var(--mood-ink) 10%,transparent);border-radius:29px;color:var(--mood-ink);background:var(--mood-bg);box-shadow:0 12px 28px color-mix(in srgb,var(--mood-ink) 10%,transparent);text-align:left;cursor:pointer;transition:transform .19s cubic-bezier(.2,.9,.3,1.25),box-shadow .19s ease,border-color .19s ease;-webkit-tap-highlight-color:transparent}.mood-card:hover,.mood-card:focus-visible{z-index:2;border-color:color-mix(in srgb,var(--mood-a) 78%,var(--mood-ink));box-shadow:0 22px 46px color-mix(in srgb,var(--mood-ink) 18%,transparent);transform:translateY(-8px) rotate(-.6deg) scale(1.018)}.mood-card:active{transform:scale(.965)}.mood-card-pop{--mood-a: #ff6b6b;--mood-b: #ffb11b;--mood-c: #36b9a9;--mood-bg: #fff3d9;--mood-ink: #392a1d}.mood-card-cosmic{--mood-a: #a889ff;--mood-b: #5ad6e8;--mood-c: #ff75b5;--mood-bg: #151936;--mood-ink: #f9f7ff}.mood-preview{position:relative;display:block;min-height:158px;overflow:hidden;border-radius:21px;background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--mood-b) 22%,transparent),transparent 36%),color-mix(in srgb,var(--mood-bg) 84%,white);isolation:isolate}.motion-diagram svg{display:block;width:100%;height:100%;min-height:inherit;color:var(--mood-ink)}.motion-route{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.motion-scenery{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;opacity:.3}.motion-sample{stroke:var(--mood-ink);stroke-width:1.5;opacity:.7}.motion-token{stroke:var(--mood-ink);stroke-width:2}.motion-burst{fill:var(--mood-b);stroke:var(--mood-ink);stroke-width:2}.mood-card-copy{display:grid;gap:4px;padding:16px 10px 8px}.mood-card-copy strong{font-size:clamp(1.35rem,2.5vw,1.75rem);line-height:1;letter-spacing:-.035em}.mood-card-copy>span{font-size:.82rem;font-weight:800;opacity:.62}.mood-card-copy small{justify-self:start;margin-top:7px;padding:6px 10px;border-radius:999px;color:var(--mood-ink);background:color-mix(in srgb,var(--mood-ink) 9%,transparent);font-size:.7rem;font-weight:850}.parent-overlay{position:absolute;z-index:60;inset:0;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--ink) 28%,transparent);backdrop-filter:blur(10px)}.parent-panel{--bg: #fffdf8;--surface: #fffdf8;--ink: #252525;--accent: #6651b4;width:min(100%,560px);max-height:min(760px,calc(100svh - 40px));padding:clamp(24px,4vw,38px);overflow-y:auto;border-radius:34px;color:#252525;background:#fffdf8;box-shadow:0 30px 90px #0000003d}.parent-panel header{display:flex;align-items:center;justify-content:space-between;gap:14px}.parent-panel h2{margin:0;font-size:1.6rem}.parent-panel p{line-height:1.7;color:#5e5a54}.parent-panel button{color:#252525}.parent-panel button:disabled{color:#68635b;background:#eee9e0;opacity:1;cursor:not-allowed;box-shadow:none}.parent-grid{display:grid;gap:12px;margin-top:22px}.creation-settings{min-width:0;margin:22px 0;padding:16px;border:1px solid #d6cec1;border-radius:20px}.creation-settings legend{font-weight:800;padding:0 6px}.creation-settings p{font-size:.85rem}.creation-mode-option{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;margin:10px 0;border:2px solid #e7e1d6;border-radius:16px;cursor:pointer}.creation-mode-option:has(input:checked){border-color:#7761cf;background:#f2edff}.creation-mode-option input{flex:0 0 auto;width:20px;height:20px;margin:2px 0 0;accent-color:#6651b4}.creation-mode-option strong,.creation-mode-option small{display:block}.creation-mode-option small{margin-top:6px;line-height:1.6;color:#5e5a54}.settings-save-status{font-weight:700}.program-editor{width:min(100%,880px)}.program-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0}.program-command{width:100%;padding:10px;border:2px solid #d7ccef;border-radius:18px;background:#f4f0ff;color:#29231d;cursor:pointer}.program-command>strong{display:block;font-size:1.2rem}.program-command .mood-preview,.program-choices .mood-preview{--mood-a: #72c9c9;--mood-b: #f1bc56;--mood-c: #ea86a8;--mood-ink: #273638;--mood-bg: #eef9f7;min-height:0;height:95px}.program-step-actions,.program-repeat{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:8px 0}.program-step-actions button,.program-repeat button{min-width:44px;min-height:44px;border:1px solid #d7ccef;border-radius:12px;background:#fffaf0;cursor:pointer}.program-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.program-choices button{min-height:44px;padding:8px;border:2px solid #d7ccef;border-radius:14px;background:#fffaf0;cursor:pointer}.program-editor [aria-pressed=true]{border-color:#7251c9;background:#e7ddff}.program-editor button:disabled{opacity:1;color:#77716a;background:#eee9e0;border-style:dashed;cursor:not-allowed}.program-playback{position:absolute;z-index:7;bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px));left:50%;transform:translate(-50%);width:min(640px,calc(100% - 24px));padding:10px;border-radius:16px;color:var(--ink);background:var(--surface);pointer-events:none}.program-playback>span{display:block;font-size:.75rem;text-align:center}.program-playback ol{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;gap:5px;padding:0;margin:6px 0 0}.program-playback li{font-size:.78rem;padding:6px 9px;border:2px solid transparent;border-radius:10px}.program-playback [aria-current=step]{border-color:var(--accent);font-weight:900;background:color-mix(in srgb,var(--accent) 20%,var(--surface))}@media (max-width: 520px){.program-cards,.program-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.program-editor{padding:20px 14px}.program-editor h2{font-size:1.25rem}}.camera-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.camera-actions button{white-space:normal}.camera-preview{position:relative;overflow:hidden;border-radius:20px}.camera-preview>video,.camera-preview>img{display:block;margin:0}.camera-countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#fff;background:#0000001f}.camera-countdown span{display:grid;place-items:center;width:clamp(90px,24vw,160px);aspect-ratio:1;border-radius:50%;background:#0000008c;font-size:clamp(64px,18vw,120px);font-weight:900;line-height:1;text-shadow:0 3px 8px rgb(0 0 0 / 45%)}.celebration-video,.celebration-photo{display:block;width:100%;max-height:45svh;object-fit:contain;border-radius:20px;background:#242424}.celebration-video{transform:scaleX(-1)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:13px 16px;border:1px solid #e7e1d6;border-radius:18px}.setting-row strong{display:block}.setting-row small{display:block;margin-top:3px;color:#787269}.setting-row button{flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 760px){.gallery-heading{gap:12px}.gallery-heading h2{font-size:clamp(24px,6vw,36px)}.gallery-heading p{font-size:12px;overflow-wrap:anywhere}.gallery-empty{font-size:16px;text-align:center}.screen{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.world-grid{grid-template-columns:1fr}.world-card{grid-template-columns:42% 1fr;grid-template-rows:1fr;align-items:center;min-height:150px;border-radius:26px}.world-preview{min-height:120px}.world-preview .preview-triangle{border-left-width:34px;border-right-width:34px;border-bottom-width:62px}.finish-screen{display:flex;flex-direction:column;gap:24px}.finish-art{flex:0 0 auto;min-height:0;height:clamp(220px,48svh,480px)}.finish-content{flex:0 0 auto}.finish-content{padding:6px 4px 28px}.top-bar-center{display:none}.top-bar{grid-template-columns:auto 1fr;min-height:66px;padding-left:12px;padding-right:12px}.top-bar-actions{gap:6px}.tool-dock{gap:6px;padding:6px}.tool-button{max-width:52px;justify-self:center}.create-screen{padding:0}.creation-playback{gap:8px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}.selection-controls{right:10px;bottom:calc(300px + env(safe-area-inset-bottom));max-height:calc(100% - 390px - env(safe-area-inset-bottom) - env(safe-area-inset-top));overflow-y:auto;width:188px;padding:10px;border-radius:20px}.property-group{grid-template-columns:52px 1fr}.performance-back{min-height:52px;padding:0 15px}.performance-badges{gap:4px}.mood-badge{display:none}.mood-overlay{padding:10px}.mood-dialog{max-height:calc(100svh - 20px);padding:18px;border-radius:27px}.mood-dialog-heading{margin-bottom:14px}.mood-dialog-heading h2{font-size:1.65rem}.mood-grid{grid-template-columns:1fr}.mood-card{grid-template-columns:126px minmax(0,1fr);grid-template-rows:1fr;min-height:124px}.mood-preview{min-height:112px}.mood-card-copy{align-content:center;padding:12px 14px}.mood-card:hover,.mood-card:focus-visible{transform:translate(4px) scale(1.005)}.shape-count{display:none}}@media (max-width: 540px) and (orientation: portrait){.gallery-grid{grid-template-columns:minmax(0,1fr)}}@media (max-height: 640px) and (orientation: landscape){.world-grid{grid-template-columns:repeat(3,1fr)}.world-card{grid-template-columns:1fr;min-height:230px}.brand-shapes{height:90px}.brand-lockup h1{font-size:2.5rem}.start-center{gap:11px}.tool-drawer{left:max(12px,env(safe-area-inset-left));transform:none}.tool-drawer[data-open=false]{transform:translateY(calc(100% + 120px + env(safe-area-inset-bottom)))}.selection-controls{bottom:max(90px,calc(env(safe-area-inset-bottom) + 76px));max-height:calc(100% - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.mood-overlay{padding:8px}.mood-dialog{max-height:calc(100svh - 16px);padding:14px 18px 17px;border-radius:24px}.mood-dialog-heading{align-items:center;margin-bottom:10px}.mood-dialog-heading h2{font-size:1.45rem}.mood-dialog-heading p{margin-top:3px;font-size:.76rem}.mood-close{width:42px;border-radius:14px}.mood-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mood-card{grid-template-columns:1fr;grid-template-rows:88px auto;min-height:0;padding:8px;border-radius:21px}.mood-preview{min-height:88px;border-radius:15px}.mood-card-copy{padding:10px 7px 5px}.mood-card-copy strong{font-size:1.12rem}.mood-card-copy>span{font-size:.68rem}.mood-card-copy small{margin-top:3px;padding:4px 7px;font-size:.61rem}}.scene-controls{position:absolute;z-index:8;top:max(78px,calc(env(safe-area-inset-top) + 68px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;width:min(520px,calc(100% - 24px));padding:5px;border-radius:20px;background:var(--surface);box-shadow:var(--soft-shadow)}.scene-controls button{flex:none;min-width:44px;min-height:44px;border:0;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));font-weight:800;cursor:pointer}.scene-controls>span{flex:none;font-size:13px}.scene-controls [data-testid=scene-motion]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.scene-controls button:disabled{opacity:1;color:color-mix(in srgb,var(--ink) 50%,var(--surface));background:var(--surface);outline:1px dashed currentColor;outline-offset:-2px;cursor:not-allowed}.scene-switcher{top:max(138px,calc(env(safe-area-inset-top) + 128px));max-width:calc(100% - 24px);overflow-x:auto}.scene-switcher button{flex:none;position:relative}.scene-switcher .copy-scene{position:static}.scene-switcher small{right:5px;top:6px;margin:0}.app-shell--expanded .scene-controls{top:max(10px,env(safe-area-inset-top))}.app-shell--expanded .scene-switcher{top:max(68px,calc(env(safe-area-inset-top) + 58px))}@media (max-width: 760px){.scene-controls{top:max(70px,calc(env(safe-area-inset-top) + 60px))}.scene-switcher{top:max(128px,calc(env(safe-area-inset-top) + 118px))}}@media (prefers-reduced-motion: reduce){.tool-drawer{transition-delay:0s!important}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sound-editor{width:min(780px,calc(100vw - 24px))}.sound-shape-list,.sound-note-picker,.sound-sequence{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.sound-note-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.sound-editor button{min-height:48px;font-weight:700}.sound-shape-list>button,.sound-note-picker>button,.sound-sequence>li{border:2px solid #d8d1c5;border-radius:16px;background:#fffdf8;color:#252525;padding:8px}.sound-editor button[aria-pressed=true],.sound-sequence>li[aria-current=step]{border-color:#6c50de;background:#e9e1ff;box-shadow:0 0 0 2px #6c50de}.sound-shape{display:flex;flex-direction:column;align-items:center}.sound-shape canvas{width:64px;height:64px}.sound-shape strong{border-bottom:4px solid;font-size:14px}.sound-sequence{padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.sound-sequence>li>button{width:100%;background:transparent;border:0;color:#252525}.sound-sequence .program-step-actions{display:flex;justify-content:center;gap:4px}.sound-sequence .program-step-actions button{min-width:44px;padding:4px}.sound-program-playing{position:absolute;top:90px;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:20px;background:#fffdf8;color:#252525;font-weight:800;white-space:nowrap;pointer-events:none}@media (max-width: 420px){.sound-editor{padding:18px}.sound-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}}.scene-controls [data-testid=scene-program],.scene-controls [data-testid=sound-program]{flex:1;min-width:0;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.parent-overlay:has(>.sound-editor){padding:0}.parent-panel.sound-editor{width:100%;height:100%;max-height:100%;border-radius:0;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.sound-editor .sound-sequence>li{border:3px solid #4394c7;border-radius:12px;background:#d8eeff;box-shadow:0 4px #377cab}.sound-bgm-choice button{min-width:76px;font-size:22px}.sound-bgm-choice button[aria-pressed=true]{background:#d9cfff;border:3px solid #6651b4;color:#30215a}.start-survey-entry{position:absolute;z-index:1;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;min-height:48px;color:var(--ink);text-decoration:none}@media (max-width: 540px) and (orientation: portrait){.start-screen{padding-bottom:max(84px,calc(env(safe-area-inset-bottom) + 72px))}}.app-version{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));font-size:14px;font-weight:700;color:var(--ink, #292621);opacity:.8}.preparation-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:#f7f4ed;color:#292621}.preparation-card{text-align:center}.preparation-card p{font-size:clamp(18px,4vw,26px);font-weight:700}.preparation-shapes{display:flex;justify-content:center;gap:22px;height:100px;align-items:center}.preparation-shapes i{width:44px;height:44px;background:#f4b942;border-radius:50%;animation:preparation-hop 1s ease-in-out infinite}.preparation-shapes i:nth-child(2){background:#e56b6f;border-radius:10px;animation-delay:.15s}.preparation-shapes i:nth-child(3){background:#4d96a9;border-radius:5px;animation-delay:.3s}@keyframes preparation-hop{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-24px) rotate(20deg)}}@media (prefers-reduced-motion: reduce){.preparation-shapes i{animation:none}}.create-screen{padding:0}.create-screen .canvas-stage{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;box-shadow:none}.create-screen .canvas-stage:before{opacity:.35}.editor-toolbar{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:30;display:flex;align-items:center;gap:10px}.editor-toolbar .icon-button{width:54px;min-width:0;height:54px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:18px}.editor-toolbar .icon-button:hover{background:color-mix(in srgb,var(--surface) 85%,transparent)}.editor-toolbar .control-icon{width:31px;height:31px}.editor-toolbar .play-button{margin:0 0 0 5px;min-width:0;width:auto;min-height:56px;height:56px;padding:0 22px;border-radius:19px;gap:12px;font-size:17px;box-shadow:0 6px 20px #342d1910}.editor-toolbar .play-icon{border-top-width:12px;border-bottom-width:12px;border-left-width:19px}.create-screen .canvas-hint{pointer-events:none;opacity:.65}.app-shell:has(.create-screen)>.toast{top:auto;bottom:max(145px,calc(env(safe-area-inset-bottom) + 135px))}.editor-palette{--palette-bottom: max(20px, env(safe-area-inset-bottom));--toggle: 74px;--palette-height: 100px;--expanded-width: min(680px, calc(100vw - 128px) );position:absolute;bottom:var(--palette-bottom);z-index:50;height:var(--palette-height);width:var(--toggle);border-radius:50px;background:transparent;transition:width .56s cubic-bezier(.22,.75,.2,1),background-color .35s,box-shadow .35s,transform .28s ease,opacity .22s ease}.editor-palette--left{left:max(20px,env(safe-area-inset-left))}.editor-palette--right{left:max(20px,env(safe-area-inset-left));bottom:calc(var(--palette-bottom) + var(--palette-height) + 8px)}.editor-palette[data-open=true]{width:var(--expanded-width);background:var(--surface);box-shadow:0 9px 35px #352a1721}.palette-toggle{position:absolute;top:50%;transform:translateY(-50%);width:var(--toggle);height:var(--toggle);border-radius:50%;border:3px solid color-mix(in srgb,var(--ink) 12%,transparent);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 16px #352a1715;z-index:2}.editor-palette--left .palette-toggle,.editor-palette--right .palette-toggle{left:0}.editor-palette[data-open=true] .palette-toggle{border-color:var(--accent)}.palette-toggle>span{scale:1.18}.paint-drop{display:block;width:38px;height:45px}.palette-toggle .paint-drop{width:42px;height:49px}.palette-items{position:absolute;inset:0 10px 0 calc(var(--toggle) + 8px);display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:center;justify-items:center;gap:4px;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .16s,visibility .16s}.editor-palette--right .palette-items{inset:0 10px 0 calc(var(--toggle) + 8px);grid-template-columns:repeat(8,minmax(0,1fr))}.editor-palette[data-open=true] .palette-items{opacity:1;visibility:visible;transition:opacity .25s .16s,visibility 0ms}.palette-items .tool-button,.paint-choice{display:grid;place-items:center;width:48px;max-width:100%;height:56px;min-height:44px;padding:3px;margin:0;border:2px solid transparent;border-radius:17px;background:transparent;cursor:pointer;box-shadow:none}.palette-items .tool-button[aria-pressed=true],.paint-choice[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.paint-choice:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.clear-canvas-dialog{width:min(480px,calc(100vw - 32px));padding:36px 24px;border:0;border-radius:36px;background:#fffaf0;color:#342b25;box-shadow:0 25px 100px #0003;text-align:center}.clear-canvas-dialog::backdrop{background:#29221b66;backdrop-filter:blur(7px)}.clear-illustration{display:grid;place-items:center;width:86px;height:86px;margin:0 auto 16px;border-radius:28px;color:#b76c5c;background:#f4e1d6;transform:rotate(-7deg)}.clear-illustration .control-icon{width:50px;height:50px}.clear-canvas-dialog h2{font-size:clamp(36px,8vw,54px);margin:12px 0}.clear-canvas-dialog p{font-size:16px}.clear-actions{display:flex;justify-content:center;gap:16px;margin-top:28px}.clear-actions button{min-width:120px;min-height:58px;font-size:20px}.clear-actions .clear-confirm{background:#a95648;color:#fffaf0}.world-screen--redesign{transition:background-color .68s ease,color .68s ease;width:100vw;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.world-screen--redesign .screen-heading{position:relative;z-index:2;margin:0;text-align:center}.world-screen--redesign .screen-heading h2{margin:0;font-size:clamp(24px,3.2vw,48px)}.world-screen--redesign .screen-heading p{color:inherit;opacity:.7;margin:8px 0 0;min-height:0;font-size:clamp(11px,1.2vw,15px)}.world-screen--redesign .back-button{position:static;transform:none;margin:0;justify-self:start;min-height:44px}.world-carousel{position:relative;container-type:size;width:min(1200px,100%);height:100%;min-height:0;margin:0 auto}.world-choice{position:absolute;top:54%;left:50%;width:min(21cqw,43cqh,270px);height:min(27cqw,56cqh,330px);padding:min(2cqw,3cqh,22px);border:1px solid color-mix(in srgb,var(--card-ink) 10%,transparent);border-radius:28px;color:var(--card-ink);background:var(--card-bg);box-shadow:0 12px 26px #31251b12;transform:translate(-50%,-50%);cursor:pointer;transition:transform .68s cubic-bezier(.22,.75,.2,1),box-shadow .4s;text-align:left}.world-choice[data-slot="0"]{left:20%}.world-choice[data-slot="2"]{left:80%}.world-carousel[data-selected=true] .world-choice{transform:translate(-50%,-50%) scale(.88)}.world-carousel[data-selected=true] .world-choice[data-active=true]{transform:translate(-50%,-50%) scale(1.2);z-index:3;box-shadow:0 15px 40px #31251b18}.world-choice:focus-visible{outline:3px solid #9c7ac3;outline-offset:4px}.world-emblem{position:absolute;width:min(8cqw,14cqh,98px);height:min(7cqw,12cqh,86px);top:min(-12px,-5cqh);left:-12px;filter:drop-shadow(0 8px 6px #31251b15);animation:emblem-sway 5s ease-in-out infinite;transform-origin:60% 80%}.world-shapes{display:block;width:100%;height:57%;overflow:visible;animation:shapes-sway 6s ease-in-out infinite}.world-shapes--soft{animation-delay:-1.5s}.world-shapes--space{animation-delay:-3s}.world-emblem--space{animation-delay:-2s}.world-choice-label{display:grid;gap:4px}.world-choice-label strong{font-size:min(2.8cqw,5cqh,32px);font-weight:800}.world-choice-label small{font-size:min(1.1cqw,2.2cqh,14px);opacity:.7;white-space:nowrap}.world-confirm-hint{display:flex;align-items:center;gap:6px;font-size:min(1.1cqw,2.2cqh,11px);font-weight:700;margin-top:min(1cqh,8px);opacity:0}.world-confirm-hint .control-icon{width:12px;height:12px}.world-choice[data-active=true] .world-confirm-hint{opacity:.8}@media (max-width: 600px) and (orientation: portrait){.world-screen--redesign{gap:8px;padding:max(16px,env(safe-area-inset-top)) 18px max(12px,env(safe-area-inset-bottom))}.world-choice{width:min(76cqw,350px);height:min(23cqh,145px);padding:12px;border-radius:24px}.world-choice[data-slot]{left:52%}.world-choice[data-slot="0"]{top:19%}.world-choice[data-slot="1"]{top:51%}.world-choice[data-slot="2"]{top:83%}.world-carousel[data-selected=true] .world-choice[data-active=true]{transform:translate(-50%,-50%) scale(1.1)}.world-shapes{position:absolute;width:34%;height:80%;left:5%;top:10%}.world-choice-label{margin-left:42%;height:68%;display:flex;flex-direction:column;justify-content:center;gap:6px}.world-choice-label strong{font-size:clamp(18px,6cqw,25px)}.world-choice-label small{font-size:clamp(8px,2.5cqw,11px);white-space:normal}.world-confirm-hint{margin-left:42%;margin-top:0;font-size:10px}.world-emblem{width:min(16cqw,9cqh,58px);height:min(15cqw,8cqh,52px);top:-15px;left:-16px}}@media (max-height: 540px) and (orientation: landscape){.world-screen--redesign{gap:4px;padding:max(8px,env(safe-area-inset-top)) 18px max(8px,env(safe-area-inset-bottom))}.world-screen--redesign .screen-heading h2{font-size:23px}.world-screen--redesign .screen-heading p{margin-top:3px;font-size:11px}.world-choice{width:min(21cqw,62cqh,220px);height:min(30cqw,73cqh,250px);border-radius:20px}.world-choice-label strong{font-size:min(3cqw,8cqh,24px)}.world-choice-label small,.world-confirm-hint{font-size:min(1.3cqw,3.5cqh,11px)}.world-screen--redesign .back-button{padding:6px 12px;min-height:36px;font-size:12px}}.drum-stick{transform-origin:24px 17px;animation:drum-tap 2.5s ease-in-out infinite}.drum-stick.second{transform-origin:141px 17px;animation-delay:.25s}@keyframes drum-tap{0%,45%,to{transform:rotate(-7deg)}55%,65%{transform:rotate(5deg)}}@keyframes emblem-sway{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(4deg)}}@keyframes shapes-sway{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.finish-screen--redesign{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,90px);padding:clamp(32px,6vw,90px);overflow:auto}.finish-screen--redesign .finish-art{width:100%;height:auto;min-height:0;aspect-ratio:1;border-radius:clamp(32px,5vw,65px);border:2px solid color-mix(in srgb,var(--ink) 12%,transparent);overflow:hidden;box-shadow:0 10px 32px #342a1510}.climax-snapshot{display:block;width:100%;height:100%}.finish-screen--redesign .finish-content{padding:0;width:100%;min-width:0;display:grid;gap:24px;text-align:center}.finish-screen--redesign #finish-title{margin:0;font-size:clamp(44px,5.8vw,84px);line-height:1.25;letter-spacing:.08em}.finish-photo-button{width:100%;min-height:clamp(180px,23vw,300px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:2px solid color-mix(in srgb,var(--ink) 24%,transparent);border-radius:38px;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink);box-shadow:0 7px 20px #342a1510;cursor:pointer;transition:transform .2s,box-shadow .2s}.finish-photo-button:hover{transform:translateY(-4px);box-shadow:0 12px 28px #342a1520}.peace-illustration{width:clamp(90px,11vw,145px);height:auto}.finish-photo-button>span{font-size:clamp(26px,3.5vw,44px);font-weight:700;letter-spacing:.12em}.finish-main-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.finish-main-actions button{display:grid;justify-items:center;gap:9px;padding:10px 2px;min-height:88px;border:0;border-radius:24px;background:transparent;color:var(--ink);cursor:pointer;font-weight:700;font-size:14px}.finish-main-actions button:hover{background:var(--surface)}.finish-main-actions .control-icon{width:clamp(38px,5vw,65px);height:clamp(38px,5vw,65px)}@media (max-width: 760px){.editor-toolbar{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));gap:2px}.editor-toolbar .icon-button{width:42px;height:44px}.editor-toolbar .control-icon{width:26px;height:26px}.editor-toolbar .play-button{min-height:44px;height:44px;padding:0 12px;font-size:13px;gap:8px;border-radius:15px}.editor-toolbar .play-icon{border-top-width:9px;border-bottom-width:9px;border-left-width:14px}.editor-palette{--palette-bottom: max(6px, env(safe-area-inset-bottom));--toggle: 62px;--palette-height: 112px;--expanded-width: calc(100vw - 24px) }.editor-palette{pointer-events:none}.editor-palette .palette-toggle,.editor-palette[data-open=true] .palette-items{pointer-events:auto}.editor-palette--left{left:max(12px,env(safe-area-inset-left))}.editor-palette--right{left:max(12px,env(safe-area-inset-left));bottom:calc(var(--palette-bottom) + 2 * var(--toggle) + 8px - var(--palette-height))}.editor-palette--left .palette-toggle{top:auto;bottom:0;transform:none}.editor-palette--right .palette-toggle{top:0;transform:none}.editor-palette[data-open=true]{background:transparent;box-shadow:none}.editor-palette:before{content:"";position:absolute;inset:0 0 0 calc(var(--toggle) + 2px);border-radius:30px;background:var(--surface);opacity:0;transition:opacity .35s;box-shadow:0 9px 35px #352a1721}.editor-palette[data-open=true]:before{opacity:1}.palette-items{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,1fr);inset:6px 8px 6px 68px;gap:0}.editor-palette--right .palette-items{inset:6px 8px 6px 68px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,1fr)}.palette-items .tool-button,.paint-choice{width:44px;height:46px;padding:3px;border-radius:13px}.palette-items .tool-button>span{scale:.8}.paint-choice .paint-drop{width:30px;height:38px}}@media (max-width: 480px){.editor-toolbar .icon-button{width:36px}.editor-toolbar .play-button{padding:0 10px}.palette-items{grid-template-columns:repeat(5,minmax(0,1fr));left:64px}.palette-items .tool-button{min-width:0}.palette-items .tool-button>span{scale:.7}}@media (max-width: 600px) and (orientation: portrait){.finish-screen--redesign{display:flex;flex-direction:column;justify-content:flex-start;gap:24px;padding:26px 22px}.finish-screen--redesign .finish-art{flex:none;width:min(100%,360px);height:auto;aspect-ratio:1}.finish-screen--redesign .finish-content{flex:none;width:min(100%,420px);gap:18px}.finish-screen--redesign #finish-title{font-size:46px}.finish-photo-button{min-height:176px;border-radius:30px}.peace-illustration{width:92px}.finish-photo-button>span{font-size:28px}.finish-main-actions{gap:8px}.finish-main-actions button{min-height:78px}}@media (max-height: 540px) and (orientation: landscape){.finish-screen--redesign{padding:22px 36px;gap:30px}.finish-screen--redesign .finish-art{max-height:calc(100dvh - 44px);width:auto;justify-self:center}.finish-screen--redesign .finish-content{gap:10px}.finish-screen--redesign #finish-title{font-size:38px}.finish-photo-button{min-height:140px;border-radius:26px;gap:0}.peace-illustration{width:70px}.finish-photo-button>span{font-size:25px}.finish-main-actions button{min-height:65px;padding:4px;font-size:11px}.finish-main-actions .control-icon{width:37px;height:37px}}@media (prefers-reduced-motion: reduce){.world-choice,.editor-palette,.palette-items{transition:none}.world-emblem,.world-shapes,.drum-stick{animation:none}}@media (max-width: 319px){.editor-toolbar{display:grid;grid-template-columns:repeat(3,1fr);width:210px}.editor-toolbar>button[aria-label=ひとつ戻す]{grid-column:1;grid-row:1}.editor-toolbar .play-button{grid-column:2 / 4;grid-row:1}.editor-toolbar .editor-secondary-control{grid-row:2;justify-self:center}}.brand-logo{display:block;width:100%;height:100%;object-fit:contain}.start-screen .brand-shapes{width:clamp(220px,36vw,340px);height:clamp(220px,36vw,340px)}@media (max-height: 700px) and (orientation: portrait){.start-screen .brand-shapes{width:min(280px,calc(100svh - 320px));height:min(280px,calc(100svh - 320px))}.start-screen .start-center{gap:12px}.start-screen .start-button{width:88px;height:88px}}@media (max-height: 640px) and (orientation: landscape){.start-screen .start-center{grid-template-columns:minmax(0,180px) minmax(0,1fr);column-gap:32px}.start-screen .brand-shapes{width:180px;height:180px;grid-column:1;grid-row:1 / 4}.start-screen .brand-lockup,.start-screen .start-button,.start-screen .start-subactions{grid-column:2}.start-screen .start-button{width:88px;height:88px}}.start-screen .brand-piece{transform-box:fill-box;transform-origin:center;animation:home-piece-float 3.6s ease-in-out infinite}.start-screen .brand-piece--triangle{animation-name:home-piece-rock;animation-duration:4s;animation-delay:-1.2s}.start-screen .brand-piece--wave{animation-name:home-piece-wave;animation-duration:4.8s;animation-delay:-2.4s}@keyframes home-piece-float{0%,to{transform:translateY(0)}50%{transform:translateY(-56px)}}@keyframes home-piece-rock{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-40px) rotate(8deg)}}@keyframes home-piece-wave{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@media (prefers-reduced-motion: reduce){.start-screen .brand-piece{animation:none}}.editor-toolbar{pointer-events:none}.editor-toolbar>button{pointer-events:auto;transition:transform .28s ease,opacity .22s ease}.editor-toolbar>button[data-drag-avoid=true]{transform:translateY(calc(-100% - 40px));opacity:0}.editor-palette[data-drag-avoid=true]{transform:translate(calc(-100% - 40px));opacity:0}.create-screen [data-drag-avoid=true],.create-screen [data-drag-avoid=true] *{pointer-events:none!important}@media (prefers-reduced-motion: reduce){.editor-toolbar>button,.editor-palette{transition:none}}.basic-toolbar{position:absolute;inset:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) auto max(12px,env(safe-area-inset-left));z-index:91;display:flex;justify-content:space-between;pointer-events:none}.basic-toolbar button{pointer-events:auto;width:54px;height:54px;background:var(--surface)}.basic-toolbar .control-icon{width:32px;height:32px}.basic-play-overlay{position:fixed;inset:0;z-index:90;width:100%;height:100%;margin:0;border:0;border-radius:0;background:#fff5deaa;display:grid;place-items:center;touch-action:manipulation}.basic-play-card{border:0;cursor:pointer;font-family:inherit;max-width:calc(100vw - 32px);display:flex;align-items:center;justify-content:center;gap:24px;padding:40px;border-radius:40px;color:#fff9ec;background:#29251e;box-shadow:0 18px 60px #29251e33;font-size:clamp(36px,8vw,72px);font-weight:800}.basic-play-card .play-icon{border-top-width:28px;border-bottom-width:28px;border-left-width:42px}.basic-play-card{width:max-content;white-space:nowrap;flex-wrap:nowrap;gap:clamp(12px,4vw,24px);padding:clamp(18px,5vw,40px);font-size:clamp(24px,8vw,72px)}.basic-play-card>span{flex-shrink:0;white-space:nowrap}.basic-play-card .play-icon{border-top-width:clamp(16px,5vw,28px);border-bottom-width:clamp(16px,5vw,28px);border-left-width:clamp(24px,7vw,42px)}.pointing-hand{width:78%;height:78%;display:block}.basic-play-card .play-icon{margin-left:0}.start-screen .start-button--basic{width:clamp(156px,23vw,200px);height:clamp(130px,19vw,166px);aspect-ratio:auto;padding:0;background:transparent;box-shadow:none;border-radius:24px}.start-button--basic .pointing-hand{width:100%;height:100%}@media (max-height: 540px){.start-screen .start-button--basic{width:144px;height:120px}}.parent-tree{display:grid;gap:12px;margin:20px 0}.parent-tree details{border:1px solid #ddd5c7;border-radius:16px;background:#fffdf8;color:#29251e;min-width:0}.parent-tree summary{cursor:pointer;padding:16px;font-size:18px;font-weight:700}.settings-branch{display:grid;gap:16px;padding:0 16px 16px}.family-members{display:grid;gap:16px}.family-member{display:grid;gap:12px;margin:0;min-width:0;border:1px solid #ddd5c7;border-radius:12px;padding:12px}.family-member>label{display:grid;grid-template-columns:7em minmax(0,1fr);align-items:center;gap:6px}.parent-tree input:not([type=range]):not([type=radio]),.parent-tree select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid #c8c0b1;border-radius:9px;background:#fff;color:#29251e;font:inherit}.parent-tree .setting-row{display:grid;grid-template-columns:1fr minmax(100px,1fr);gap:12px}.volume-setting{display:grid;grid-template-columns:5em minmax(0,1fr) 3em;align-items:center;gap:8px}.volume-setting input{width:100%;min-width:0;min-height:44px}.settings-caption{margin:0}.settings-privacy{display:inline-block;margin:12px 0;font-size:13px}.basic-movie-screen{position:absolute;inset:0;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) 16px 72px;gap:16px;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:var(--bg)}.basic-movie-frame{min-width:0;min-height:0;overflow:hidden;border:2px solid color-mix(in srgb,var(--ink) 24%,var(--surface));border-radius:clamp(24px,4vw,40px);box-shadow:0 10px 32px #30251b12,0 2px 6px #30251b08;background:var(--surface);animation:basic-frame-arrive 1.2s cubic-bezier(.16,.7,.22,1) both}.basic-movie-frame>canvas{display:block;width:100%;height:100%}.basic-movie-home{grid-row:3;justify-self:center;align-self:center;width:72px;height:72px;padding:12px;border:0;border-radius:24px;background:var(--surface);color:var(--ink);cursor:pointer;animation:basic-home-arrive .4s ease-out both}.basic-movie-home .control-icon{width:48px;height:48px}.basic-movie-retry{position:absolute;bottom:110px;left:50%;transform:translate(-50%)}@keyframes basic-frame-arrive{0%{transform:scale(1.7);opacity:.15}to{transform:scale(1);opacity:1}}@keyframes basic-home-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-height: 500px){.basic-movie-screen{grid-template-rows:minmax(0,1fr) 16px 52px;gap:8px;padding:12px 20px}.basic-movie-home{width:52px;height:52px;padding:8px}.basic-movie-home .control-icon{width:36px;height:36px}}@media (prefers-reduced-motion: reduce){.basic-movie-frame,.basic-movie-home{animation-duration:.1s}}.basic-movie-progress{grid-row:2;width:94%;justify-self:center;height:16px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--ink) 12%,transparent)}.basic-movie-progress>div{width:100%;height:100%;border-radius:inherit;background:var(--accent);transform-origin:left center;transition:transform .1s linear}.basic-movie-screen{grid-template-rows:minmax(0,1fr) 24px 88px}.basic-movie-progress{grid-column:1;width:100%;height:24px;transform-origin:center;transition:opacity .26s ease,transform .36s ease,visibility 0s}.basic-movie-screen[data-finished=true] .basic-movie-progress{opacity:0;transform:translateY(16px) scaleY(0);visibility:hidden;transition:opacity .26s ease,transform .36s ease,visibility 0s .36s}.basic-movie-home{grid-row:2 / 4;grid-column:1;width:100%;height:100%;justify-self:stretch;align-self:stretch;display:grid;place-items:center;border-radius:28px;padding:12px;animation-delay:.26s}.basic-movie-home .control-icon{width:72px;height:72px;transform-origin:50% 85%;animation:basic-home-sway 2.6s ease-in-out infinite}@keyframes basic-home-sway{0%,to{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(9deg) translateY(-5px)}}@media (max-height: 500px){.basic-movie-screen{grid-template-rows:minmax(0,1fr) 24px 48px}.basic-movie-home{width:100%;height:100%;padding:8px}.basic-movie-home .control-icon{width:52px;height:52px}}@media (prefers-reduced-motion: reduce){.basic-movie-home .control-icon{animation:none}.basic-movie-progress{transition:none}.basic-movie-home{animation-delay:0s}}.basic-movie-screen{grid-template-rows:minmax(0,1fr) 24px var(--movie-home-height, 88px)}.basic-movie-frame{translate:0 var(--movie-lift, 24px);transition:translate .65s cubic-bezier(.22,1,.36,1)}.basic-movie-progress{translate:0 var(--movie-lift, 24px)}.basic-movie-screen[data-finished=true] .basic-movie-frame{translate:0 0}.basic-movie-home{animation-delay:.36s}@media (prefers-reduced-motion: reduce){.basic-movie-frame{transition:none}.basic-movie-home{animation-delay:0s}}.basic-movie-screen{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--movie-height, 60dvh) 24px minmax(0,1fr)}.basic-movie-frame{width:var(--movie-width, 80%);height:var(--movie-height, 60dvh);justify-self:center;grid-column:1;grid-row:1}.basic-movie-progress{width:var(--movie-width, 80%)}.basic-movie-screen{display:block;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));row-gap:12px}.basic-movie-frame{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.basic-movie-progress{position:absolute;left:max(12px,env(safe-area-inset-left));top:calc(max(12px,env(safe-area-inset-top)) + var(--movie-height) + 12px)}.basic-movie-home{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + var(--movie-height) + 12px);bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));width:var(--movie-width);height:auto;min-height:0}.start-screen .parent-entry,.start-screen .parent-entry:hover,.start-screen .parent-entry:active{background:transparent;border:0;box-shadow:none;color:var(--ink)}.start-screen .start-button--basic{width:min(300px,62vw,32svh);height:min(277px,57vw,29.5svh)}.crayon-play-icon{display:block;width:100%;height:100%}@media (max-height: 540px) and (orientation: landscape){.start-screen .start-button--basic{width:min(230px,48svh);height:min(212px,44svh)}}.home-play-actions{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,40px);max-width:100%}.home-picture-button{width:clamp(64px,17vw,112px);height:clamp(64px,17vw,112px);padding:8px;border:0;background:transparent;box-shadow:none;cursor:pointer;color:#c69236}.home-picture-button .control-icon{width:100%;height:100%;stroke-width:1.7}.records-entry{color:#6fa9aa}.start-screen .start-button--color{width:clamp(112px,28vw,180px);height:clamp(104px,26vw,166px)}.basic-toolbar .play-button{width:auto;height:54px;display:flex;align-items:center;gap:10px;padding:0 20px;white-space:nowrap;background:var(--ink);color:var(--bg)}.basic-toolbar .play-button .control-icon{width:28px;height:28px}.create-screen[data-color-mode=true] .editor-palette--right{bottom:max(12px,env(safe-area-inset-bottom))}.trophy-screen{overflow:auto;padding:24px;text-align:center}.trophy-screen>.icon-button{position:absolute;top:16px;left:16px}.trophy-screen h2{margin-top:80px}.trophy-list{display:flex;justify-content:center;gap:clamp(12px,4vw,48px);margin-top:40px}.trophy-badge{display:grid;justify-items:center;gap:16px;opacity:.35}.trophy-badge[data-earned=true]{opacity:1;color:#c69236}.trophy-badge .control-icon{width:clamp(70px,20vw,160px);height:clamp(70px,20vw,160px)}@media (max-height:640px) and (orientation:landscape){.home-play-actions,.home-start-only{grid-column:2}.start-screen .start-button--color{width:140px;height:130px}.home-picture-button{width:80px;height:80px}}.dj-mode-toggle{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));z-index:3;display:flex;align-items:center;gap:8px;padding:12px;border:0;border-radius:20px;background:var(--panel, #fff9ed);color:var(--ink);cursor:pointer;font-weight:800}.dj-mode-toggle .control-icon{width:36px;height:36px}.dj-mode-toggle[aria-pressed=true]{background:#b8e7f1;color:#244957}.dj-start-icon{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;color:#64bbd3}.dj-start-icon .control-icon{width:80%;height:70%;flex:0 0 70%;stroke-width:1.6}.dj-start-icon strong{font-size:clamp(22px,4vw,40px)}