/* Panda 1.26: compact native care rail, real illustrated arcade cards, readable shops.
  This layer is Panda-only and follows 1.25; no newsroom CSS or save logic. */
:root{--p126-ink:#162b24;--p126-muted:#566b60;--p126-round:22px}
#screenHome .p126-care-rail{position:relative;z-index:2;margin:9px 0 16px!important;padding:13px 12px 10px!important;border-radius:23px!important;background:linear-gradient(135deg,#f6fbf4,#eaf4ed)!important;border:1px solid #d5e3d7!important;color:#193e32!important;box-shadow:0 9px 22px rgba(17,48,29,.1)!important;overflow:hidden}
#screenHome .p126-care-rail .p124-care-top{display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:0 4px 7px}
#screenHome .p126-care-rail .p124-care-top strong{font-size:14px!important;color:#173b2a!important}
#screenHome .p126-care-rail .p124-care-top [data-left]{margin-left:auto!important;color:#316346!important;background:#dcefe0!important}
#screenHome .p126-care-rail .p126-hint{color:#5e826c;font-size:10px;font-weight:800;white-space:nowrap}
#screenHome .p126-care-rail>p:not(.p124-care-feedback){display:none!important}
#screenHome .p126-care-rail .p124-care-actions{display:flex!important;gap:8px!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;padding:3px 1px 9px!important;max-width:100%!important;grid-template-columns:none!important}
#screenHome .p126-care-rail .p124-care-actions::-webkit-scrollbar{display:none}
#screenHome .p126-care-rail .quick-actions{display:contents!important;position:static!important;margin:0!important;padding:0!important;transform:none!important;max-width:none!important;height:auto!important;min-height:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
#screenHome .p126-care-rail .p124-care-actions button{flex:0 0 86px!important;min-width:86px!important;max-width:86px!important;min-height:91px!important;display:flex!important;flex-direction:column!important;gap:6px!important;align-items:center!important;justify-content:center!important;position:relative!important;padding:10px 6px 8px!important;scroll-snap-align:start!important;border-radius:17px!important;background:linear-gradient(155deg,#fffefa,#f8fcf9)!important;border:1px solid #d3e5d9!important;color:#17412e!important;box-shadow:0 4px 12px rgba(13,74,41,.09)!important;font-weight:850!important;font-size:11px!important;line-height:1.15!important;white-space:normal!important;text-align:center!important}
#screenHome .p126-care-rail .p124-care-actions button:disabled{opacity:.48!important;filter:grayscale(.5)}
#screenHome .p126-care-rail .p124-care-actions button img,#screenHome .p126-care-rail .p124-care-actions button .icon img{display:block!important;width:43px!important;height:43px!important;object-fit:contain!important}
#screenHome .p126-care-rail .p124-care-actions button .icon{width:43px!important;height:43px!important;margin:0!important;display:grid!important;place-items:center!important}
#screenHome .p126-care-rail .p124-care-actions button .label{display:block!important;color:#173d2c!important;font-size:11px!important;font-weight:850!important;opacity:1!important;text-shadow:none!important}
#screenHome .p126-care-rail .p124-care-feedback{margin:0!important;min-height:0!important;line-height:1.3!important}
#screenHome .p126-care-rail .p124-care-feedback:empty{display:none!important}
#screenHome .p126-care-rail .p124-room-collectibles{margin-top:3px!important;min-height:0!important;font-size:10px!important;opacity:.72!important}
#screenHome .pet-card>.quick-actions{display:none!important} /* replaced by same DOM buttons inside the rail */
#screenHome .p124-room-caption{max-width:calc(100% - 32px)!important;margin-inline:auto!important;position:relative!important;z-index:2!important;pointer-events:none!important}
/* Night mode must affect the room, not the text and buttons in the care rail. */
body.sleep-mode #screenHome .p126-care-rail{background:linear-gradient(145deg,#eaf2f8,#dce8f7)!important;border-color:#c6d9ec!important}
body.sleep-mode #screenHome .p126-care-rail .p124-care-top strong,body.sleep-mode #screenHome .p126-care-rail .p124-care-actions button .label{color:#1d3950!important}
body.sleep-mode #screenHome .p126-care-rail .p124-care-actions button{color:#1d3950!important;background:#f7fbff!important;border-color:#cbdce8!important}
/* Modern card system — 22 working buttons remain original interactive elements. */
#screenGame .arcade-section-head{margin:8px 0 13px!important;display:flex!important;align-items:end!important;justify-content:space-between!important;gap:10px!important}
#screenGame .arcade-section-head h3{font-size:23px!important;letter-spacing:-.6px!important;line-height:1.05!important;margin:0!important}
#screenGame .arcade-section-head span{font-size:11px!important;line-height:1.25!important;color:#687870!important;max-width:150px!important;text-align:right!important}
#screenGame .game-tabs.arcade-game-grid{gap:12px!important;padding-bottom:15px!important}
#screenGame .game-tabs.arcade-game-grid .arcade-game-card{flex-basis:clamp(260px,79vw,322px)!important;width:clamp(260px,79vw,322px)!important;min-height:300px!important;border-radius:24px!important;background:#fff!important;border:1px solid #dbe8df!important;box-shadow:0 8px 24px rgba(11,45,28,.11)!important;transition:transform .17s ease,box-shadow .17s ease!important;overflow:hidden!important}
#screenGame .arcade-game-card .arcade-cover{height:171px!important;flex-basis:171px!important;border-radius:0!important}
#screenGame .arcade-game-card .arcade-cover:before{background-image:linear-gradient(90deg,rgba(9,24,18,.5),rgba(5,24,13,.08)),var(--p125-scene)!important;background-size:cover!important;background-position:center!important;opacity:1!important;filter:none!important}
#screenGame .arcade-game-card .arcade-cover-panda{max-width:53%!important;max-height:96%!important;position:absolute!important;right:0!important;bottom:-9px!important;object-fit:contain!important;filter:drop-shadow(0 5px 7px #06241c77)!important}
#screenGame .arcade-game-card .arcade-cover-badge,#screenGame .arcade-game-card .arcade-cover-new{font-size:10px!important;font-weight:900!important;letter-spacing:.04em!important;text-shadow:none!important}
#screenGame .arcade-game-card .arcade-card-copy{padding:13px 14px 14px!important;flex:1!important;display:flex!important;flex-direction:column!important;gap:7px!important;background:#fff!important;color:#172a22!important}
#screenGame .arcade-game-card .arcade-card-title strong{font-size:19px!important;letter-spacing:-.48px!important;line-height:1.14!important;color:#172b23!important}
#screenGame .arcade-game-card .arcade-card-title .arcade-record{font-size:10px!important;white-space:nowrap!important;max-width:90px!important;color:#647a6b!important}
#screenGame .arcade-game-card .arcade-card-copy p{font-size:12px!important;line-height:1.35!important;margin:0!important;color:#53685d!important;opacity:1!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
#screenGame .arcade-game-card .arcade-card-meta{margin-top:auto!important;gap:5px!important;flex-wrap:wrap!important}
#screenGame .arcade-game-card .arcade-meta-pill{font-size:9px!important;padding:4px 7px!important;background:#edf4ef!important;color:#365949!important;border:1px solid #dae8dd!important}
#screenGame .arcade-game-card:focus-visible{outline:3px solid #d6323e!important;outline-offset:2px!important}
#screenGame .arcade-game-card:active{transform:scale(.985)!important}
/* Unified tiles for inventory and progress; ensure dark readable labels on light surfaces */
#screenShop .shop-grid,#screenFood .food-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
#screenShop .shop-grid .item-card,#screenFood .food-grid .item-card{min-width:0!important;margin:0!important;padding:13px!important;border-radius:21px!important;display:flex!important;flex-direction:column!important;gap:9px!important;box-shadow:0 8px 22px rgba(24,60,41,.09)!important}
#screenShop .shop-grid .item-card h3,#screenFood .food-grid .item-card h3{font-size:16px!important;line-height:1.2!important;margin:0!important;overflow-wrap:anywhere!important}
#screenShop .shop-grid .item-card p,#screenFood .food-grid .item-card p{font-size:12px!important;line-height:1.4!important;margin:0!important;color:#51695c!important}
#screenShop .shop-grid .item-card .item-preview,#screenFood .food-grid .item-card .item-preview{width:77px!important;height:77px!important;margin:0!important}
#screenShop .shop-grid .item-card .fact-actions,#screenFood .food-grid .item-card .fact-actions{margin-top:auto!important;display:flex!important;flex-direction:column!important;gap:6px!important}
#screenShop .shop-grid .item-card .fact-actions button,#screenFood .food-grid .item-card .fact-actions button{width:100%!important;min-height:42px!important;border-radius:14px!important;font-size:12px!important;padding:7px 4px!important;line-height:1.15!important;white-space:normal!important}
#screenShop .wardrobe-panel,#screenStats .achievement,#screenChina .fact-card,#screenChina .word-card{color:#1b392c!important}
#screenShop .wardrobe-panel *,#screenStats .achievement *,#screenChina .fact-card *,#screenChina .word-card *{text-shadow:none!important}
#screenShop .wardrobe-panel .wardrobe-status,#screenShop .wardrobe-panel button,#screenShop .item-card p,#screenChina .word-card .translation{color:#315948!important}
/* Labirynt visible gameplay with real directional sprites. */
#screenGame .maze-wrap{background:radial-gradient(circle at top,#15273a,#08111e 70%)!important}
#screenGame .maze-stage{border-radius:18px!important;overflow:hidden!important;border:2px solid #294e45!important;box-shadow:0 14px 36px #00131d8c!important}
#screenGame .pmaze-ctrl{background:linear-gradient(145deg,#284638,#152d28)!important;border:1px solid #6b9982!important;box-shadow:0 5px 13px #0005!important;color:#fff!important}
#screenGame .pmaze-controls{padding-bottom:max(14px,env(safe-area-inset-bottom))!important}
@media(max-width:350px){#screenShop .shop-grid,#screenFood .food-grid{grid-template-columns:1fr!important}#screenGame .game-tabs.arcade-game-grid .arcade-game-card{flex-basis:calc(100vw - 56px)!important;width:calc(100vw - 56px)!important}}
@media(prefers-reduced-motion:reduce){#screenGame .arcade-game-card{transition:none!important}}
/* The app header already labels this screen; one editorial heading is sufficient. */
#screenGame>.section-title{display:none!important}
#screenGame .arcade-section-head{margin-top:16px!important}