:root{color:#31546a;background:#aee8ff;font-family:Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{cursor:pointer;font:inherit;touch-action:manipulation;border:0}.game-shell{background:linear-gradient(#9fe4ff 0 68%,#95df6e 68% 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.game-card{z-index:2;background:#fffc;border:8px solid #fff8c9;border-radius:36px;width:min(940px,100%);min-height:660px;padding:clamp(20px,4vw,40px);position:relative;box-shadow:0 18px #5ca44847,0 22px 60px #36739233}.cloud{background:#ffffffe6;border-radius:999px;width:160px;height:54px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:72px;height:72px;top:-34px;left:24px}.cloud:after{width:58px;height:58px;top:-24px;right:28px}.cloud-one{top:13%;left:8%}.cloud-two{top:8%;right:8%;transform:scale(.8)}.grass{background:radial-gradient(circle at 20% 0,#b6ed84 0 10%,#0000 11%),#87d965;height:28%;position:absolute;inset:auto 0 0}.title-screen,.result-screen{text-align:center;justify-items:center;gap:18px;display:grid}.brand{color:#ff8fb3;letter-spacing:.08em;margin:0;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:900}h1{color:#3f7fb8;text-shadow:4px 4px #fff;margin:0;font-size:clamp(2.5rem,9vw,5rem);line-height:1.05}h2{color:#3f7fb8;text-align:center;margin:10px 0 0;font-size:clamp(2.2rem,7vw,4rem)}.picofi-guide{color:#7c5b1c;background:#fff6a6;border-radius:28px;justify-content:center;align-items:center;gap:12px;max-width:min(100%,520px);padding:12px 16px;font-size:1.2rem;font-weight:800;display:flex}.picofi-avatar-slot{color:#d99a30;background:#ffffff94;border:3px dashed #ffbd59;border-radius:22px;flex:none;place-items:center;width:64px;height:64px;display:grid}.picofi-avatar-slot span{font-size:1.8rem;line-height:1}.picofi-talk{text-align:left;gap:3px;display:grid}.picofi-talk strong{font-size:1.3rem}.difficulty-list{gap:14px;width:min(520px,100%);display:grid}.big-button,.sound-button,.answer-button,.keypad button{color:#31546a;border-radius:24px;padding:18px 24px;font-weight:900;transition:transform 80ms,box-shadow 80ms;box-shadow:0 8px #418b4347}.big-button{background:#ffd77a;font-size:clamp(1.25rem,4vw,2rem)}.sound-button{background:#bdf1ff;font-size:1.2rem}.legal-link{color:#4f7182;background:0 0;text-decoration:underline}button:active{transform:translateY(5px);box-shadow:0 3px #418b4347}.play-screen{gap:14px;display:grid}.play-header{color:#5b7180;flex-wrap:wrap;justify-content:space-between;gap:8px;font-weight:900;display:flex}.animal-name{text-align:center;color:#63808d;margin:0;font-size:1.25rem;font-weight:800}.animal-field{background:linear-gradient(#ffffff73,#ffffff40);border:5px dashed #b6de91;border-radius:28px;height:min(46vh,340px);min-height:320px;position:relative;overflow:hidden}.animal{place-items:center;width:clamp(38px,9vw,52px);height:clamp(38px,9vw,52px);font-size:clamp(2rem,8vw,2.75rem);display:grid;position:absolute;transform:translate(0)}.choices{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.answer-button{color:#65435a;background:#ffc3d8;font-size:2rem}.keypad-wrap{justify-items:center;gap:12px;display:grid}.keypad-display{color:#3f7fb8;text-align:center;background:#fff;border-radius:20px;min-width:160px;padding:10px 22px;font-size:2rem;font-weight:900}.keypad{grid-template-columns:repeat(3,minmax(72px,112px));gap:10px;display:grid}.keypad button{background:#ffc3d8;font-size:1.6rem}.feedback{background:#ffffffa3;place-items:center;font-size:clamp(6rem,20vw,11rem);font-weight:900;display:grid;position:absolute;inset:0}.feedback strong{font-size:clamp(2rem,7vw,4rem);display:block}.feedback.correct{color:#ff7aa8}.feedback.wrong{color:#71a7d8}.stars{letter-spacing:.08em;font-size:clamp(2rem,7vw,4rem)}.record{color:#63808d;font-weight:800}.modal-backdrop{z-index:5;background:#31546a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{color:#31546a;background:#fff;border-radius:24px;width:min(720px,100%);max-height:min(720px,90vh);overflow:auto}.modal-header{background:#fff;border-bottom:1px solid #dbeafe;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-content{padding:0 24px 24px;line-height:1.7}.icon-button{color:#31546a;background:#ffd77a;border-radius:999px;width:44px;height:44px;font-size:1.5rem}.muted{color:#63808d}@media (width<=680px){.game-shell{padding:12px}.choices{grid-template-columns:repeat(2,1fr)}.game-card{border-width:5px;border-radius:26px;min-height:calc(100vh - 24px);padding:16px}h1{font-size:clamp(2.1rem,13vw,3.4rem)}h2{font-size:clamp(2rem,12vw,3rem)}.picofi-guide{justify-content:flex-start;width:100%}.animal-field{min-height:330px}.big-button,.sound-button,.answer-button,.keypad button{border-radius:20px;padding:14px 16px}.keypad{grid-template-columns:repeat(3,minmax(64px,1fr));width:100%}}