@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;800;900&display=swap');*{box-sizing:border-box}html{min-height:100%;font-family:Nunito,'Trebuchet MS',sans-serif}body{margin:0;min-height:100dvh;color:var(--ink);background:var(--sky);overflow-x:hidden}body{--ink:#25364b;--accent:#edab35;--accent2:#fff2bd;--sky:#bcebf7;--panel:#fffef5;--panelInk:#25364b;--line:#e9e4d3;--muted:#68778a}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #ffce63;outline-offset:3px}.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(#8bdcff 0%,#e5f9de 73%,#d2edaa);z-index:-1}.sun{position:absolute;right:8%;top:10%;width:130px;aspect-ratio:1;background:#fff6aa;border-radius:50%;box-shadow:0 0 0 25px #fff7ad4d,0 0 75px #fff1aa}.land{position:absolute;bottom:-80px;left:-10%;width:120%;height:34%;border-radius:50% 50% 0 0;background:linear-gradient(#9bd36d,#54ae74)}.land:before,.land:after{content:'';position:absolute;border-radius:50%;width:65%;height:85%;background:#b4e484;top:-30%;left:-20%}.land:after{left:auto;right:-24%;top:-9%;background:#86c969}.skyline,.portal{display:none}.particles{position:absolute;inset:0;overflow:hidden}.particle{position:absolute;top:-12%;left:var(--x);font-size:var(--size);animation:fall var(--dur) linear var(--delay) infinite;opacity:.85}.top{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:1160px;margin:auto;padding:17px 18px}.back,.sound,.world-tag{border:2px solid #ffffff9c;background:#ffffffd9;color:#28374b;text-decoration:none;border-radius:18px;padding:11px 16px;font-size:.84rem;font-weight:900;box-shadow:0 5px 14px #00000012}.world-tag{letter-spacing:.08em}.stage{max-width:1120px;margin:auto;padding:10px 18px 45px;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,480px);gap:24px;align-items:center}.intro{text-align:center;grid-column:1;align-self:end}.eyebrow{background:#ffffffa8;border-radius:30px;padding:8px 14px;letter-spacing:.13em;font-size:.72rem;font-weight:900}.intro h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.07;margin:17px 0 10px;text-shadow:0 4px #ffffff85}.intro h1 span{display:block;color:var(--accent)}.intro p{font-size:1.12rem;font-weight:800}.robot-area{grid-column:1;min-height:360px;display:grid;place-items:center;position:relative;align-self:start}.halo{position:absolute;width:min(80%,390px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffffc7 0%,#ffffff5b 45%,transparent 69%);box-shadow:0 0 0 3px #ffffff4a,0 0 0 27px #ffffff1c;animation:pulse 3s ease-in-out infinite}.robot-area img{width:90%;max-width:460px;max-height:330px;object-fit:contain;filter:drop-shadow(0 24px 15px #293c4255);position:relative;animation:bob 2.5s ease-in-out infinite alternate}.effect{position:absolute;font-size:2rem;animation:bob 2s ease-in-out infinite alternate}.e1{top:13%;left:12%}.e2{top:28%;right:9%;animation-delay:-1s}.e3{bottom:12%;left:23%;animation-delay:-.6s}.control{grid-column:2;grid-row:1/span 2;background:var(--panel);color:var(--panelInk);border:4px solid #fff;border-radius:32px;padding:24px;box-shadow:0 17px 0 #00000015,0 25px 50px #00000020}.status{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.status-badge{font-size:.69rem;font-weight:900;letter-spacing:.07em;color:#39885b;background:#e6f9e8;padding:8px 12px;border-radius:30px}.sound-name{font-size:.75rem;font-weight:800;color:var(--muted)}.clock{text-align:center;margin:10px 0 0;display:flex;justify-content:center;align-items:baseline;gap:9px}.clock span{font-size:clamp(5.5rem,11vw,8rem);line-height:1.15;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}.clock small{font-size:.7rem;font-weight:900;letter-spacing:.1em}.progress{height:14px;border-radius:20px;background:#e9edf3;overflow:hidden}.progress>div{width:0%;height:100%;background:linear-gradient(90deg,var(--accent),#f5d66a);border-radius:20px;transition:width .12s linear}.message{text-align:center;font-weight:900;margin:13px 0 19px;min-height:25px}fieldset{padding:0;margin:0;border:0}legend{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-align:center;margin-bottom:13px}.choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.choice{background:#f4f7fc;border:2px solid var(--line);border-radius:13px;padding:12px 4px;color:#39465a;font-weight:900;font-size:.87rem;min-height:62px}.choice:first-child{font-size:.72rem}.choice small{display:block;font-size:.62rem}.choice.active{background:var(--accent2);border-color:var(--accent);box-shadow:0 3px 0 var(--accent)}.custom{display:flex;justify-content:center;align-items:center;gap:9px;margin:18px auto;font-weight:900;font-size:.85rem}.custom input{width:105px;border:2px solid var(--line);border-radius:12px;padding:10px;text-align:center;min-width:0}.custom small{color:var(--muted);font-weight:700}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions button{border:0;border-radius:16px;min-height:54px;padding:10px;font-weight:900}.primary{grid-column:1/-1;background:var(--accent);color:#1f2941;box-shadow:0 5px 0 #0002;font-size:1.08rem}.secondary{background:#eaf0f7;color:#26334a}.stop{background:#ffe5e7;color:#8d3347}.tip{text-align:center;color:var(--muted);font-size:.73rem;line-height:1.5;margin:18px 0 0}body.running .robot-area img{animation:bob .55s ease-in-out infinite alternate}body.celebrate .robot-area img{animation:party .5s ease-in-out infinite alternate}body.celebrate .halo{box-shadow:0 0 50px var(--accent),0 0 0 25px #ffffff66}@keyframes bob{to{transform:translateY(-16px) rotate(3deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.7}}@keyframes fall{to{transform:translate(80px,115vh) rotate(720deg)}}@keyframes party{to{transform:rotate(10deg) scale(1.09)}}@media(max-width:850px){.stage{grid-template-columns:1fr;gap:0;max-width:560px}.intro,.robot-area,.control{grid-column:1;grid-row:auto}.intro h1{margin:12px 0 4px}.intro p{margin:0}.robot-area{min-height:220px}.robot-area img{max-height:220px;width:85%}.control{padding:18px}.top{padding:12px}.world-tag{display:none}.clock span{font-size:5.8rem}}@media(max-width:380px){.choices{grid-template-columns:repeat(3,1fr)}.custom{flex-wrap:wrap}.robot-area{min-height:175px}.robot-area img{max-height:170px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.scene:after{content:'🌼　　　🌷　　　🌸　　　🌼　　　🌻　　　🌷';position:absolute;bottom:5%;width:100%;font-size:clamp(1.4rem,3vw,3rem);white-space:nowrap;text-align:center}.robot-area img{filter:drop-shadow(0 18px 14px #558a3955)}