:root{--game-ui-text: #31546a;--game-ui-accent: #3f7fb8;--game-ui-accent-soft: #ffd77a;--game-ui-focus: #31546a}.game-ui-background,.game-ui-background *{box-sizing:border-box}.game-ui-background{position:relative;min-width:320px;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow-x:hidden;background:linear-gradient(#9fe4ff 0 68%,#95df6e 68% 100%);color:var(--game-ui-text);font-family:Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif}.game-ui-cloud{position:absolute;width:160px;height:54px;border-radius:999px;background:#ffffffe6}.game-ui-cloud:before,.game-ui-cloud:after{position:absolute;border-radius:50%;background:inherit;content:""}.game-ui-cloud:before{width:72px;height:72px;left:24px;top:-34px}.game-ui-cloud:after{width:58px;height:58px;right:28px;top:-24px}.game-ui-cloud--one{left:8%;top:13%}.game-ui-cloud--two{right:8%;top:8%;transform:scale(.8)}.game-ui-grass{position:absolute;inset:auto 0 0;height:28%;background:radial-gradient(circle at 20% 0,#b6ed84 0 10%,transparent 11%),#87d965}.game-ui-card{position:relative;z-index:2;width:min(940px,100%);min-height:660px;border:8px solid #fff8c9;border-radius:36px;padding:clamp(20px,4vw,40px);background:#ffffffd1;box-shadow:0 18px #5ca44847,0 22px 60px #36739233}.game-ui-screen{display:flex;flex-direction:column;justify-content:space-between;gap:22px;text-align:center}.game-ui-screen__content{display:grid;gap:18px;justify-items:center}.game-ui-brand{margin:0;color:#ff8fb3;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:900;letter-spacing:.08em}.game-ui-title{margin:0;color:var(--game-ui-accent);font-size:clamp(2.5rem,9vw,5rem);line-height:1.05;text-shadow:4px 4px 0 #fff}.game-ui-picofi-guide{display:flex;gap:14px;align-items:center;width:min(100%,520px);border-radius:28px;padding:12px 18px;background:#fff6a6;color:#7c5b1c;font-weight:800}.game-ui-picofi-guide .picofi{display:block;flex:0 0 78px;width:var(--picofi-size);height:78px;-webkit-user-select:none;user-select:none}.game-ui-picofi-guide .picofi__media{display:block;width:100%;height:100%;border:0;pointer-events:none}.game-ui-picofi-guide__message{display:grid;gap:2px;text-align:left}.game-ui-picofi-guide__message span{font-size:.85rem}.game-ui-picofi-guide__message strong{font-size:clamp(1rem,3vw,1.3rem);line-height:1.55}.game-ui-primary-button,.game-ui-secondary-button{border:0;border-radius:24px;padding:18px 24px;color:var(--game-ui-text);cursor:pointer;font:inherit;font-weight:900;touch-action:manipulation;box-shadow:0 8px #418b4347;transition:transform .08s,box-shadow .08s}.game-ui-primary-button{width:min(420px,100%);background:var(--game-ui-accent-soft);font-size:clamp(1.25rem,4vw,2rem)}.game-ui-secondary-button{background:#bdf1ff;font-size:1.1rem}.game-ui-settings{display:grid;gap:8px}.game-ui-result-heading{margin:0;color:var(--game-ui-accent);font-size:clamp(1.6rem,5vw,2.5rem)}.game-ui-game-name{margin:-10px 0 0;color:#63808d;font-weight:900}.game-ui-result{color:var(--game-ui-accent);font-size:clamp(2rem,7vw,4rem);font-weight:900}.game-ui-additional-results{color:#63808d;font-weight:800}.game-ui-result-actions{display:grid;gap:14px;width:min(420px,100%)}.game-ui-result-actions button{width:100%}.game-ui-footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 18px;color:#4f7182}.game-ui-footer button{border:0;padding:6px;background:transparent;color:inherit;cursor:pointer;font:inherit;text-decoration:underline}.game-ui-footer small{font-size:.9rem}.game-ui-background button:focus-visible,.game-ui-modal-backdrop button:focus-visible,.game-ui-modal-backdrop [href]:focus-visible{outline:4px solid var(--game-ui-focus);outline-offset:4px}.game-ui-background button:not(:disabled):active{transform:translateY(5px);box-shadow:0 3px #418b4347}.game-ui-modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;box-sizing:border-box;padding:24px;background:#31546a8c}.game-ui-modal{width:min(720px,100%);max-height:min(720px,90dvh);overflow:auto;border-radius:24px;background:#fff;color:var(--game-ui-text);box-shadow:0 20px 60px #14324659;font-family:Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif}.game-ui-modal__header{position:sticky;z-index:1;top:0;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #dbeafe;background:#fff}.game-ui-modal__header h2{margin:0;color:var(--game-ui-accent);font-size:1.7rem;text-align:left}.game-ui-modal__content{padding:0 24px 24px;line-height:1.7}.game-ui-modal__content h3{margin-bottom:0;color:var(--game-ui-accent)}.game-ui-icon-button{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:999px;background:var(--game-ui-accent-soft);color:var(--game-ui-text);cursor:pointer;font:inherit;font-size:1.5rem}@media(max-width:680px){.game-ui-background{place-items:start center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.game-ui-card{min-height:calc(100dvh - max(32px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));border-width:5px;padding:16px;border-radius:26px}.game-ui-screen__content{gap:14px}.game-ui-title{font-size:clamp(2rem,10vw,3rem)}.game-ui-picofi-guide{justify-content:flex-start}.game-ui-picofi-guide__message strong{font-size:.95rem}.game-ui-primary-button,.game-ui-secondary-button{border-radius:20px}.game-ui-modal-backdrop{padding:12px}.game-ui-modal__header,.game-ui-modal__content{padding-left:18px;padding-right:18px}}@media(max-height:760px){.game-ui-card{min-height:0;padding-block:12px}}@media(prefers-reduced-motion:reduce){.game-ui-background *,.game-ui-background *:before,.game-ui-background *:after{transition:none!important}}:root{color:#31546a;background:#aee8ff;font-family:Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button{font:inherit}.play-screen{display:grid;gap:10px}.play-screen h2{margin:4px 0 0;color:#3f7fb8;font-size:clamp(2.2rem,7vw,4rem);line-height:1;text-align:center}.play-header{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#5b7180;font-size:clamp(.95rem,2.2vw,1.15rem);font-weight:900}.play-header span{white-space:nowrap}.fruit-name{margin:0;text-align:center;color:#63808d;font-size:1.2rem;font-weight:800}.fruit-field{position:relative;height:min(36vh,270px);min-height:220px;display:grid;place-items:center;border:5px dashed #b6de91;border-radius:28px;background:linear-gradient(#ffffff73,#ffffff40)}.fruit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:clamp(8px,2vw,18px);width:min(100%,360px);padding:16px}.fruit{display:grid;place-items:center;width:clamp(48px,8vw,68px);height:clamp(48px,8vw,68px);font-size:clamp(2.5rem,6vw,3.6rem);line-height:1}.answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,500px);margin-inline:auto}.answer-button{min-height:58px;border:0;border-radius:24px;padding:8px;background:#ffc3d8;color:#65435a;cursor:pointer;font-size:clamp(1.5rem,4vw,2rem);font-weight:900;box-shadow:0 8px #418b4347}.answer-button:focus-visible{outline:4px solid #31546a;outline-offset:4px}.answer-button:disabled{cursor:default;opacity:.6}.feedback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:22px;background:#ffffffe6;text-align:center}.feedback-mark{font-size:clamp(4rem,14vh,7rem);line-height:.85}.feedback strong{font-size:clamp(1.75rem,5vh,3rem);line-height:1.2}.feedback.correct{color:#ff5791}.feedback.wrong{color:#4f91cc}.stars{font-size:clamp(2rem,7vw,4rem);letter-spacing:.08em}@media(max-width:680px){.fruit-field{min-height:210px}.answers{gap:8px}.answer-button{min-height:54px;border-radius:20px}}@media(max-height:760px){.play-screen{gap:6px}.play-screen h2{font-size:clamp(1.8rem,6vh,2.5rem)}.fruit-name{font-size:1rem}.fruit-field{height:clamp(190px,31dvh,235px);min-height:190px}.fruit{width:clamp(42px,7vh,58px);height:clamp(42px,7vh,58px);font-size:clamp(2.2rem,6vh,3rem)}.answer-button{min-height:48px}.feedback-mark{font-size:clamp(3.5rem,12vh,5.5rem)}.feedback strong{font-size:clamp(1.6rem,4.5vh,2.4rem)}}@media(max-height:620px){.fruit-field{height:175px;min-height:175px}.answers{padding-bottom:max(8px,env(safe-area-inset-bottom))}}