/* Shared controls, different places: shop shelves, lab consoles, quest board. */
:root{--reading-font:Tahoma,"Noto Sans Thai",system-ui,sans-serif;--quiet-line:rgba(174,157,207,.22)}
/* The track handles swipes. Focus must not scroll its clipping parent too. */
#phone-home .phone-pages-viewport{overflow:clip}
[data-art-flight] img{width:100%!important;height:100%!important;object-fit:contain;image-rendering:pixelated}
#screen-malnet-quests summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
#phone-home #player-next-action{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:16px;margin:14px 0;background:linear-gradient(115deg,#191a31d9,#241633b8);border:1px solid var(--quiet-line);border-radius:16px;box-shadow:none}
#player-next-action .next-pet{display:grid;place-items:center;align-self:center;min-width:0;min-height:84px;background:radial-gradient(ellipse at 50% 72%,#65ded624,transparent 70%)}
#player-next-action .next-pet img,#player-goal .player-goal-art img{width:100%!important;height:90px!important;object-fit:contain;image-rendering:pixelated;transform:none!important}
#player-next-action .next-copy{display:grid;gap:8px;min-width:0}
#player-next-action small{font-size:10px;letter-spacing:.14em;color:#72d9ce}
#player-next-action strong,#player-goal strong{font-size:16px!important;line-height:1.35;overflow-wrap:anywhere}
#player-next-action p,#player-goal p,.preset-row small,.eshop-sheet-copy,.vz-home-showcase p,.vz-home-showcase details,.vzq-name,.vzq-note,.br-advice p{font:14px/1.6 var(--reading-font)!important;letter-spacing:0!important;color:#c7c3d4}
#player-next-action .btn,#player-goal .btn,.preset-row .btn{font-size:12px!important;min-height:44px;white-space:normal;padding:8px 12px;margin:0}
#player-next-action .next-links{grid-column:1/-1;display:flex;gap:8px;border-top:1px solid var(--quiet-line);padding-top:8px}
#player-next-action .next-links .btn{flex:1;background:transparent!important;box-shadow:none!important;clip-path:none!important;border:0!important;color:#bab6d0!important;font:12px/1.4 var(--reading-font)!important}
#phone-home #player-goal{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:16px 36px 16px 14px;margin:14px 0;border:1px solid var(--quiet-line);border-radius:12px;background:#171425c9;box-shadow:none}
#player-goal .player-goal-art{display:grid;place-items:center;min-width:0;align-self:center}
#player-goal .goal-copy{display:grid;gap:8px;min-width:0}
#player-goal p{margin:0;font-size:12px!important}
#player-goal progress{width:100%;height:5px;border:0;accent-color:#75dac4;border-radius:3px;overflow:hidden}
#player-goal progress::-webkit-progress-bar{background:#ffffff12}
#player-goal progress::-webkit-progress-value{background:#75dac4}
#player-goal .goal-clear{position:absolute;right:0;top:0;width:44px;min-height:44px;border:0;background:transparent;color:#aca0bb;font:20px system-ui}
.preset-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--quiet-line)}
.preset-row input,.preset-row .preset-pets{grid-column:1/-1}
.preset-pets{display:flex;gap:12px;min-height:54px;align-items:center}
.preset-pets figure{margin:0;width:64px;display:grid;gap:5px;text-align:center}
.preset-pets img{width:54px!important;height:54px!important;object-fit:contain;transform:none!important}
.preset-pets figcaption{font:11px/1.3 var(--reading-font);overflow-wrap:anywhere}
#screen-shop .eshop-store-head{padding-bottom:20px;border-bottom:1px solid #d3ba9d35;margin-bottom:24px}
#screen-shop .eshop-category{margin-bottom:26px}
#screen-shop .eshop-category h3{font-size:16px;letter-spacing:.025em;color:#ded3c0}
#screen-shop .eshop-product{border:1px solid #99b7c530!important;background:linear-gradient(145deg,#111c28e6,#101120cc)!important;box-shadow:inset 0 1px #ffffff09,0 3px 8px #0002!important;transition:border-color .18s,background .18s}
#screen-shop .eshop-product:active{border-color:#77dacb!important}
#screen-shop [data-eshop-store]{border:0;background:transparent;box-shadow:none}
#screen-techlab .techlab-hub>button{border:1px solid #64cad044;border-radius:3px;background:linear-gradient(180deg,#0b2029e8,#0b111dee);box-shadow:inset 3px 0 #64cad055}
#screen-techlab .techlab-hub small{font:12px/1.5 var(--reading-font)!important;color:#a8bdc6}
#screen-techlab .tech-view-head{border-bottom:1px solid #64cad044;padding-bottom:14px}
#screen-malnet-quests .vzq-card{background:linear-gradient(120deg,#262331ed,#1b1a26f0);border:1px solid #c2af892e;border-top:3px solid #b39c71;border-radius:4px;box-shadow:3px 4px 0 #06061155}
#screen-malnet-quests .vzq-q{padding:12px 0;border-top:1px dashed #bca88730}
#screen-malnet-quests .vzq-q.done .vzq-name{text-decoration:line-through;text-decoration-color:#75c4a677;opacity:.65}
#screen-malnet-quests .vzq-q.done::before{content:'✓';color:#75c4a6;transform:rotate(-8deg);font-size:17px}
#screen-malnet-quests .vzq-q .vzq-pt{font-size:10px}
.eshop-sheet .eshop-sheet-copy{max-width:34ch;margin-inline:auto}
.eshop-sheet .eshop-sheet-price{font-size:20px}
.br-advice{padding:14px;border-left:2px solid #799a9c;background:#11172666;margin-top:12px}
.br-advice strong{font-size:14px!important}
.vz-home-showcase details{border-top:1px solid var(--quiet-line);padding-top:10px}
.vz-home-showcase summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#aaa4bc}
@media(max-width:360px){#phone-home #player-next-action{grid-template-columns:64px minmax(0,1fr);padding:12px}#phone-home #player-goal{grid-template-columns:58px minmax(0,1fr);gap:10px}}
