.icon-button{width:56px;height:56px;min-width:var(--tap-min);min-height:var(--tap-min);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text)}.icon-button-surface{background:var(--color-surface);box-shadow:var(--shadow-soft)}.icon-button-ghost{background:#fff9}.room-button{min-height:var(--button-min);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;box-shadow:var(--shadow-soft);color:var(--color-text)}.room-button-icon{display:flex}.room-button-name{font-size:var(--font-size-lg);font-weight:700;letter-spacing:.04em}.top-screen{flex:1;display:flex;flex-direction:column;padding:14px 16px calc(10px + var(--safe-bottom));gap:12px;overflow:hidden}.top-header{display:flex;justify-content:center}.top-title{display:flex;align-items:center;gap:8px;font-size:clamp(20px,5.6vw,var(--font-size-title));font-weight:700;letter-spacing:.02em}.top-daily{background:var(--color-surface);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-soft)}.top-daily-title{font-size:var(--font-size-sm);color:var(--color-muted);font-weight:700;margin-bottom:6px}.top-daily-list{display:flex;flex-direction:column;gap:6px}.top-daily-chip{display:flex;align-items:center;gap:8px;font-size:var(--font-size-md);font-weight:700;text-align:left;background:var(--color-bg);border-radius:999px;padding:8px 14px;min-height:var(--tap-min)}.top-daily-done{background:var(--color-success-soft)}.top-daily-star{color:#c9a227;font-size:var(--font-size-lg);flex-shrink:0}.top-rooms{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;min-height:0}.top-footer{display:flex;justify-content:center}.top-parent-button{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-muted);padding:10px 18px;min-height:var(--tap-min);border-radius:999px;position:relative;overflow:hidden}.top-parent-holding{background:var(--color-notice-soft)}.stage{flex:1;display:flex;flex-direction:column;min-height:0}.stage-play{position:relative;flex:1;overflow:hidden;touch-action:none;min-height:0}.stage-topbar{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none;z-index:20}.stage-topbar>*{pointer-events:auto}.stage-message{background:var(--color-surface);border-radius:999px;padding:10px 22px;font-size:var(--font-size-lg);font-weight:700;box-shadow:var(--shadow-soft);white-space:nowrap;max-width:62vw;overflow:hidden;text-overflow:ellipsis;align-self:center;pointer-events:none!important}.stage-hint{position:absolute;left:12px;bottom:12px;background:#ffffffd9;border-radius:999px;padding:6px 14px;font-size:var(--font-size-sm);color:var(--color-muted);z-index:15;pointer-events:none;max-width:70vw}.stage-reset{position:absolute;right:12px;bottom:12px;z-index:20}.stage-tray{display:flex;gap:6px;padding:8px 10px calc(8px + var(--safe-bottom));background:var(--color-surface);overflow-x:auto;flex-shrink:0;box-shadow:0 -3px 12px #3b352e14}.stage-tray-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;min-height:var(--button-min);padding:6px 6px 4px;border-radius:var(--radius-md);background:var(--color-bg);touch-action:none}.stage-tray-name{font-size:var(--font-size-xs);color:var(--color-muted);white-space:nowrap}.drag-ghost{position:absolute;pointer-events:none;z-index:30;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 10px rgba(59,53,46,.25))}.water-body{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#7ed6f78c,#2b9cc9a6);z-index:5;pointer-events:none;transition:transform .5s ease}.water-wave{position:absolute;top:-12px;left:0;width:200%;height:24px;background-image:radial-gradient(ellipse 28px 20px at 22px 24px,rgba(126,214,247,.9) 48%,transparent 52%);background-size:44px 24px;animation:wave-drift 5s linear infinite;pointer-events:none}.water-wave-2{top:-7px;opacity:.5;animation-duration:3.4s;animation-direction:reverse}.water-body-boost .water-wave{animation-duration:1.2s;top:-18px;height:32px}.water-object{position:absolute;transform:translate(-50%,-50%);touch-action:none}.water-effect{position:absolute;pointer-events:none;z-index:10}.water-effect-ripple{width:60px;height:24px;margin:-12px 0 0 -30px;border:3px solid rgba(255,255,255,.85);border-radius:50%;animation:ripple-ring .75s ease-out both}.water-effect-bubble{width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#ffffff8c;border:2px solid rgba(255,255,255,.9);animation:bubble-rise 1.4s ease-out both}.water-effect-star{width:22px;height:22px;margin:-11px 0 0 -11px;background:radial-gradient(circle,#ffd86b 40%,transparent 42%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ffd86b;animation:splash .7s ease-out both}.wind-ground{position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(180deg,#9ed9b0,#7cc99b);border-radius:24px 24px 0 0;pointer-events:none}.wind-fan{position:absolute;left:12px;top:42%;z-index:12;padding:6px;border-radius:24px;background:#ffffff8c;min-width:var(--button-min);min-height:var(--button-min);touch-action:none}.wind-fan-on{background:#ffffffe6;box-shadow:var(--shadow-soft)}.wind-fan-on .wind-fan-blades{animation:spin .7s linear infinite}.wind-line{position:absolute;left:0;width:90px;height:5px;border-radius:999px;background:#ffffffd9;animation:wind-line 1.4s ease-out both;pointer-events:none;z-index:6}.wind-line-strong{width:150px;height:6px;animation-duration:.9s}.wind-object{position:absolute;touch-action:none;z-index:8}.wind-object .pinwheel-blades{transform:rotate(var(--pinwheel-rot, 0deg))}.light-floor{position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(180deg,#57536a,#454157);pointer-events:none}.light-glow{position:absolute;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:radial-gradient(circle,rgba(255,216,107,.5) 0%,rgba(255,216,107,.18) 45%,transparent 70%);pointer-events:none;z-index:2;transition:width .3s ease,height .3s ease,margin .3s ease}.light-glow-boost{width:480px;height:480px;margin:-240px 0 0 -240px}.light-beams{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.light-shadow{position:absolute;height:22px;border-radius:50%;background:#1f1c28;transform-origin:left center;pointer-events:none;z-index:4;transition:width .1s linear}.light-object{position:absolute;transform:translate(-50%,-50%);touch-action:none;z-index:6}.light-lamp{position:absolute;transform:translate(-50%,-50%);touch-action:none;z-index:10;min-width:var(--button-min);min-height:var(--button-min);display:flex;align-items:center;justify-content:center}.light-lamp-off{opacity:.85}.light-dark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0d1a80;pointer-events:none;z-index:8}.roll-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.roll-object{position:absolute;touch-action:none;z-index:8}.roll-controls{position:absolute;right:10px;top:78px;display:flex;flex-direction:column;gap:8px;z-index:14}.roll-control{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:8px 10px;min-width:var(--button-min);min-height:var(--button-min);font-size:var(--font-size-xs);color:var(--color-muted);touch-action:none}.roll-control-on{background:var(--color-notice-soft);color:var(--color-text)}.color-canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.color-palette{position:absolute;left:10px;right:78px;bottom:calc(10px + var(--safe-bottom));display:flex;flex-wrap:wrap;justify-content:center;gap:6px;background:#ffffffe6;border-radius:var(--radius-lg);padding:8px 10px;box-shadow:var(--shadow-soft);z-index:20;touch-action:none;width:fit-content;max-width:calc(100% - 96px)}.color-swatch{width:48px;height:48px;border-radius:50%;border:3px solid rgba(59,53,46,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.color-swatch-tool{background:var(--color-bg)}.color-swatch-active{border-color:var(--color-text);transform:scale(1.12)}.discovery-card{position:relative;border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;gap:8px;overflow:hidden}.discovery-card-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.55) 18%,transparent 20%);background-size:26px 26px;pointer-events:none}.discovery-card-head{display:flex;justify-content:space-between;align-items:center;width:100%;z-index:1}.discovery-card-room{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-muted);font-weight:700}.discovery-card-date{font-size:var(--font-size-xs);color:var(--color-muted)}.discovery-card-icon{z-index:1;background:#ffffffbf;border-radius:50%;padding:10px;display:flex}.discovery-card-message{z-index:1;font-size:var(--font-size-md);font-weight:700;text-align:center;line-height:1.5}.discovery-card-compact .discovery-card-message{font-size:var(--font-size-sm)}.discovery-toast{position:fixed;left:0;right:0;bottom:calc(110px + var(--safe-bottom));z-index:60;display:flex;flex-direction:column;align-items:center;pointer-events:none}.discovery-toast-body{width:min(260px,72vw);animation:pop-in .4s ease-out both}.discovery-toast-title{text-align:center;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);background:var(--color-notice-soft);border-radius:999px;padding:4px 14px;margin:0 auto 6px;width:fit-content;box-shadow:var(--shadow-soft)}.discovery-card-room,.discovery-card-date{white-space:nowrap}.cards-screen{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:calc(20px + var(--safe-bottom))}.cards-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;position:sticky;top:0;background:var(--color-bg);z-index:5}.cards-title{font-size:var(--font-size-lg);font-weight:700}.cards-header-spacer{width:56px}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:6px 14px}@media(min-width:640px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.cards-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.cards-empty-text{font-size:var(--font-size-lg);color:var(--color-muted);text-align:center;line-height:1.6}.parent-menu{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--color-bg);padding-bottom:calc(24px + var(--safe-bottom))}.parent-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;position:sticky;top:0;background:var(--color-bg);z-index:5}.parent-title{font-size:var(--font-size-md);font-weight:700}.parent-header-spacer{width:56px}.parent-body{display:flex;flex-direction:column;gap:14px;padding:0 16px;max-width:560px;width:100%;margin:0 auto}.parent-section{background:var(--color-surface);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:10px}.parent-section-title{font-size:var(--font-size-sm);color:var(--color-muted);font-weight:700}.parent-row{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap-min)}.parent-row-label{display:flex;align-items:center;gap:8px;font-size:var(--font-size-md)}.parent-toggle{width:64px;height:36px;border-radius:999px;background:#d9cfc0;position:relative;transition:background .2s ease}.parent-toggle-on{background:var(--color-success-soft)}.parent-toggle-knob{position:absolute;top:4px;left:4px;width:28px;height:28px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-soft);transition:transform .2s ease}.parent-toggle-on .parent-toggle-knob{transform:translate(28px)}.parent-playtime{font-size:var(--font-size-md)}.parent-note{font-size:var(--font-size-sm);color:var(--color-muted);line-height:1.7}.parent-button{min-height:var(--tap-min);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--font-size-md);padding:10px 16px;font-weight:700}.parent-button-danger{background:var(--color-danger-soft)}.parent-confirm{display:flex;flex-direction:column;gap:10px;font-size:var(--font-size-md)}.parent-confirm-buttons{display:flex;gap:10px}.parent-confirm-buttons>*{flex:1}.parent-hold{position:relative;overflow:hidden}.parent-hold-progress{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b352e2e;transform:scaleX(0);transform-origin:left}.parent-hold-active .parent-hold-progress{transform:scaleX(1);transition:transform 2s linear}.parent-hold-label{position:relative}.parent-notice{background:var(--color-success-soft);border-radius:999px;padding:10px 18px;text-align:center;font-size:var(--font-size-md);font-weight:700}:root{--color-bg: #fff8e8;--color-surface: #ffffff;--color-text: #3b352e;--color-muted: #8a7e72;--color-water: #7ed6f7;--color-wind: #b9e8c9;--color-light: #ffd86b;--color-motion: #f7a76c;--color-colorroom: #d9b8ff;--color-water-deep: #2b9cc9;--color-wind-deep: #4d9e6b;--color-light-deep: #c99a1e;--color-motion-deep: #c9702e;--color-colorroom-deep: #8f63c9;--color-success-soft: #bfe8a5;--color-notice-soft: #ffe08a;--color-danger-soft: #f7b7a3;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 18px;--font-size-lg: 24px;--font-size-xl: 32px;--font-size-title: 36px;--icon-stroke-width: 3;--icon-radius: 16px;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 12px;--tap-min: 48px;--button-min: 64px;--shadow-soft: 0 4px 14px rgba(59, 53, 46, .12);--font-family-base: "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family-base);background:var(--color-bg);color:var(--color-text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation}button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer;touch-action:manipulation}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--safe-top)}.bg-dots{background-image:radial-gradient(rgba(59,53,46,.05) 12%,transparent 13%);background-size:34px 34px}.bg-water{background:linear-gradient(180deg,#eafaff,#d3f1fc)}.bg-wind{background:linear-gradient(180deg,#f2fbf5,#ddf2e5)}.bg-light{background:linear-gradient(180deg,#4d4a5e,#6b6680)}.bg-roll{background:linear-gradient(180deg,#fff3e4,#ffe7cd)}.bg-color{background:linear-gradient(180deg,#f8f2ff,#efe3ff)}.pressable{transition:transform .12s ease}.pressable:active{transform:scale(.93)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes floaty{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}@keyframes roll{0%{transform:translate(0) rotate(0)}to{transform:translate(180px) rotate(360deg)}}@keyframes splash{0%{transform:scale(.4);opacity:.8}to{transform:scale(2.2);opacity:0}}@keyframes sparkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes bubble-rise{0%{transform:translateY(0) scale(.6);opacity:.9}to{transform:translateY(-120px) scale(1.1);opacity:0}}@keyframes flutter{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(8deg)}50%{transform:translateY(0) rotate(-6deg)}75%{transform:translateY(-4px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@keyframes wind-line{0%{transform:translate(-30%);opacity:0}15%{opacity:.8}85%{opacity:.8}to{transform:translate(110vw);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pop-in{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fade-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wobble{0%,to{transform:rotate(0)}30%{transform:rotate(4deg)}60%{transform:rotate(-4deg)}}@keyframes ripple-ring{0%{transform:scale(.3);opacity:.7}to{transform:scale(2.4);opacity:0}}@keyframes wave-drift{0%{transform:translate(0)}to{transform:translate(-88px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.anim-floaty{animation:floaty 2.6s ease-in-out infinite}.anim-sparkle{animation:sparkle 1.4s ease-in-out infinite}.anim-flutter{animation:flutter 1.2s ease-in-out infinite}.anim-pop-in{animation:pop-in .35s ease-out both}.anim-fade-up{animation:fade-up .3s ease-out both}.anim-wobble{animation:wobble .5s ease-in-out}.anim-breathe{animation:breathe 2.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.calm-motion *,.calm-motion *:before,.calm-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}