*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}body{-webkit-overflow-scrolling:touch;color:#5f4639;background:#fff4d6;font-family:Arial Rounded MT Bold,Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif;overflow:hidden auto}.portrait-guard{z-index:100;color:#e46f4f;text-align:center;background:radial-gradient(circle at 20% 20%,#ffd27e8c,#0000 26%),linear-gradient(#fff2bd 0%,#ffe0cc 58%,#d8f2df 100%);align-content:center;place-items:center;gap:22px;padding:28px;font-size:34px;font-weight:900;display:none;position:fixed;inset:0}.portrait-guard p{margin:0}.portrait-phone{background:#ffffff6b;border:9px solid #fff;border-radius:24px;width:92px;height:148px;box-shadow:0 10px #7c503629}@media (orientation:landscape) and (height<=520px){.portrait-guard{display:grid}}button{font:inherit}.screen,.game-shell{width:100%;min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));place-items:safe center center;display:grid}.title-screen,.result-screen,.mission-screen,.sticker-screen,.dex-screen,.loading-screen,.practice-screen,.settings-screen{background:radial-gradient(circle at 18% 16%,#ffd27e8c,#0000 24%),linear-gradient(#fff2bd 0%,#ffe0cc 52%,#d8f2df 100%);position:relative;overflow:hidden}.title-screen{padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#ffffff5c,#ffffff5c),url(/assets/images/backgrounds/BG_GAME.png) 50% 42%/cover no-repeat}.settings-panel{gap:20px}.settings-note{color:#6b4f3e;background:#ffffffc2;border-radius:18px;gap:10px;width:min(100%,330px);padding:16px;font-size:18px;font-weight:850;line-height:1.45;display:grid}.settings-note p{margin:0}.settings-actions{gap:10px;width:min(100%,330px);display:grid}.settings-actions button{color:#6b4f3e;background:#ffe08e;border:3px solid #fff;border-radius:14px;min-height:50px;font-size:19px;font-weight:900}.settings-actions button.danger{color:#fff;background:#ef835f}.settings-message{color:#44a074;margin:0;font-size:20px;font-weight:900}.browser-warning{color:#6b4f3e;text-align:center;background:#fff8e2eb;border:3px solid #fff;border-radius:18px;gap:8px;width:min(100%,330px);padding:14px;display:grid;box-shadow:0 6px #7c50361f}.browser-warning strong,.browser-warning span{display:block}.browser-warning strong{color:#e46f4f;font-size:18px;line-height:1.35}.browser-warning span{font-size:15px;font-weight:850}.practice-layout{text-align:center;align-content:center;justify-items:center;gap:18px;width:min(100%,390px);min-height:min(790px,100svh - 36px);display:grid}.practice-layout h1{color:#e46f4f;text-shadow:0 3px #ffffffb8;margin:0;font-size:clamp(34px,10vw,44px);line-height:1.12}.camera-play-guide{gap:8px;width:min(100%,350px);margin:-6px 0 0;padding:0;list-style:none;display:grid}.camera-play-guide li{color:#6b4f3e;text-align:left;background:#ffffffb3;border:3px solid #ffffffe6;border-radius:16px;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:48px;padding:8px 12px;font-size:17px;font-weight:900;line-height:1.25;display:grid}.camera-play-guide b{color:#fff;background:#ef835f;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.practice-video-wrap{aspect-ratio:1;background:#6f8a80;border:6px solid #fff;border-radius:30px;width:min(82vw,300px);position:relative;overflow:hidden;box-shadow:0 12px #7c503624}.practice-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-face-guide{pointer-events:none;border:4px dashed #ffffffd1;border-radius:50%;width:68%;height:74%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #5f46391a}.practice-status{color:#6b4f3e;background:#ffffffc2;border-radius:18px;justify-items:center;gap:2px;width:min(100%,300px);padding:16px;font-weight:900;display:grid}.practice-status p{margin:0;font-size:22px}.practice-status strong{color:#e46f4f;font-size:58px;line-height:1}.practice-status span{font-size:20px}.camera-helper-text{color:#6b4f3e;background:#ffffffc7;border-radius:16px;place-items:center;width:min(100%,330px);min-height:48px;margin:-8px 0 0;padding:10px 14px;font-size:16px;font-weight:900;line-height:1.35;display:grid}.camera-error-text{color:#8a4b2a;max-width:320px;margin:0;font-size:15px;font-weight:800;line-height:1.35}.camera-meter{background:#ffffff9e;border:3px solid #fff;border-radius:999px;width:min(100%,300px);height:18px;overflow:hidden}.camera-meter span{border-radius:inherit;background:linear-gradient(90deg,#b7ead8,#ffe08e,#ef835f);height:100%;display:block}.camera-tuning-panel{background:#ffffffc2;border-radius:18px;gap:10px;width:min(100%,330px);padding:14px;display:grid}.camera-tuning-panel label{color:#6b4f3e;text-align:left;grid-template-columns:58px 1fr 64px;align-items:center;gap:8px;font-size:15px;font-weight:900;display:grid}.camera-tuning-panel input{accent-color:#ef835f;width:100%}.camera-tuning-panel b{text-align:right;font-size:13px}.camera-reset-button{color:#6b4f3e;background:#c8efd9;border:2px solid #fff;border-radius:999px;min-height:38px;font-size:15px;font-weight:900}.loading-screen{color:#e46f4f;font-size:28px;font-weight:900}.soft-sun{background:#ffbe6973;border-radius:50%;width:132px;height:132px;position:absolute;top:7%;right:10%}.title-layout,.simple-panel{text-align:center;align-content:center;justify-items:center;gap:28px;width:min(100%,390px);min-height:min(780px,100svh - 36px);display:grid}.title-layout{width:min(100%,414px);height:min(844px,100svh - 24px);min-height:0;padding-bottom:max(8px, env(safe-area-inset-bottom));background:linear-gradient(#ffffff0a,#ffffff14),url(/assets/images/backgrounds/BG_TITLE.png) 50% 42%/cover no-repeat;border:clamp(4px,1.2vw,6px) solid #ffffffeb;border-radius:12px;align-content:end;gap:8px;overflow:hidden;box-shadow:0 8px 24px #5f46391f}.title-button-stack{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffb8;border:4px solid #ffffffdb;border-radius:18px;gap:9px;width:min(100%,336px);padding:10px 14px;box-shadow:0 7px #7c50361f}.title-button-stack .primary-button,.title-button-stack .secondary-button{border-radius:16px;min-height:54px;padding:8px 16px;font-size:21px}.brand-block h1,.simple-panel h1{color:#e46f4f;text-shadow:0 3px #ffffffb8;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(30px,8.4vw,40px);line-height:1.12}.brand-block h1{white-space:nowrap;font-size:clamp(29px,7.8vw,38px)}.mission-panel h1{text-wrap:balance;white-space:normal;width:min(100%,350px);font-size:clamp(28px,8.2vw,38px);line-height:1.22}.subcopy,.lead{margin:0;font-size:22px;font-weight:800}.mogu-character{background:#ffb6a1;border:6px solid #fff;border-radius:48% 52% 46% 54%;width:178px;height:154px;position:relative;box-shadow:0 12px #935b431f}.mogu-character.happy{background:#ffc0a9;width:132px;height:116px}.eye{background:#5d3a30;border-radius:50%;width:14px;height:14px;position:absolute;top:48px}.eye.left{left:48px}.eye.right{right:48px}.mouth{border:5px solid #7d4038;border-top:0;border-radius:0 0 58px 58px;width:58px;height:30px;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.mogu-character.happy .eye{top:34px}.mogu-character.happy .eye.left{left:34px}.mogu-character.happy .eye.right{right:34px}.mogu-character.happy .mouth{bottom:28px}.mogu-character-image{object-fit:contain;filter:drop-shadow(0 12px #935b431f);width:min(58vw,220px);max-height:220px}.mogu-character-image.result{width:min(42vw,150px);max-height:150px}.button-stack,.button-row{gap:14px;width:min(100%,360px);display:flex}.button-stack{flex-direction:column}.button-stack.compact{gap:10px}.sub-action-row{flex-wrap:wrap;justify-content:center;gap:8px;width:min(100%,360px);display:flex}.small-link-button{color:#6b4f3e;cursor:pointer;background:#ffffffad;border:2px solid #ffffffeb;border-radius:999px;min-height:38px;padding:7px 11px;font-size:14px;font-weight:900;box-shadow:0 4px #7c50361a}.button-row{flex-wrap:wrap;justify-content:center}.primary-button,.secondary-button,.icon-text-button{color:#fff;cursor:pointer;background:#ef835f;border:4px solid #fff;border-radius:18px;min-height:62px;padding:12px 18px;font-size:22px;font-weight:900;box-shadow:0 7px #7c50362e}.secondary-button{color:#6b4f3e;background:#ffe08e}.secondary-button.pale{background:#c8efd9}.icon-text-button{color:#5e4a39;background:#fff}.icon-text-button span{background:#b7ead8;border-radius:50%;place-items:center;width:32px;height:32px;margin-right:8px;display:inline-grid}.parent-link{color:#6b4f3e;background:#ffffffb8;border-radius:999px;max-width:min(100%,310px);margin-top:-6px;padding:8px 13px;font-size:14px;font-weight:900;line-height:1.35;text-decoration:none;display:inline-block}.parent-note{color:#5f4639b8;width:min(100%,330px);margin:-4px 0 0;font-size:12px;font-weight:800;line-height:1.45}.practice-parent-note{margin-top:-8px}.creator-credit{left:50%;bottom:max(8px, env(safe-area-inset-bottom));color:#5f46399e;letter-spacing:0;margin:0;font-size:12px;font-weight:800;position:absolute;transform:translate(-50%)}.simple-panel{padding:28px}.result-panel{gap:20px}.mission-panel{gap:24px}.mission-note{color:#6b4f3e;background:#ffffffc2;border-radius:18px;margin:0;padding:14px 18px;font-size:22px;font-weight:900}.mission-note p{margin:0}.mission-note p+p{margin-top:6px;font-size:16px;line-height:1.35}.mission-progress{color:#8a4b2a;background:#ffe08e;border:4px solid #fff;border-radius:999px;min-width:128px;margin:-8px 0 0;padding:10px 20px;font-size:26px;font-weight:900;box-shadow:0 6px #7c503624}.best-badge{color:#8a4b2a;background:#ffe08e;border-radius:999px;margin:0;padding:10px 18px;font-size:20px;font-weight:900}.play-badge{color:#5e4a39;background:#c8efd9;border-radius:999px;margin:0;padding:10px 18px;font-size:20px;font-weight:900}.score-list{gap:12px;width:min(100%,300px);margin:0;display:grid}.score-list div{background:#ffffffc2;border-radius:18px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.score-list dt,.score-list dd{margin:0;font-size:24px;font-weight:900}.score-list dd{color:#e46f4f}.ranking-box{background:#ffffffc2;border-radius:18px;gap:10px;width:min(100%,330px);padding:14px;display:grid}.ranking-box h2,.ranking-box p{margin:0}.ranking-box h2{color:#6b4f3e;font-size:22px}.ranking-form{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.ranking-form p{color:#8a4b2a;grid-column:1/-1;font-size:14px;font-weight:900}.ranking-form input{color:#5f4639;min-width:0;height:42px;font:inherit;background:#fff;border:3px solid #ffe08e;border-radius:12px;padding:0 12px;font-size:18px;font-weight:800}.ranking-form button{color:#fff;background:#44b889;border:0;border-radius:12px;height:42px;padding:0 14px;font-size:17px;font-weight:900}.ranking-saved{color:#44a074;font-size:18px;font-weight:900}.ranking-list{color:#6b4f3e;gap:6px;margin:0;padding-left:24px;font-size:17px;font-weight:900;display:grid}.ranking-list li{padding-left:4px}.ranking-list li::marker{color:#e46f4f}.ranking-list span{text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;max-width:170px;display:inline-block;overflow:hidden}.ranking-list b{float:right;color:#e46f4f}.collection-summary{background:#ffffffc2;border-radius:18px;gap:10px;width:min(100%,330px);padding:14px;display:grid}.collection-summary h2,.collection-summary p,.tiny-score{margin:0}.collection-summary h2{font-size:22px}.collection-summary p{font-size:18px;font-weight:900}.food-count-row{grid-template-columns:42px 1fr auto;align-items:center;gap:10px;font-size:20px;font-weight:900;display:grid}.food-count-row img{object-fit:contain;width:42px;height:42px}.food-count-row b,.tiny-score{color:#e46f4f}.earned-sticker{background:#fff8e6;border:4px solid #fff;border-radius:22px;justify-items:center;gap:8px;width:min(100%,260px);padding:14px;animation:.7s ease-out both sticker-pop;display:grid;box-shadow:0 8px #7c503624}.earned-sticker p,.earned-sticker b{color:#e46f4f;margin:0;font-size:22px;font-weight:900}.earned-sticker small{color:#8a6a55;font-size:13px;font-weight:900}.earned-sticker div{background:#fff;border:5px dashed #ffd26b;border-radius:50%;place-items:center;width:104px;height:104px;display:grid}.earned-sticker img{object-fit:contain;width:72px;height:72px}@keyframes sticker-pop{0%{opacity:0;transform:translateY(-18px)scale(.62)rotate(-12deg)}70%{opacity:1;transform:translateY(2px)scale(1.08)rotate(4deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.tiny-score{font-size:16px;font-weight:900}.collection-layout{text-align:center;align-content:start;justify-items:center;gap:16px;width:min(100%,390px);min-height:min(790px,100svh - 36px);padding:22px 0;display:grid}.collection-layout h1{color:#e46f4f;text-shadow:0 3px #ffffffb8;margin:0;font-size:clamp(30px,8vw,38px)}.sticker-layout{background:linear-gradient(#ffffff2e, #ffffff2e), var(--sticker-book-image,url(/assets/images/sticker-books/STICKER_BOOK_05_MAY.png)) center / cover;border:5px solid #fff;border-radius:24px;padding:22px 14px;box-shadow:0 10px #7c503624}.sticker-rule-note{background:#ffffffb8;border:3px solid #ffffffd1;border-radius:16px;gap:3px;width:min(100%,310px);padding:9px 12px;display:grid;box-shadow:0 5px #7c50361a}.sticker-rule-note p,.sticker-rule-note span{color:#8a6a55;margin:0;font-weight:900}.sticker-rule-note p{font-size:17px}.sticker-rule-note span{font-size:12px}.sticker-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.sticker-cell{aspect-ratio:1;background:#ffffff47;border:2px dashed #ffffffa3;border-radius:50%;place-items:center;display:grid}.sticker-cell img{object-fit:contain;width:76%;height:76%}.sticker-cell.locked{opacity:.7}.dex-list{gap:12px;width:100%;display:grid}.dex-card{text-align:left;background:#ffffffc2;border-radius:18px;grid-template-columns:74px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.dex-card.locked{opacity:.68}.dex-image{background:#fff4d6;border:3px solid #fff;border-radius:50%;place-items:center;width:74px;height:74px;display:grid}.dex-image img{object-fit:contain;width:62px;height:62px}.dex-image span{font-size:34px;font-weight:900}.dex-card h2,.dex-card p{margin:0}.dex-card h2{color:#e46f4f;font-size:22px}.dex-card p{font-size:17px;font-weight:900}.dex-count{color:#8a4b2a;background:#ffe08e;border-radius:999px;margin-top:5px;padding:4px 10px;font-size:13px;font-weight:900;display:inline-block}.dex-card small{color:#6b4f3e;margin-top:5px;font-size:12px;font-weight:800;line-height:1.35;display:block}.game-shell{touch-action:none;background:#2f6f51;height:100dvh;min-height:100svh;padding:0;position:relative;overflow:hidden}.game-host{width:100vw;height:100dvh;min-height:100svh}.game-host canvas{display:block}.game-home-button{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:6;color:#6b4f3e;background:#ffe08ef0;border:3px solid #fff;border-radius:50%;width:42px;min-width:42px;min-height:42px;padding:0;font-size:24px;font-weight:900;position:fixed;box-shadow:0 6px #7c50362e}.camera-panel{z-index:5;background:#6f8a80;border:5px solid #fff;border-radius:50%;place-items:center;display:grid;position:fixed;overflow:hidden;transform:translateZ(0);box-shadow:0 8px #7c50362e,0 0 0 4px #ffd66b38}.camera-panel.active{border-color:#ffd66b;box-shadow:0 8px #7c50362e,0 0 0 7px #ffd66b57}.camera-video{object-fit:cover;background:#6f8a80;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.camera-decor-frame{display:none!important}.camera-status{color:#fff;text-align:center;background:#5f4639bd;border-radius:999px;justify-items:center;max-width:calc(100% - 16px);padding:3px 8px;font-size:11px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.camera-status span{text-overflow:ellipsis;white-space:nowrap;max-width:118px;height:13px;overflow:hidden}@media (width<=360px){.primary-button,.secondary-button,.icon-text-button{font-size:20px}}