/* KINGAI Pet V16 · One-Screen Living Companion UI · 2026-08-20 */
:root{--pet-bg:#F7F5F1;--pet-paper:#FCFBF8;--pet-surface:#fff;--pet-soft:#F1EEE8;--pet-blue-soft:#EAF2FA;--pet-green-soft:#EAF5EF;--pet-text:#1D1D1F;--pet-muted:#66676C;--pet-line:rgba(29,29,31,.10);--pet-gold:#C8A650;--pet-blue:#5F86A5;--pet-green:#648A72;--pet-lilac:#B7A7D8;--pet-focus:#2F78B7;--pet-shadow:0 14px 38px rgba(29,29,31,.065);--pet-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
html,body{color-scheme:light!important;background:var(--pet-bg)!important;color:var(--pet-text)!important;font-family:var(--pet-font)!important}.app-shell{background:var(--pet-bg)!important}.game-sidebar{background:linear-gradient(180deg,#F1EEE8,#F7F5F1)!important;border-right:1px solid var(--pet-line)!important;color:var(--pet-text)!important}.game-sidebar .brand{color:var(--pet-text)!important}.game-sidebar .brand-mark{width:30px!important;height:30px!important;background:url('/assets/kingai-mark.svg') center/contain no-repeat!important;color:transparent!important;font-size:0!important;border:0!important;box-shadow:none!important}.game-sidebar .brand-mark::before,.game-sidebar .brand-mark::after{display:none!important}.side-nav button,.side-tools button{color:var(--pet-muted)!important;background:transparent!important}.side-nav button.active,.side-nav button:hover{background:#fff!important;color:var(--pet-text)!important;box-shadow:0 6px 18px rgba(29,29,31,.04)!important}.season-card,.resource-pill,.icon-btn,.pill-btn,.right-rail .hud-card,.quick-card,.account-card,.xp-card{background:#fff!important;border-color:var(--pet-line)!important;color:var(--pet-text)!important;box-shadow:none!important}.season-card small,.season-card span,.resource-pill small,.player-head small,.player-head span,.right-rail small,.quick-card small,.quick-card em,.account-card small{color:var(--pet-muted)!important}.season-progress{background:#EEEAE3!important}.season-progress i{background:linear-gradient(90deg,var(--pet-gold),#D7BF7A)!important}.workspace{position:relative;isolation:isolate;background:radial-gradient(circle at 82% 0,rgba(95,134,165,.08),transparent 30%),radial-gradient(circle at 10% 10%,rgba(200,166,80,.08),transparent 26%),var(--pet-bg)!important}.topbar{background:rgba(252,251,248,.92)!important;border-bottom:1px solid var(--pet-line)!important;color:var(--pet-text)!important;backdrop-filter:blur(16px) saturate(125%)}.avatar-orbit{background:var(--pet-green-soft)!important;color:var(--pet-green)!important;border-color:rgba(100,138,114,.14)!important}
.stage-card{overflow:hidden!important;border:1px solid var(--pet-line)!important;background:linear-gradient(145deg,#FFFEFC,#F5F0E7)!important;box-shadow:var(--pet-shadow)!important;color:var(--pet-text)!important}.stage-card:before{content:"";position:absolute;inset:-28% 35% 58% -18%;pointer-events:none;background:radial-gradient(circle,rgba(183,167,216,.18),transparent 62%);filter:blur(16px)}.stage-bar h1{color:var(--pet-text)!important;text-shadow:none!important;letter-spacing:-.04em!important}.eyebrow{color:#7A6A42!important}.pet-tags span,.pet-tags i,.wallet,.day-chip,.room-tabs button{background:#fff!important;border-color:var(--pet-line)!important;color:var(--pet-muted)!important}.room-scene{position:relative;border:1px solid rgba(106,102,124,.12)!important;background:radial-gradient(circle at 50% 58%,rgba(183,167,216,.30),transparent 36%),linear-gradient(180deg,#DDEAF1 0%,#EDE4F2 52%,#F4EBDD 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.8),0 12px 28px rgba(29,29,31,.05)!important}.room-scene:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.26),transparent 28%,transparent 72%,rgba(255,255,255,.12));opacity:.55}.speech{z-index:6;border:1px solid var(--pet-line)!important;background:rgba(255,255,255,.88)!important;color:var(--pet-text)!important;box-shadow:0 8px 24px rgba(29,29,31,.05)!important}.pet-meta{background:rgba(255,255,255,.86)!important;border-color:var(--pet-line)!important;color:var(--pet-text)!important;box-shadow:0 8px 20px rgba(29,29,31,.05)!important}.pet-wrap{filter:drop-shadow(0 16px 20px rgba(70,65,78,.14));transition:transform .18s ease}.pet-wrap:hover{transform:translateY(-2px) scale(1.008)}.pet-platform{background:radial-gradient(ellipse at center,rgba(183,167,216,.28),rgba(95,134,165,.10) 48%,transparent 72%)}
.living-pulse{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:4px 0 6px;padding:6px;border:1px solid var(--pet-line);border-radius:16px;background:rgba(255,255,255,.68)}.living-pulse>div{min-width:0;display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:12px;background:#fff;border:1px solid var(--pet-line)}.living-pulse span:first-child{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:linear-gradient(145deg,var(--pet-blue-soft),var(--pet-green-soft))}.living-pulse small{font-size:7px;letter-spacing:.06em;color:#8A8B90;font-weight:800}.living-pulse b{display:block;font-size:10px;color:var(--pet-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.living-pulse em{display:block;font-style:normal;font-size:8px;color:var(--pet-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.needs-strip{border:1px solid var(--pet-line)!important;background:rgba(255,255,255,.72)!important}.need{background:#fff!important;color:var(--pet-text)!important}.need span,.need em{color:var(--pet-muted)!important}.meter{background:#E8E5DF!important}.action-dock{border:1px solid var(--pet-line)!important;background:rgba(252,251,248,.92)!important;box-shadow:0 8px 22px rgba(29,29,31,.04)!important}.action-dock button,.hero-actions button{border-color:var(--pet-line)!important;background:#fff!important;color:var(--pet-text)!important}.action-dock button:hover,.hero-actions button:hover{border-color:rgba(183,167,216,.42)!important;background:#FBF9FF!important}.gold-btn,.primary-btn{background:#2E2E30!important;color:#fff!important}.violet-btn{background:var(--pet-blue)!important;color:#fff!important}.mobile-nav{background:rgba(252,251,248,.97)!important;border-top:1px solid var(--pet-line)!important}.mobile-nav button{color:var(--pet-muted)!important}.mobile-nav button.active{color:var(--pet-blue)!important}.modal,.large-modal{background:var(--pet-paper)!important;color:var(--pet-text)!important;border-color:var(--pet-line)!important}
.skip-link{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.skip-link:focus{position:fixed!important;left:16px!important;top:16px!important;width:auto!important;height:auto!important;padding:10px 14px!important;margin:0!important;clip:auto!important;clip-path:none!important;z-index:9999!important;background:#fff!important;color:var(--pet-text)!important;border:1px solid var(--pet-line)!important;border-radius:12px!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pet-focus)!important;outline-offset:2px!important}
/* Desktop/tablet authority: the full home dashboard fits inside one viewport. */
@media(min-width:900px){html,body{height:100%!important;overflow:hidden!important}.app-shell{height:100dvh!important;min-height:0!important;grid-template-columns:clamp(150px,12vw,182px) minmax(0,1fr)!important;overflow:hidden!important}.game-sidebar{position:relative!important;height:100dvh!important;min-height:0!important;padding:12px 9px 10px!important;overflow:hidden!important}.brand{padding:0 7px 10px!important}.brand strong{font-size:14px!important}.brand small{font-size:8px!important}.side-nav{gap:3px!important}.side-nav button{height:36px!important;padding:0 8px!important;border-radius:10px!important;gap:8px!important}.side-nav button span{font-size:14px!important}.side-nav button b{font-size:10px!important}.season-card{padding:8px!important;border-radius:12px!important}.season-card b{margin:2px 0 5px!important;font-size:10px!important}.side-tools{margin-top:6px!important}.side-tools button{width:32px!important;height:32px!important}.workspace{height:100dvh!important;min-height:0!important;padding:0 10px 5px!important;display:grid!important;grid-template-rows:58px minmax(0,1fr) 14px!important;overflow:hidden!important}.topbar{height:58px!important;min-height:58px!important;max-width:none!important;margin:0!important}.avatar-orbit{width:36px!important;height:36px!important;border-radius:11px!important}.player-head strong{font-size:11px!important}.player-head small,.player-head span{font-size:8px!important}.top-actions{gap:5px!important}.resource-pill{height:34px!important;min-width:82px!important;padding:0 7px!important;border-radius:11px!important}.resource-pill>span{font-size:15px!important}.icon-btn,.pill-btn{height:34px!important;border-radius:10px!important}.icon-btn{width:34px!important}.dashboard-grid{width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) clamp(220px,21vw,285px)!important;grid-template-rows:minmax(0,1fr) 58px 44px!important;gap:7px!important;overflow:hidden!important}.stage-card{grid-column:1!important;grid-row:1!important;min-height:0!important;height:100%!important;padding:9px!important;border-radius:18px!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto!important;gap:4px!important}.stage-bar{padding-bottom:0!important}.stage-bar h1{font-size:clamp(24px,2.35vw,34px)!important;line-height:1!important}.pet-tags{margin-top:4px!important}.pet-tags span,.pet-tags i{font-size:7px!important;padding:2px 6px!important}.wallet{padding:5px 8px!important;border-radius:10px!important;font-size:10px!important}.room-tabs{margin-top:0!important}.room-tabs button{padding:4px 8px!important;font-size:9px!important}.day-chip{font-size:8px!important}.living-pulse{margin:0!important;padding:4px!important;gap:4px!important;border-radius:12px!important}.living-pulse>div{padding:4px 6px!important}.living-pulse span:first-child{width:22px!important;height:22px!important;flex-basis:22px!important}.living-pulse small{font-size:6.5px!important}.living-pulse b{font-size:8.5px!important}.living-pulse em{font-size:7px!important}.room-scene{height:auto!important;min-height:0!important;margin:0!important;border-radius:15px!important;overflow:hidden!important}.scene-window{transform:scale(.72)!important;transform-origin:top right!important}.scene-sofa{transform:scale(.78)!important;transform-origin:left bottom!important}.speech{top:8px!important;max-width:62%!important;padding:6px 9px!important;font-size:9px!important}.pet-wrap{width:min(210px,27vh)!important;height:min(245px,31vh)!important}.pet-art{height:calc(100% - 32px)!important}.pet-aura{width:82%!important;height:82%!important;left:9%!important;top:8%!important}.pet-platform{width:94%!important;height:52px!important;left:3%!important;bottom:7px!important}.pet-meta{padding:4px 7px!important;font-size:9px!important}.hero-actions{grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin:0!important}.hero-actions button{min-height:38px!important;padding:4px 7px!important;border-radius:10px!important}.hero-actions button>span{font-size:15px!important}.hero-actions b{font-size:9px!important}.hero-actions small{display:none!important}.needs-strip{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:4px!important;margin:0!important;padding:4px!important;border-radius:12px!important;overflow:visible!important}.need{min-width:0!important;padding:4px 5px!important;border-radius:9px!important;gap:2px 4px!important}.need span{font-size:7px!important;white-space:nowrap!important}.need em{font-size:8px!important}.meter{height:4px!important}.xp-card{margin:0!important;padding:4px 7px!important;border-radius:9px!important;min-height:28px!important}.action-dock{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:4px!important;margin:0!important;padding:4px!important;border-radius:12px!important;position:relative!important;bottom:auto!important}.action-dock button{min-height:38px!important;padding:3px!important;border-radius:9px!important}.action-dock button span{font-size:15px!important}.action-dock button b{font-size:8px!important}.right-rail{grid-column:2!important;grid-row:1/4!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:7px!important;overflow:hidden!important}.right-rail .hud-card{min-height:0!important;height:100%!important;padding:9px!important;border-radius:14px!important;overflow:hidden!important}.right-rail header{margin-bottom:6px!important}.right-rail header b{font-size:10px!important}.right-rail header button,.right-rail header small{font-size:7px!important}.rail-task{padding:5px!important;min-height:0!important}.rail-task b{font-size:8px!important}.rail-task small{font-size:7px!important}.reward-days{gap:4px!important}.reward-days>div{min-height:34px!important;padding:3px!important;font-size:9px!important}.gold-btn,.violet-btn{min-height:30px!important;font-size:8px!important;padding:4px 6px!important}.spotlight-copy strong{font-size:22px!important}.spotlight-copy span{font-size:9px!important}.spotlight-copy small{font-size:7px!important}.quick-grid{grid-column:1!important;grid-row:2!important;height:58px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;overflow:hidden!important}.quick-card{min-height:0!important;height:58px!important;padding:7px!important;border-radius:12px!important}.quick-card>span{font-size:15px!important}.quick-card small{font-size:6px!important}.quick-card b{font-size:9px!important}.quick-card em{font-size:7px!important}.account-card{grid-column:1!important;grid-row:3!important;min-height:0!important;height:44px!important;padding:5px 9px!important;border-radius:11px!important}.account-copy b{font-size:9px!important}.account-copy small{font-size:7px!important}.account-card .primary-btn{min-height:30px!important;padding:4px 9px!important;font-size:8px!important}.workspace>footer{height:14px!important;min-height:14px!important;padding:0!important;margin:0!important;font-size:7px!important;line-height:14px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}}
/* Mobile: no page-level vertical scrolling; secondary functions stay in the fixed bottom navigation and dialogs. */
@media(max-width:899px){html,body{height:100%!important;overflow:hidden!important}.app-shell{height:100dvh!important;min-height:0!important}.workspace{height:100dvh!important;min-height:0!important;padding-bottom:calc(64px + env(safe-area-inset-bottom))!important;overflow:hidden!important}.topbar{height:54px!important;min-height:54px!important;padding-inline:10px!important}.dashboard-grid{height:calc(100dvh - 118px - env(safe-area-inset-bottom))!important;min-height:0!important;display:block!important;overflow:hidden!important}.stage-card{height:100%!important;min-height:0!important;padding:8px!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto auto!important;gap:4px!important;overflow:hidden!important}.stage-bar h1{font-size:clamp(25px,8vw,34px)!important}.pet-tags,.living-pulse,.right-rail,.quick-grid,.account-card,.workspace>footer{display:none!important}.room-tabs{margin-top:0!important}.room-scene{height:auto!important;min-height:0!important;margin:0!important}.speech{top:7px!important;font-size:10px!important;max-width:80%!important}.pet-wrap{width:min(230px,60vw)!important;height:min(280px,37vh)!important}.pet-art{height:calc(100% - 30px)!important}.hero-actions{margin:0!important;gap:4px!important}.hero-actions button{min-height:36px!important;padding:4px 6px!important}.hero-actions small{display:none!important}.needs-strip{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:3px!important;margin:0!important;padding:3px!important;overflow:hidden!important}.need{min-width:0!important;padding:3px 4px!important}.need span{font-size:7px!important}.need em{font-size:7px!important}.need.extra{display:none!important}.xp-card{margin:0!important;padding:3px 6px!important}.action-dock{position:relative!important;bottom:auto!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:3px!important;margin:0!important;padding:3px!important}.action-dock button{min-height:38px!important;padding:2px!important}.action-dock button b{font-size:7px!important}.action-dock button span{font-size:14px!important}.mobile-nav{height:64px!important;min-height:64px!important;padding-bottom:env(safe-area-inset-bottom)!important}.mobile-nav button{min-height:50px!important}}
@media(max-width:420px){.top-actions .resource-pill{display:none!important}.player-head strong{font-size:10px!important}.stage-bar h1{font-size:26px!important}.pet-wrap{height:min(245px,34vh)!important}.hero-actions button>span{font-size:13px!important}.action-dock button span{font-size:13px!important}}
@media(max-height:760px) and (min-width:900px){.game-sidebar{padding-top:8px!important}.brand{padding-bottom:6px!important}.side-nav button{height:32px!important}.season-card{padding:6px!important}.topbar{height:50px!important;min-height:50px!important}.workspace{grid-template-rows:50px minmax(0,1fr) 12px!important}.dashboard-grid{grid-template-rows:minmax(0,1fr) 52px 38px!important}.stage-card{padding:6px!important;gap:3px!important}.stage-bar h1{font-size:24px!important}.pet-tags{display:none!important}.living-pulse{display:none!important}.hero-actions button{min-height:34px!important}.needs-strip{padding:3px!important}.action-dock button{min-height:34px!important}.quick-grid,.quick-card{height:52px!important}.account-card{height:38px!important}.right-rail .hud-card{padding:6px!important}.room-scene{border-radius:12px!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}