: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:#39505a;background:#aee8ff;font-family:ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.page-shell{min-height:100vh}.progress-row{display:flex;min-height:30px;align-items:center;justify-content:space-between;color:#76a994;font-size:.84rem;font-weight:800}.progress-dots{display:flex;gap:6px}.progress-dots i{width:9px;height:9px;border-radius:50%;background:#dbe7e0}.progress-dots i.active{background:#f2bc48}.message-row{display:flex;min-height:118px;align-items:center;justify-content:center;gap:10px}.picofi-wrap{flex:0 0 104px}.picofi-wrap .picofi{display:block;width:var(--picofi-size);max-width:100%;aspect-ratio:1}.picofi-wrap .picofi__media{display:block;width:100%;height:100%;border:0;pointer-events:none}.status-kicker{min-height:1.2em;margin:0 0 4px;color:#e09b35;font-size:.72rem;font-weight:800;letter-spacing:.12em}.message-row h2{margin:0;color:#3e555d;font-size:clamp(1.05rem,4.5vw,1.4rem);line-height:1.5}.memory-grid{display:grid;width:min(100%,390px);margin:8px auto 24px;grid-template-columns:repeat(3,1fr);gap:clamp(9px,3vw,14px)}.memory-grid button{position:relative;aspect-ratio:1;border:0;border-radius:22%;background:#e4eee9;box-shadow:inset 0 -5px #587e6f1c;transition:background .2s,transform .15s,box-shadow .2s}.memory-grid.answer button{cursor:pointer}.memory-grid.answer button:hover{transform:scale(1.03)}.memory-grid button.highlighted{background:#ffd45e;box-shadow:0 0 0 6px #fff2b8,0 8px 18px #e2ab2f47;transform:scale(1.04)}.memory-grid button.selected{background:#7fcab3;box-shadow:inset 0 -5px #55a78e}.memory-grid button.selected span{position:absolute;inset:30%;border:solid white;border-width:0 5px 5px 0;transform:rotate(45deg) translate(-8%,-8%)}.memory-grid button.missed{background:#ffe3a0;box-shadow:inset 0 0 0 4px #f2bc48}.answer-button{display:block;width:min(100%,390px);min-height:58px;margin:0 auto;border:0;border-radius:20px;padding:14px 34px;background:#f4be4b;box-shadow:0 6px #d89b2b;color:#59491f;cursor:pointer;font-weight:800}.answer-button:focus-visible,.memory-grid button:focus-visible{outline:4px solid #6ab6a2;outline-offset:3px}.answer-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}@media(max-width:430px){.message-row{min-height:104px}.picofi-wrap{flex-basis:88px}.memory-grid{gap:9px}}@media(prefers-reduced-motion:reduce){.memory-grid button{transition:none!important}}