/* Panda Arcade 2.0: native mobile layout, readable UI, restrained motion. */
:root{--p20-mint:#b8f2ce;--p20-ink:#11332a;--p20-gold:#f4c96d}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{overflow-x:clip}
.p20-news-link{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;touch-action:manipulation;min-height:44px;white-space:nowrap;color:#fff!important;position:relative;z-index:10;cursor:pointer}
.p20-news-link:focus-visible{outline:3px solid #53e2ad;outline-offset:3px}
#screenHome>.p126-care-rail{position:relative;z-index:1;margin-block:9px 13px!important}
#screenHome>.p126-care-rail .p124-care-actions{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none;gap:9px!important;touch-action:pan-x!important;overscroll-behavior-inline:contain}
#screenHome>.p126-care-rail .p124-care-actions::-webkit-scrollbar{display:none}
#screenHome>.p126-care-rail .p124-care-actions>*{scroll-snap-align:start;flex:0 0 82px!important;min-width:82px!important;max-width:90px!important}
#screenHome>.p126-care-rail .p124-care-actions img{max-width:55px;max-height:58px;object-fit:contain;animation:p20-idle 2.9s ease-in-out infinite;animation-delay:var(--p20-delay,0s)}
#screenHome .p124-care-feedback,#screenHome .p124-care-top{color:#173d2c!important;overflow-wrap:anywhere}
#screenHome .pet-card{min-height:0!important}
.arcade-now.game-fullscreen .arcade-now-top{padding-inline:12px;gap:10px}
.game-area.arcade120-mode{min-height:0!important}
.a120-hud{gap:6px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:7px!important}
.a120-hud>div{min-width:0!important;overflow:hidden;padding:7px 3px;gap:3px}
.a120-hud strong{font-size:clamp(15px,4.9vw,21px)!important;line-height:1.09;max-width:100%;overflow-wrap:break-word;text-align:center}
.a120-hud small{font-size:10px!important;letter-spacing:.075em;text-align:center;white-space:normal}
.a120-controls{padding:8px 11px calc(8px + env(safe-area-inset-bottom,0px))!important;min-height:75px!important;gap:10px!important}
.a120-controls img{object-fit:contain;animation:p20-panda-move .63s ease-in-out infinite alternate}
.a120-controls>span{font-size:clamp(10px,3.1vw,13px)!important;line-height:1.35!important}
.a120-controls [data-main]{flex-shrink:0;min-height:48px;max-width:34vw;padding:9px 10px!important;white-space:normal;overflow-wrap:anywhere}
.a120-world{isolation:isolate}
.a120-world::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 18% 24%,#fff9 0 1px,transparent 3px),radial-gradient(circle at 79% 32%,#fff8 0 1px,transparent 4px),radial-gradient(circle at 61% 73%,#fff6 0 1px,transparent 3px);opacity:.28;animation:p20-twinkle 3.7s ease-in-out infinite alternate}
.a120-finish{z-index:7!important;overflow-y:auto!important;padding:max(12px,env(safe-area-inset-top,0px)) 13px max(14px,env(safe-area-inset-bottom,0px))!important;align-items:safe center!important}
.a120-finish-card{max-height:calc(100dvh - 90px)!important;overflow-y:auto!important;width:min(100%,360px)!important;min-width:0!important;overflow-wrap:anywhere!important;color:#194735!important}
.a120-finish-card h2{color:#1a4c36!important;line-height:1.18!important;font-size:clamp(21px,6vw,28px)!important}
.a120-finish-card [data-result]{color:#186a4e!important;font-size:clamp(18px,5vw,24px)!important}
.a120-finish-card [data-award]{color:#425f4c!important}
.a120-finish-card button{white-space:normal!important;overflow-wrap:anywhere!important;min-height:45px!important}
.arcade-game-card,.a120-hud>div{overflow-wrap:anywhere}
.arcade-game-card{transition:transform .2s ease,box-shadow .2s ease}
.arcade-game-card:active{transform:scale(.985)}
#toast.toast{pointer-events:none!important;max-width:min(420px,calc(100vw - 24px))!important;box-sizing:border-box!important}
#modal .modal-card,#importModal .modal-card{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px)!important}
#gameArea .maze-card,#gameArea .tetris-card,#gameArea .pmerge-card{max-height:calc(100dvh - 44px)!important}
#screenGame .arcade-cover-panda{animation:p20-panda-sway 2.3s ease-in-out infinite alternate}
#screenGame .arcade-cover{overflow:hidden}
#screenGame .arcade-cover::after{content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(circle at 78% 25%,#fff8,transparent 24%);opacity:.18;animation:p20-twinkle 3.9s ease-in-out infinite alternate}
.p20-animated-panda{transform-origin:50% 83%;animation:p20-panda-move .7s ease-in-out infinite alternate;will-change:transform}
.p20-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;contain:layout paint}
.p20-particle{position:absolute;display:block;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fff8dc,transparent);animation:p20-particle 2.8s ease-in-out infinite;transform:translate3d(0,0,0)}
.p20-nav-return{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;max-width:100%;color:#fff}
@keyframes p20-idle{0%,100%{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes p20-panda-move{0%{transform:translateY(0) scale(.99)}100%{transform:translateY(-4px) scale(1.02)}}
@keyframes p20-panda-sway{to{transform:translateY(-5px) rotate(1.5deg)}}
@keyframes p20-twinkle{to{opacity:.5;filter:brightness(1.2)}}
@keyframes p20-particle{0%{opacity:0;transform:translate3d(0,6px,0)}35%{opacity:.8}100%{opacity:0;transform:translate3d(5px,-22px,0)}}
@media(max-width:370px){.a120-controls{gap:6px!important;padding-inline:6px!important}.a120-controls img{width:37px!important}.a120-controls [data-main]{max-width:31vw!important;font-size:11px!important}.a120-hud{padding:5px!important;gap:4px!important}.a120-hud>div{padding-inline:2px!important}}
@media(max-height:670px){.a120-controls{min-height:59px!important}.a120-hud{min-height:54px!important}.a120-hud strong{font-size:15px!important}.a120-finish-card img{height:56px!important}}
@media(prefers-reduced-motion:reduce){.p20-animated-panda,.p20-particle,.a120-world::after,#screenGame .arcade-cover::after,#screenGame .arcade-cover-panda,#screenHome>.p126-care-rail .p124-care-actions img,.a120-controls img{animation:none!important}}