html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}body{min-width:320px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #91bdcf;outline-offset:3px}.card,.layout>*,.play-layout>*,.item,.task-info{min-width:0}input,select,textarea{font-size:16px!important}dialog{max-height:85vh;max-height:85dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.code-box{font-size:13px!important}.tablet-nav{display:none}section[id]{scroll-margin-top:100px}.items .item b,.crew-member b{overflow-wrap:anywhere}.gear-plan{table-layout:fixed;width:100%}.shop-filters,.gear-tiers{gap:8px}.level small{white-space:normal}.task-info b{line-height:1.6}.crew-member{min-height:65px}.crew-add{min-height:48px}
@media(pointer:coarse){button,.check,.item button,.tabs button,.gear-tiers button,.shop-filters button,#chapterNav button{min-height:44px}.quiet{padding:10px}.close{min-width:44px;min-height:44px}.avatar-choices button{min-width:48px}.move-buttons button,.battle-actions button{min-height:58px}.level{min-height:78px}.opponent{min-height:48px}}
@media(min-width:768px){main{max-width:1440px;padding:28px 28px 40px}.tablet-nav{display:flex;position:sticky;top:calc(env(safe-area-inset-top) + 8px);z-index:9;justify-content:space-around;gap:8px;padding:8px;margin:0 0 25px;background:#f8fcfef2;border:1px solid #d5e5ed;border-radius:18px;box-shadow:0 5px 20px #3c657a0c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tablet-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;flex:1;border-radius:11px;text-decoration:none;color:#668e9f;font-size:13px}.tablet-nav a:hover,.tablet-nav a:focus-visible{background:#e6f0f5}.brand{font-size:23px}.header-actions button{font-size:13px;min-height:44px}.welcome{margin:30px 0}h1{font-size:32px}.card{padding:24px}h2{font-size:22px}.layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start}.task{padding:18px 0}.task-info b{font-size:15px}.task-info small{font-size:12px;line-height:1.6}.task-icon{flex-shrink:0;width:44px;height:44px}.check{flex-shrink:0;padding:12px;min-height:44px;font-size:13px}.tasks .section-head{gap:12px;flex-wrap:wrap}.tasks .date{font-size:12px}.daily{gap:8px;flex-wrap:wrap;line-height:1.7}.pet-console .scene{height:320px}.pet-console{padding:16px 14px 10px}.device-top{font-size:10px}.device-top b{font-size:11px}.device-bottom small{font-size:10px}.speech{font-size:13px}.primary{min-height:50px;font-size:15px}.care-actions button{min-height:48px;font-size:14px}.feed-note{line-height:1.8}.growth>div{gap:12px}.growth p{font-size:12px;line-height:1.8}.pet-meters>div>div:first-child{font-size:12px}.pet-meters b{font-size:12px}.training-heading b{font-size:14px}.training-heading span{font-size:12px}#trainingValues span{font-size:12px}#trainingNote{font-size:11px}#trainingTiers span{font-size:12px;padding:9px 0}#wearNote{font-size:12px}.items{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.item{padding:22px 17px;min-height:145px}.item b{font-size:14px}.item small{font-size:12px;line-height:1.8}.item button{min-height:44px;font-size:12px;padding:10px 13px}.shop-filters button,.gear-tiers button,.tabs button{min-height:44px;font-size:13px}.gear-tiers button{padding:10px 15px}.gear-slot{padding:18px 10px}.gear-slot b{font-size:14px}.gear-slot small{font-size:12px}.gear-intro p{font-size:13px}.gear-plan{font-size:13px}.gear-plan td,.gear-plan th{padding:14px}.section-note{font-size:13px}.play-layout{align-items:start}.move-buttons button{min-height:72px}.level{min-height:82px}.level b{font-size:11px}.level small{font-size:10px}#chapterNav button{font-size:12px;min-height:44px;padding:10px 5px}#levelMap{gap:10px;max-height:420px}.battle-actions button{min-height:52px;font-size:14px}.battle-message{font-size:13px}.fighter>b{font-size:13px}.fighter small{font-size:12px}.battle-title{font-size:18px}.mini-device{min-width:130px}.match-record{font-size:13px}.crew-member b{font-size:14px}.crew-member small{font-size:12px}.crew-heading{font-size:15px}.crew-heading span{font-size:12px}dialog{width:min(600px,calc(100% - 48px));max-width:600px;padding:30px}dialog p{font-size:14px}.secondary{min-height:46px}footer{font-size:12px}}
@media(min-width:768px) and (max-width:1023px){main{padding:24px}.card{padding:20px}.layout{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pet-console{margin-left:-8px;margin-right:-8px;padding:13px 9px 9px}.pet-console .scene{height:300px}.device-top{flex-wrap:wrap;gap:6px}.device-top b{font-size:10px}.device-bottom small{font-size:8px;letter-spacing:0}.tasks .task{gap:9px;padding:17px 0}.tasks .task-info b{font-size:14px}.tasks .task-info small{font-size:11px}.tasks .check{font-size:12px;padding:10px 8px}.task-icon{width:36px;height:40px;font-size:23px}.pet-meters{gap:9px}.training-heading{flex-wrap:wrap}.play-layout{grid-template-columns:minmax(0,1fr)}#levelMap{grid-template-columns:repeat(6,minmax(0,1fr))}.items{grid-template-columns:repeat(2,minmax(0,1fr))}.gear-loadout{grid-template-columns:repeat(4,minmax(0,1fr))}.header-actions{gap:7px}.crew-heading{gap:12px;flex-wrap:wrap}.welcome{gap:14px}.welcome h1{font-size:28px}.wallet{font-size:12px;padding:13px 16px}.wallet i{margin:0 8px}.tablet-nav a{font-size:12px}}
@media(min-width:1024px){.items{grid-template-columns:repeat(4,minmax(0,1fr))}.play-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.pet-console .scene{height:340px}.task{padding:21px 0}.task-info b{font-size:16px}.check{padding:13px 17px}.scene .chick{bottom:58px}.scene .speech{top:36px}.tasks .encourage{margin-top:30px;font-size:12px}.gear-intro{padding:22px}.move-buttons small{font-size:12px}}
@media(max-width:600px){header{flex-wrap:wrap;align-items:center;row-gap:12px}.brand{flex:1}.header-actions{gap:5px}.header-actions .quiet{padding:8px 5px}.items{grid-template-columns:repeat(2,minmax(0,1fr))}.item{padding:17px 11px}.item button{min-height:42px}.level{min-height:68px}.level b{overflow-wrap:anywhere}.save-actions{display:block}.save-actions button{width:100%;margin:6px 0}.training-heading span{font-size:10px}.wallet{white-space:normal}.crew-heading span{line-height:1.7}.header-actions button{min-height:40px}.code-box{font-size:13px!important}dialog input{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}