:root{color:#30291f;font-synthesis:none;background:#fffaf0;font-family:Comic Sans MS,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible{outline-offset:5px;outline:4px dashed #315fbd}.english-world{isolation:isolate;-webkit-user-select:none;user-select:none;background:radial-gradient(at 23% 91%,#e8e0bd66 0 10%,#0000 35%),radial-gradient(circle at 82% 16%,#dcecff55 0 8%,#0000 28%),#fffaf0;min-height:100svh;position:relative;overflow:hidden}.paper-texture{z-index:20;opacity:.2;pointer-events:none;mix-blend-mode:multiply;background-image:repeating-linear-gradient(7deg,#76533d09 0 1px,#0000 1px 5px),radial-gradient(#76533d1b .7px,#0000 .8px);background-size:auto,9px 11px;position:absolute;inset:0}.app-heading{z-index:9;top:max(18px, env(safe-area-inset-top));align-items:center;gap:1.4rem;display:flex;position:absolute;left:clamp(28px,4vw,56px)}.app-heading h1{color:#354e81;letter-spacing:.06em;margin:0;font-size:clamp(.9rem,1.45vw,1.2rem);font-weight:500;line-height:1.35;transform:rotate(-1.5deg)}.app-heading h1 span{white-space:nowrap;display:inline-block}.app-heading h1 span+span{margin-left:.7em}.star-counter{color:#d29b18;filter:drop-shadow(2px 3px #8c642433);gap:.18rem;min-width:2.2rem;min-height:1.2em;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.2;display:flex}.conversation-space{z-index:7;width:min(55vw,660px);min-height:48vh;position:absolute;top:max(14vh,108px);left:clamp(24px,7vw,100px)}.speech-bubble{text-align:center;background:#fffdf7eb;border:3px solid #354e81;border-radius:42px 34px 45px 31px;width:fit-content;min-width:min(38vw,330px);max-width:100%;padding:clamp(1rem,2.4vw,1.7rem) clamp(1.25rem,3vw,2.2rem);position:relative;box-shadow:6px 7px #70a9d455}.speech-bubble:after{content:"";background:#fffdf7;border-bottom:3px solid #354e81;border-right:3px solid #354e81;width:42px;height:32px;position:absolute;bottom:23px;right:-27px;transform:skew(-34deg)rotate(-17deg)}.speech-bubble p{margin:0;font-size:clamp(1.6rem,4.5vw,3.5rem);font-weight:700;line-height:1.22}.speech-bubble small{color:#625b53;margin-top:.65rem;font-size:clamp(.92rem,1.9vw,1.25rem);display:block}.nagai-kubi{z-index:5;right:clamp(1vw,5vw,72px);bottom:max(18px, env(safe-area-inset-bottom));aspect-ratio:5/9;transform-origin:50% 100%;height:min(66vh,600px);position:absolute}.nagai-kubi svg{filter:drop-shadow(2px 5px #5c392522);width:100%;height:100%;display:block;overflow:visible}.listening-note,.feedback-note,.loading-note,.ready-note,.notice{z-index:8;width:fit-content;position:relative}.listening-note{color:#52764b;align-items:center;gap:.65rem;margin:2rem 0 0 10%;font-size:clamp(1.35rem,3.2vw,2.25rem);font-weight:700;display:flex}.listening-note span{background:#70a9d4;border-radius:50%;width:18px;height:18px;animation:1.1s ease-out infinite listening-pulse;box-shadow:0 0 #70a9d466}.feedback-note{color:#b43b2f;filter:drop-shadow(3px 4px #f3d94677);margin:1.8rem 0 0 12%;font-size:clamp(2rem,5.5vw,4.7rem);font-weight:700}.loading-note{color:#52764b;margin-top:1.5rem;transform:rotate(1deg)}.ready-note{color:#52764b;margin-top:1.5rem;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700;transform:rotate(1deg)}.loading-note span,.loading-note strong{line-height:1.6;display:block}.loading-note strong{color:#354e81;font-size:clamp(1.05rem,2vw,1.35rem)}.notice{color:#8c4426;background:#fff3d9c7;border-left:5px solid #e77b36;max-width:33rem;margin-top:1.4rem;padding:.8rem 1rem;font-weight:700;line-height:1.65}.main-action{z-index:10;left:clamp(28px,11vw,160px);bottom:max(4vh, env(safe-area-inset-bottom));position:absolute}.talk-button,.again-button{color:#30291f;cursor:pointer;background:#f3d946;border:3px solid #30291f;border-radius:48% 52% 46% 54%/55% 45%;min-width:clamp(190px,27vw,285px);min-height:76px;padding:.8rem 2rem;font-size:clamp(1.35rem,3vw,2rem);font-weight:700;position:relative;box-shadow:5px 7px #30291f}.talk-button:disabled{cursor:default;filter:saturate(.7);opacity:.7}.talk-rings{vertical-align:-5px;border:3px solid #30291f;border-radius:50%;width:18px;height:24px;margin-right:.75rem;display:inline-block}.talk-rings:after{content:"";border-bottom:3px solid #30291f;border-radius:50%;width:25px;height:11px;margin:9px 0 0 -7px;display:block}.again-button{background:#b8d59b}.adult-area{z-index:30;pointer-events:none;position:fixed;inset:0}.adult-toggle{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#625b53;cursor:pointer;pointer-events:auto;background:#fffaf0cc;border:0;border-bottom:1px solid #786f64;min-width:58px;min-height:38px;font-size:.78rem;position:absolute}.adult-panel{left:50%;bottom:max(12px, env(safe-area-inset-bottom));-webkit-user-select:text;user-select:text;pointer-events:auto;background:#fffdf7f5;border:2px solid #786f64;border-radius:21px 17px 24px 18px;width:min(760px,100vw - 32px);max-height:min(44svh,420px);padding:1rem;position:absolute;overflow-y:auto;transform:translate(-50%);box-shadow:4px 5px #786f6433}.adult-panel dl{margin:0}.adult-panel dl>div{border-bottom:1px dashed #c7bfb3;padding:.55rem 0}.adult-panel dt{color:#52764b;font-size:.76rem;font-weight:700}.adult-panel dd{overflow-wrap:anywhere;margin:.2rem 0 0;line-height:1.45}.adult-panel small{color:#786f64}.fake-entry{gap:.55rem;margin-top:1rem;display:grid}.fake-entry label{color:#354e81;font-size:.85rem;font-weight:700}.fake-entry input{background:#fff;border:2px solid #70a9d4;border-radius:12px;min-height:48px;padding:.55rem .7rem}.fake-entry button{color:#354e81;cursor:pointer;background:#dcecff;border:2px solid #354e81;border-radius:999px;min-height:48px;font-weight:700}.fake-entry button:disabled{cursor:default;opacity:.45}@keyframes listening-pulse{to{box-shadow:0 0 0 13px #70a9d400}}@media (orientation:portrait){.app-heading{top:max(16px, env(safe-area-inset-top));left:5vw}.app-heading h1 span{display:block}.app-heading h1 span+span{margin-left:0}.conversation-space{width:90vw;min-height:25vh;top:max(9vh,105px);left:5vw}.nagai-kubi{height:min(42vh,520px);top:38vh;bottom:auto;right:calc(50% - 145px)}.main-action{left:50%;bottom:max(5vh, env(safe-area-inset-bottom));transform:translate(-50%)}.adult-panel{max-height:min(36svh,460px)}}@media (width<=620px){.app-heading{gap:.6rem;left:16px;right:74px}.conversation-space{width:73vw;top:14vh;left:4vw}.speech-bubble{min-width:0;padding:.9rem 1rem}.nagai-kubi{height:min(40vh,440px);right:calc(50% - 122px)}.talk-button,.again-button{min-width:180px}}@media (orientation:landscape) and (height<=560px){.app-heading{top:2vh}.conversation-space{min-height:42vh;top:max(16vh,82px)}.speech-bubble{padding:.85rem 1.4rem}.speech-bubble p{font-size:clamp(1.45rem,4.5vw,2.6rem)}.nagai-kubi{height:min(68vh,380px);bottom:10px}.main-action{bottom:4vh}.talk-button,.again-button{min-height:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
